AI game creator

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

No:34118

101

←

Prev Next

→

A drawing game
Developer User16061｜Date and time 24/1/8 9:51:11
Build time 15.922 sec｜Game capacity 2.084KB｜

Script

Sure! Here's a simple drawing game using JavaScript and pictograms. The game allows the player to draw on the screen using their smartphone.

In this game, when the player touches their smartphone screen and starts dragging their finger, they can draw on the canvas. The drawn lines will appear on the canvas as they move their finger. The canvas element is enclosed within the script tags, which allows us to access it using JavaScript. Please note that this is a basic example, and you can enhance the game by adding more features or customizing the drawing experience further based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a simple drawing game using JavaScript and pictograms. The game allows the player to draw on the screen using their smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #canvas {
            border: 1px solid black;
            touch-action: none; /* Disable touch scrolling on canvas */
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Function to start drawing
        function startDrawing(e) {
            drawing = true;
            lastX = e.touches[0].clientX;
            lastY = e.touches[0].clientY;
        }

// Function to draw on the canvas
        function draw(e) {
            if (!drawing) return; // Exit if not drawing

var x = e.touches[0].clientX;
            var y = e.touches[0].clientY;

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

lastX = x;
            lastY = y;
        }

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

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

Please note that this is a basic example, and you can enhance the game by adding more features or customizing the drawing experience further based on your requirements.