AI game creator

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

No:50057

←

Prev Next

→

Drawing game
Developer User21218｜Date and time 24/3/7 14:43:31
Build time 3.963 sec｜Game capacity 1.091KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Drawing Game</title>
<style>
    canvas {
       border: 1px solid black;
       touch-action: none;
    }
</style>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>
<script>
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');

let lastX, lastY;
    let isDrawing = false;

canvas.addEventListener('touchstart', (e) => {
        lastX = e.touches[0].clientX - canvas.offsetLeft;
        lastY = e.touches[0].clientY - canvas.offsetTop;
        isDrawing = true;
    });

canvas.addEventListener('touchmove', (e) => {
        if(isDrawing) {
            const x = e.touches[0].clientX - canvas.offsetLeft;
            const y = e.touches[0].clientY - canvas.offsetTop;

ctx.beginPath();
            ctx.moveTo(lastX, lastY);
            ctx.lineTo(x, y);
            ctx.stroke();

lastX = x;
            lastY = y;
        }
    });

canvas.addEventListener('touchend', () => {
        isDrawing = false;
    });

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