AI game creator

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

No:7973

5363

←

Prev Next

→

Chat with AI
Developer anonymous｜Date and time 70/1/1 10:07:51
Build time unknown sec｜Game capacity 4.071KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. This game involves a character collecting coins while avoiding obstacles:

When you open this HTML file in a web browser, you will see a canvas displaying the game. You can control the character's movement using the arrow keys on your keyboard. The character needs to collect all the coins while avoiding the obstacles. If the character hits an obstacle, an alert will be displayed saying "Game Over!" and the game will be restarted. Please note that due to the limitations of the text-based interface, the pictograms cannot be directly represented here. However, you can visualize how the game will look when you run it in a web browser.

←

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 implemented as a single HTML file using JavaScript. This game involves a character collecting coins while avoiding obstacles:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Coin Collector Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Character
        const character = {
            x: 200,
            y: 200,
            width: 30,
            height: 30,
            speed: 5
        };

// Coins
        const coins = [
            { x: 50, y: 50, collected: false },
            { x: 150, y: 100, collected: false },
            { x: 300, y: 300, collected: false }
        ];

// Obstacles
        const obstacles = [
            { x: 100, y: 200, width: 80, height: 80 },
            { x: 250, y: 150, width: 50, height: 120 }
        ];

// Keyboard controls
        const keys = {};
        document.addEventListener("keydown", (event) => {
            keys[event.keyCode] = true;
        });

document.addEventListener("keyup", (event) => {
            keys[event.keyCode] = false;
        });

// Game loop
        function gameLoop() {
            // Update character position
            if (keys[37]) { // Left arrow key
                character.x -= character.speed;
            }
            if (keys[39]) { // Right arrow key
                character.x += character.speed;
            }
            if (keys[38]) { // Up arrow key
                character.y -= character.speed;
            }
            if (keys[40]) { // Down arrow key
                character.y += character.speed;
            }

// Check if character collects coins
            coins.forEach(coin => {
                if (!coin.collected && checkCollision(character, coin)) {
                    coin.collected = true;
                }
            });

// Check if character hits an obstacle
            obstacles.forEach(obstacle => {
                if (checkCollision(character, obstacle)) {
                    alert("Game Over!");
                    location.reload(); // Restart the game
                }
            });

// Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw character
            ctx.fillStyle = "#FFD700"; // Yellow
            ctx.fillRect(character.x, character.y, character.width, character.height);

// Draw coins
            coins.forEach(coin => {
                if (!coin.collected) {
                    ctx.fillStyle = "#FFD700"; // Yellow
                    ctx.fillRect(coin.x, coin.y, 20, 20);
                }
            });

// Draw obstacles
            ctx.fillStyle = "#8B4513"; // Brown
            obstacles.forEach(obstacle => {
                ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            });

requestAnimationFrame(gameLoop);
        }

gameLoop();

// Collision detection
        function checkCollision(rect1, rect2) {
            return (
                rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y
            );
        }
    </script>
</body>
</html>
```

Please note that due to the limitations of the text-based interface, the pictograms cannot be directly represented here. However, you can visualize how the game will look when you run it in a web browser.