When you tap a mouse draws's game

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

No:27805

←

Prev Next

→

When you tap a mouse draws
Developer User13833｜Date and time 23/12/9 5:11:31
Build time 13.39 sec｜Game capacity 1.853KB｜

Script

Sure! Here's a simple game where you can draw with your finger by tapping on a smartphone screen:

To play the game, simply open this HTML file in a web browser on a smartphone, and you'll be able to draw on the screen by tapping and dragging your finger. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple game where you can draw with your finger by tapping on a smartphone screen:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tap to Draw</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

canvas {
      width: 100%;
      height: 100vh;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

// Set up the canvas
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Event listeners for touch and mouse interactions
    canvas.addEventListener("mousedown", startPainting);
    canvas.addEventListener("touchstart", startPainting);
    canvas.addEventListener("mousemove", draw);
    canvas.addEventListener("touchmove", draw);
    window.addEventListener("mouseup", stopPainting);
    window.addEventListener("touchend", stopPainting);

function startPainting(event) {
      painting = true;
      draw(event);
    }

function stopPainting() {
      painting = false;
    }

To play the game, simply open this HTML file in a web browser on a smartphone, and you'll be able to draw on the screen by tapping and dragging your finger. Enjoy!