JavaScript Canvas Editor - Local Interactive Graphics

Local JavaScript canvas editor for creating interactive graphics and animations. Write code, see terminal output, and view your canvas creations instantly. All processing happens in your browser.

Features

HTML5 Canvas visualization in real-time
Local JavaScript execution with terminal output
Interactive graphics and animation support
All rendering happens client-side
Share canvas projects with unique URLs

const ctx = canvas.getContext("2d");
ctx.fillStyle = "green";

let x = 10;
let sign = true;
function animate() {
    if (x > 200) {
        sign = false;
    }
    if (x < 10) {
        sign = true;
    }

    ctx.clearRect(0, 0, canvas.width, canvas.height);
    x += sign ? 2 : (-2);
    ctx.fillRect(x, 10, 100, 100);

    requestAnimationFrame(animate);
}
animate();