AI game creator

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

No:37153

←

Prev Next

→

dot eat game
Developer User17003｜Date and time 24/1/20 13:57:16
Build time 12.993 sec｜Game capacity 4.272KB｜

Script

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

This game uses touch or mouse input to eat the dot represented as a red square on the canvas. Each time the dot is eaten, the player's score increases, and the dot's eaten position is regenerated randomly. The game runs in a loop, continuously updating and redrawing the game state.

←

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 dot-eat game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dot-Eat Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define the dot properties
            var dot = {
                x: 200,
                y: 200,
                size: 10,
                color: "red"
            };

// Track the player's score
            var score = 0;

// Handle touch/mouse input
            canvas.addEventListener("touchstart", handleInput);
            canvas.addEventListener("mousedown", handleInput);

// Game loop
            function gameLoop() {
                update();
                draw();
                requestAnimationFrame(gameLoop);
            }

// Update game state
            function update() {
                // Move the dot randomly
                dot.x += Math.floor(Math.random() * 3) - 1;
                dot.y += Math.floor(Math.random() * 3) - 1;

// Check if the dot is out of bounds
                if (dot.x < 0) {
                    dot.x = 0;
                }
                if (dot.x > canvas.width - dot.size) {
                    dot.x = canvas.width - dot.size;
                }
                if (dot.y < 0) {
                    dot.y = 0;
                }
                if (dot.y > canvas.height - dot.size) {
                    dot.y = canvas.height - dot.size;
                }

// Check for collision with dot
                if (Math.sqrt(Math.pow(dot.x - dot.eatenX, 2) + Math.pow(dot.y - dot.eatenY, 2)) <= dot.size) {
                    // Increase score
                    score++;

// Generate new random position for eaten dot
                    dot.eatenX = Math.floor(Math.random() * (canvas.width - dot.size));
                    dot.eatenY = Math.floor(Math.random() * (canvas.height - dot.size));
                }
            }

// Draw the game
            function draw() {
                // Clear the canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the dot
                context.fillStyle = dot.color;
                context.fillRect(dot.x, dot.y, dot.size, dot.size);

// Draw the eaten dot
                context.fillStyle = "green";
                context.fillRect(dot.eatenX, dot.eatenY, dot.size, dot.size);

// Draw the score
                context.fillStyle = "black";
                context.font = "20px Arial";
                context.fillText("Score: " + score, 10, 30);
            }

// Handle touch/mouse input
            function handleInput(event) {
                var rect = canvas.getBoundingClientRect();
                var touchX = event.clientX - rect.left;
                var touchY = event.clientY - rect.top;

// Check if the touch/mouse position is within the dot
                if (touchX >= dot.x && touchX <= dot.x + dot.size && touchY >= dot.y && touchY <= dot.y + dot.size) {
                    // Generate new random position for eaten dot
                    dot.eatenX = Math.floor(Math.random() * (canvas.width - dot.size));
                    dot.eatenY = Math.floor(Math.random() * (canvas.height - dot.size));
                }
            }

// Start the game loop
            gameLoop();
        });
    </script>
</body>
</html>
```