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

No:40593

←

Prev Next

→

お絵描きゲーム
Developer User18209｜Date and time 24/2/3 19:04:37
Build time 5.165 sec｜Game capacity 1.078KB｜

Script

お絵描きゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>お絵描きゲーム</title>
  <style>
    #canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <h1>お絵描きゲーム</h1>
  <canvas id="canvas" width="300" height="300"></canvas>

let isDrawing = false;
      let lastX = 0;
      let lastY = 0;

canvas.addEventListener('touchstart', startDrawing);
      canvas.addEventListener('touchmove', draw);

function startDrawing(e) {
        isDrawing = true;
        [lastX, lastY] = [e.touches[0].clientX, e.touches[0].clientY];
      }

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

ctx.beginPath();
        ctx.moveTo(lastX, lastY);
        ctx.lineTo(e.touches[0].clientX, e.touches[0].clientY);
        ctx.stroke();

[lastX, lastY] = [e.touches[0].clientX, e.touches[0].clientY];
      }
    });
  </script>
</body>
</html>