AI game creator

Click here for free DL of the app version that can save data.

No:45064

←

Prev Next

→

Art drawing game
Developer User19313｜Date and time 24/2/20 5:20:39
Build time 4.204 sec｜Game capacity 1.189KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Art Drawing Game</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('canvas');
        const ctx = canvas.getContext('2d');
        let isDrawing = false;

canvas.addEventListener('mousedown', startDrawing);
        canvas.addEventListener('mousemove', draw);
        canvas.addEventListener('mouseup', stopDrawing);

function startDrawing(e) {
            isDrawing = true;
            draw(e);
        }

function draw(e) {
            if(!isDrawing) return;

const rect = canvas.getBoundingClientRect();
            const x = e.clientX - rect.left;
            const y = e.clientY - rect.top;

ctx.fillStyle = '#000';
            ctx.beginPath();
            ctx.arc(x, y, 5, 0, Math.PI * 2);
            ctx.fill();
        }

function stopDrawing() {
            isDrawing = false;
        }
    </script>
</body>
</html>