a drawing game, or you can draw anything's game

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

No:43332

←

Prev Next

→

a drawing game, or you can draw anything
Developer User16101｜Date and time 24/2/15 6:48:18
Build time 5.592 sec｜Game capacity 1.606KB｜

Script

Sure! Here's an example of a simple drawing game implemented as a single HTML file using JavaScript:

In this game, you can draw on the canvas by tapping and dragging your finger on a smartphone screen. The drawing tool uses a black color and a brush size of 5 pixels. You can adjust these settings as per your preference. Feel free to modify and enhance the game according to your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's an example of a simple drawing game implemented as a single HTML file using JavaScript:

```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="400" height="400"></canvas>

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

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

function draw(e) {
      if (!isDrawing) return;
      context.beginPath();
      context.moveTo(lastX, lastY);
      context.lineTo(e.touches[0].clientX, e.touches[0].clientY);
      context.strokeStyle = "black";
      context.lineWidth = 5;
      context.lineCap = "round";
      context.stroke();
      [lastX, lastY] = [e.touches[0].clientX, e.touches[0].clientY];
    }

function stopDrawing() {
      isDrawing = false;
    }

canvas.addEventListener("touchstart", startDrawing);
    canvas.addEventListener("touchmove", draw);
    canvas.addEventListener("touchend", stopDrawing);
  </script>
</body>
</html>
```

Feel free to modify and enhance the game according to your requirements.