Make a game to beet a boss by passing through many dimensions.'s game | AI game creator

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

No:49099

65

Make a game to beet a boss by passing through many..ALL
Developer User20935｜Date and time 24/3/3 19:18:04
Build time 6.457 sec｜Game capacity 1.824KB｜

→ 　

0　

0　

　
　
　
　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dimension Hopper</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = 200;
        let playerY = 200;
        let bossX = 50;
        let bossY = 50;
        
        function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, 20, 20);
        }
        
        function drawBoss() {
            ctx.fillStyle = 'red';
            ctx.fillRect(bossX, bossY, 30, 30);
        }
        
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawBoss();
        }
        
        function movePlayer(event) {
            if (event.key === 'ArrowUp') {
                playerY -= 10;
            }
            if (event.key === 'ArrowDown') {
                playerY += 10;
            }
            if (event.key === 'ArrowLeft') {
                playerX -= 10;
            }
            if (event.key === 'ArrowRight') {
                playerX += 10;
            }
        }
        
        function checkCollision() {
            if (playerX < bossX + 30 &&
                playerX + 20 > bossX &&
                playerY < bossY + 30 &&
                playerY + 20 > bossY) {
                alert('Congrats! You beat the boss and passed through dimensions!');
                window.location.reload();
            }
        }
        
        function gameLoop() {
            draw();
            checkCollision();
        }
        
        document.addEventListener('keydown', movePlayer);
        setInterval(gameLoop, 1000 / 30);
    </script>
</body>
</html>
```