AI game creator

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

No:27811

←

Prev Next

→

An ai that draws
Developer User13833｜Date and time 23/12/9 5:57:27
Build time 16.596 sec｜Game capacity 3.002KB｜

Script

As an AI text-based model, I can assist you in providing the code for an HTML-based game that involves drawing and utilizes JavaScript. However, please note that due to the limitations of a text-based format, I cannot generate the actual drawing or provide the pictograms directly. I can help you with the logic and structure of the code. Here's a simple example of an HTML game using JavaScript:

This simple game creates a canvas element where you can draw lines by clicking and dragging the mouse or touching and moving your finger on a touchscreen device. The drawn lines are black with a line width of 2. You can enhance this code further to add game functionality or integrate pictograms as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Drawing Game</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400" style="border: 1px solid black;"></canvas>
    
    <script>
        // Get the canvas element from the HTML page
        var canvas = document.getElementById("canvas");
        var context = canvas.getContext("2d");

// Variables to store the current position and previous position of the touch/mouse
        var currentX, currentY, prevX, prevY;

// Event listener to capture touch/mouse movements
        canvas.addEventListener("touchstart", startDrawing);
        canvas.addEventListener("mousedown", startDrawing);

function startDrawing(event) {
            // Get the initial position of the touch/mouse
            prevX = event.touches ? event.touches[0].clientX : event.clientX;
            prevY = event.touches ? event.touches[0].clientY : event.clientY;

// Add event listeners to capture the ongoing movements
            canvas.addEventListener("touchmove", draw);
            canvas.addEventListener("mousemove", draw);

// Add event listeners to stop drawing once touch/mouse is released
            canvas.addEventListener("touchend", stopDrawing);
            canvas.addEventListener("mouseup", stopDrawing);
        }

function draw(event) {
            // Get the current position of the touch/mouse
            currentX = event.touches ? event.touches[0].clientX : event.clientX;
            currentY = event.touches ? event.touches[0].clientY : event.clientY;

// Draw a line from the previous position to the current position
            context.beginPath();
            context.moveTo(prevX, prevY);
            context.lineTo(currentX, currentY);
            context.lineWidth = 2;
            context.strokeStyle = "black";
            context.stroke();

// Update the previous position to the current position
            prevX = currentX;
            prevY = currentY;
        }

function stopDrawing(event) {
            // Remove the event listeners to stop drawing
            canvas.removeEventListener("touchmove", draw);
            canvas.removeEventListener("mousemove", draw);
        }
    </script>
</body>
</html>
```