Dinossaur jump cactos's game | AI game creator

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

No:44818

78

Dinossaur jump cactos
Developer User19473｜Date and time 24/2/19 7:26:14
Build time 5.84 sec｜Game capacity 1.904KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Dinosaur Jump Cactus Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

<script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let dinoX = 50;
        let dinoY = 220;
        let dinoJumping = false;
        let cactusX = 400;
        let cactusY = 220;
        let cactusSpeed = 5;
        
        function drawDinosaur() {
            ctx.fillStyle = 'green';
            ctx.fillRect(dinoX, dinoY, 20, 20);
        }
        
        function drawCactus() {
            ctx.fillStyle = 'brown';
            ctx.fillRect(cactusX, cactusY, 20, 40);
        }
        
        function jump() {
            if (!dinoJumping) {
                dinoJumping = true;
                setTimeout(function() {
                    dinoJumping = false;
                }, 500);
            }
        }
        
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            drawDinosaur();
            drawCactus();
            
            if (cactusX <= -20) {
                cactusX = 400;
            }
            
            cactusX -= cactusSpeed;
            
            if (dinoJumping) {
                dinoY -= 5;
            } else if (dinoY < 220) {
                dinoY += 5;
            }
            
            if (dinoX < cactusX + 20 && dinoX + 20 > cactusX && dinoY < cactusY + 40 && dinoY + 20 > cactusY) {
                alert('Game Over! Refresh to play again.');
            }
            
            requestAnimationFrame(gameLoop);
        }
        
        document.addEventListener('keydown', function(event) {
            if (event.key === ' ') {
                jump();
            }
        });
        
        gameLoop();
    </script>
</body>
</html>