Dino run many colours dino and jump and endless's game | AI game creator

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

No:38114

56

Dino run many colours dino and jump and endless
Developer User17227｜Date and time 24/1/22 16:21:42
Build time 15.034 sec｜Game capacity 4.585KB｜

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

This code creates a Dino Run game with a colored dinosaur that can jump and avoid obstacles. The game starts automatically and the score will increase as the player avoids collisions with the obstacles. If a collision occurs, an alert will appear showing the final score. Please note that this is a simplified version of the game and can be further enhanced with additional features and improvements.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Dino Run - The Game</title>
    <style>
        canvas {
            background: #f7f7f7;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="800" height="400"></canvas>
    <script>
        document.addEventListener("DOMContentLoaded", function(){
            const canvas = document.getElementById("canvas");
            const ctx = canvas.getContext("2d");

const dino = {
                x: 50,
                y: 0,
                size: 50,
                color: "#FFA500",
                jump: function() {
                    if (this.y === 0) {
                        this.y = 200;
                    }
                },
                update: function() {
                    if (this.y > 0) {
                        this.y -= 5;
                    }
                },
                render: function() {
                    ctx.fillStyle = this.color;
                    ctx.fillRect(this.x, canvas.height - this.y, this.size, this.size);
                }
            };

const game = {
                speed: 5,
                score: 0,
                obstacles: [],
                colors: ["#FF0000", "#00FF00", "#0000FF", "#FFFF00", "#FF00FF", "#00FFFF"],
                spawnObstacle: function() {
                    const obstacle = {
                        x: canvas.width,
                        y: Math.floor(Math.random() * 350),
                        size: Math.floor(Math.random() * 50) + 20,
                        color: this.colors[Math.floor(Math.random() * this.colors.length)],
                        collided: false,
                        update: function() {
                            this.x -= game.speed;
                            if (this.x + this.size < 0) {
                                game.obstacles.shift();
                                game.score++;
                                if (game.score % 10 === 0) {
                                    game.speed += 1;
                                }
                            }
                            if (!this.collided && dino.y + dino.size >= this.y && dino.y <= this.y + this.size && dino.x + dino.size >= this.x && dino.x <= this.x + this.size) {
                                alert("Game Over! Your score is: " + game.score);
                                location.reload();
                            }
                        },
                        render: function() {
                            ctx.fillStyle = this.color;
                            ctx.fillRect(this.x, canvas.height - this.y - this.size, this.size, this.size);
                        }
                    };
                    this.obstacles.push(obstacle);
                },
                update: function() {
                    dino.update();
                    if (Math.random() < 0.03) {
                        this.spawnObstacle();
                    }
                    for (let i = 0; i < this.obstacles.length; i++) {
                        this.obstacles[i].update();
                    }
                },
                render: function() {
                    ctx.clearRect(0, 0, canvas.width, canvas.height);
                    ctx.fillStyle = "#000000";
                    ctx.font = "20px Arial";
                    ctx.fillText("Score: " + this.score, 10, 30);
                    dino.render();
                    for (let i = 0; i < this.obstacles.length; i++) {
                        this.obstacles[i].render();
                    }
                }
            };

function loop() {
                game.update();
                game.render();
                requestAnimationFrame(loop);
            }

document.addEventListener("keydown", function(event) {
                if (event.keyCode === 32) {
                    dino.jump();
                }
            });

loop();
        });
    </script>
</body>
</html>
```

This code creates a Dino Run game with a colored dinosaur that can jump and avoid obstacles. The game starts automatically and the score will increase as the player avoids collisions with the obstacles. If a collision occurs, an alert will appear showing the final score.

Please note that this is a simplified version of the game and can be further enhanced with additional features and improvements.