A first person game with enemy's's game | AI game creator

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

No:49538

60

A first person game with enemy's
Developer User21076｜Date and time 24/3/5 11:16:52
Build time 12.901 sec｜Game capacity 2.221KB｜

In this game, the player is represented by a blue square, and the enemy is represented by a red square. The player can move around using the arrow keys on their smartphone, trying to avoid the enemy. If the player and enemy collide, a game over message is displayed, and the player is reset to the starting position. The game continues indefinitely, and the player can try to avoid the enemy for as long as they can.

→ 　

0　

0　

　
　
　
　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

```html
<!DOCTYPE html>
<html>
<head>
    <title>Enemy Encounter Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        let playerX = 400;
        let playerY = 300;
        let enemyX = Math.random() * 800;
        let enemyY = Math.random() * 600;
        
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX, playerY, 50, 50);
            
            // Draw enemy
            ctx.fillStyle = "red";
            ctx.fillRect(enemyX, enemyY, 50, 50);
            
            // Check for collision
            if(playerX < enemyX + 50 && playerX + 50 > enemyX && playerY < enemyY + 50 && playerY + 50 > enemyY) {
                alert("Game over! You encountered an enemy.");
                playerX = 400;
                playerY = 300;
                enemyX = Math.random() * 800;
                enemyY = Math.random() * 600;
            }
        }
        
        function movePlayer(event) {
            const key = event.key;
            
            if(key === "ArrowUp" && playerY > 0) {
                playerY -= 10;
            } else if(key === "ArrowDown" && playerY < 550) {
                playerY += 10;
            } else if(key === "ArrowLeft" && playerX > 0) {
                playerX -= 10;
            } else if(key === "ArrowRight" && playerX < 750) {
                playerX += 10;
            }
        }
        
        document.addEventListener("keydown", movePlayer);
        
        setInterval(update, 1000/60);
    </script>
</body>
</html>
```
In this game, the player is represented by a blue square, and the enemy is represented by a red square. The player can move around using the arrow keys on their smartphone, trying to avoid the enemy. If the player and enemy collide, a game over message is displayed, and the player is reset to the starting position. The game continues indefinitely, and the player can try to avoid the enemy for as long as they can.