AI game creator

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

No:38113

←

Prev Next

→

Dino run
Developer User17227｜Date and time 24/1/22 16:20:18
Build time 12.757 sec｜Game capacity 3.229KB｜

Script

Sure, here's a simple implementation of the Dino Run game using JavaScript and HTML:

This code sets up a simple Dino Run game where the player controls the dinosaur using the spacebar to jump over the obstacles. The game loop continuously updates the canvas and checks for collisions between the dinosaur and obstacles. When a collision is detected, an alert pops up indicating that the game is over and the game is reset.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple implementation of the Dino Run game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="200"></canvas>
    <script>
        // Dino Game Implementation
        const gameCanvas = document.getElementById("gameCanvas");
        const context = gameCanvas.getContext("2d");

// Game variables
        let dinoX = 50;
        let dinoY = 150;
        let dinoSize = 50;
        let obstacleX = gameCanvas.width;
        let obstacleY = 150;
        let obstacleSize = 50;
        let isJumping = false;
        let jumpHeight = 70;

// Game loop
        function gameLoop() {
            context.clearRect(0, 0, gameCanvas.width, gameCanvas.height);
            drawDino();
            drawObstacle();
            moveObstacle();
            requestAnimationFrame(gameLoop);
        }

// Draw dino
        function drawDino() {
            context.fillStyle = "#000";
            context.fillRect(dinoX, dinoY, dinoSize, dinoSize);
        }

// Draw obstacle
        function drawObstacle() {
            context.fillStyle = "#f00";
            context.fillRect(obstacleX, obstacleY, obstacleSize, obstacleSize);
        }

// Move obstacle
        function moveObstacle() {
            obstacleX -= 2;
            if (obstacleX + obstacleSize < 0) {
                obstacleX = gameCanvas.width;
            }
            if (dinoX + dinoSize >= obstacleX && dinoX <= obstacleX + obstacleSize && dinoY + dinoSize >= obstacleY) {
                alert("Game Over!");
                resetGame();
            }
        }

// Handle user input
        document.addEventListener("keydown", function(event) {
            if (event.code === "Space" && !isJumping) {
                isJumping = true;
                jump();
            }
        });

// Handle jump
        function jump() {
            let timer = setInterval(function() {
                dinoY -= 5;
                jumpHeight -= 5;
                if (jumpHeight === 0) {
                    clearInterval(timer);
                    fall();
                }
            }, 10);
        }

// Handle fall
        function fall() {
            let timer = setInterval(function() {
                dinoY += 5;
                jumpHeight += 5;
                if (jumpHeight === 70) {
                    clearInterval(timer);
                    isJumping = false;
                }
            }, 10);
        }

// Reset game
        function resetGame() {
            dinoX = 50;
            dinoY = 150;
            obstacleX = gameCanvas.width;
            jumpHeight = 70;
        }

// Start the game
        gameLoop();
    </script>
</body>
</html>
```