Hra kresleni prstem na displeji's game

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

No:48323

←

Prev Next

→

Hra kresleni prstem na displeji
Developer User20718｜Date and time 24/3/1 21:40:53
Build time 4.041 sec｜Game capacity 1.065KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Finger 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;
        let lastX = 0;
        let lastY = 0;

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

function startDrawing(e) {
            isDrawing = true;
            [lastX, lastY] = [e.offsetX, e.offsetY];
        }

function draw(e) {
            if (!isDrawing) return;
            ctx.beginPath();
            ctx.moveTo(lastX, lastY);
            ctx.lineTo(e.offsetX, e.offsetY);
            ctx.stroke();
            [lastX, lastY] = [e.offsetX, e.offsetY];
        }

function stopDrawing() {
            isDrawing = false;
        }

</script>
</body>
</html>