AI game creator

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

No:37154

←

Prev Next

→

dot eat game
Developer User17003｜Date and time 24/1/20 13:57:35
Build time 10.655 sec｜Game capacity 3.879KB｜

Script

Sure! Here's an example of a simple "Dot Eat" game implemented as a single HTML file using JavaScript:

This game features a player represented as a red square and food represented as a green square. The objective of the game is for the player to move around using the arrow keys and eat the food by colliding with it. Once the player eats the food, a new food location is randomly generated on the canvas. You can copy the above code into a new HTML file, save it, and open it in a web browser to play the game.

←

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>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        #gameCanvas {
            background-color: #333;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const canvas = document.getElementById('gameCanvas');
            const context = canvas.getContext('2d');
            
            // Set canvas size to match the device's screen size
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            
            // Initialize player properties
            const playerSize = 20;
            let playerX = canvas.width / 2 - playerSize / 2;
            let playerY = canvas.height / 2 - playerSize / 2;
            let playerSpeed = 5;
            
            // Initialize food properties
            const foodSize = 10;
            let foodX = Math.random() * (canvas.width - foodSize);
            let foodY = Math.random() * (canvas.height - foodSize);
            
            // Function to update game state
            function update() {
                // Clear canvas
                context.clearRect(0, 0, canvas.width, canvas.height);
                
                // Draw player
                context.fillStyle = '#ff0000';
                context.fillRect(playerX, playerY, playerSize, playerSize);
                
                // Draw food
                context.fillStyle = '#00ff00';
                context.fillRect(foodX, foodY, foodSize, foodSize);
                
                // Check for collision between player and food
                if (
                    playerX < foodX + foodSize &&
                    playerX + playerSize > foodX &&
                    playerY < foodY + foodSize &&
                    playerY + playerSize > foodY
                ) {
                    // Player ate the food, generate new food location
                    foodX = Math.random() * (canvas.width - foodSize);
                    foodY = Math.random() * (canvas.height - foodSize);
                }
                
                // Request next animation frame
                requestAnimationFrame(update);
            }
            
            // Function to handle player movement
            function handleMovement(event) {
                const { key } = event;
                
                switch (key) {
                    case 'ArrowUp':
                        playerY -= playerSpeed;
                        break;
                    case 'ArrowDown':
                        playerY += playerSpeed;
                        break;
                    case 'ArrowLeft':
                        playerX -= playerSpeed;
                        break;
                    case 'ArrowRight':
                        playerX += playerSpeed;
                        break;
                }
            }
            
            // Add event listener for player movement
            document.addEventListener('keydown', handleMovement);
            
            // Start the game loop
            requestAnimationFrame(update);
        });
    </script>
</body>
</html>
```

You can copy the above code into a new HTML file, save it, and open it in a web browser to play the game.