A game that draws what you write's game

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

No:26257

←

Prev Next

→

A game that draws what you write
Developer User12958｜Date and time 23/11/28 9:53:51
Build time 47.349 sec｜Game capacity 2.086KB｜

Script

Sure! Here's an example of a simple game that allows you to draw on the screen using JavaScript and HTML:

To play the game, open the HTML file on a smartphone. When you touch or click and drag on the canvas, it will start drawing a line. You can draw anything you like on the screen using your finger or a stylus. Please note that this is a basic example and does not include advanced features like color selection or erasing. You can enhance the game by adding additional functionalities as per 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 game that allows you to draw on the screen using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Draw Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      touch-action: none;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="500" height="500"></canvas>

// Set initial drawing parameters
    context.lineWidth = 5;
    context.lineJoin = "round";
    context.lineCap = "round";
    context.strokeStyle = "#000";

var drawing = false; // Flag to indicate if user is currently drawing

// Function to start drawing
    function startDrawing(event) {
      drawing = true;
      context.beginPath();
      context.moveTo(event.clientX, event.clientY);
    }

// Function to continue drawing
    function draw(event) {
      if (drawing) {
        context.lineTo(event.clientX, event.clientY);
        context.stroke();
      }
    }

// Function to stop drawing
    function stopDrawing() {
      drawing = false;
    }

// Event listeners for touch and mouse events
    canvas.addEventListener("mousedown", startDrawing);
    canvas.addEventListener("mousemove", draw);
    canvas.addEventListener("mouseup", stopDrawing);
    canvas.addEventListener("touchstart", startDrawing);
    canvas.addEventListener("touchmove", function(event) {
      event.preventDefault(); // Prevent page scroll on touchmove
      draw(event.touches[0]);
    });
    canvas.addEventListener("touchend", stopDrawing);

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

Please note that this is a basic example and does not include advanced features like color selection or erasing. You can enhance the game by adding additional functionalities as per your requirements.