AI game creator

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

No:10849

129

←

Prev Next

→

Running game
Developer User4688｜Date and time 23/8/4 16:13:32
Build time 24.977 sec｜Game capacity 2.647KB｜

Script

Sure! Here's an example of a simple game implemented in a single HTML file using JavaScript:

This game is a simple dodging game where you control a blue player block using touch or mouse input. Your goal is to avoid colliding with any red enemy blocks falling from the top of the screen. The game ends when a collision occurs and your final score is displayed.

←

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 in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Simple Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

// Set up game variables
        var score = 0;
        var playerX = 150;
        var playerY = 400;
        var enemyX = 100;
        var enemyY = 100;
        var gameSpeed = 2;

// Game loop function
        function gameLoop() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            context.fillStyle = "blue";
            context.fillRect(playerX, playerY, 20, 20);

// Draw enemy
            context.fillStyle = "red";
            context.fillRect(enemyX, enemyY, 20, 20);

// Update enemy position
            enemyY += gameSpeed;

// Check for collision
            if (playerX < enemyX + 20 &&
                playerX + 20 > enemyX &&
                playerY < enemyY + 20 &&
                playerY + 20 > enemyY) {
                // Collision detected
                alert("Game Over. Final Score: " + score);
                resetGame();
            }

// Increase score
            score++;

// Request next frame
            requestAnimationFrame(gameLoop);
        }

// Reset game function
        function resetGame() {
            score = 0;
            playerX = 150;
            playerY = 400;
            enemyX = Math.random() * (canvas.width - 20);
            enemyY = -20;
        }

// Listen for touch/mouse events
        canvas.addEventListener("touchstart", movePlayer);
        canvas.addEventListener("mousedown", movePlayer);

// Handle player movement
        function movePlayer(event) {
            var rect = canvas.getBoundingClientRect();
            playerX = event.clientX - rect.left - 10;

if (playerX < 0)
                playerX = 0;
            else if (playerX > canvas.width - 20)
                playerX = canvas.width - 20;
        }

// Start the game
        resetGame();
        gameLoop();

</script>
</body>
</html>
```