Dino jumping over cactus's game

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

No:10915

←

Prev Next

→

Dino jumping over cactus
Developer User4614｜Date and time 23/8/5 20:37:32
Build time 23.806 sec｜Game capacity 3.197KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

var dino = {
                x: 50,
                y: canvas.height - 40,
                width: 40,
                height: 40,
                speed: 5,
                jumping: false
            };

var cactus = {
                x: canvas.width,
                y: canvas.height - 50,
                width: 20,
                height: 50,
                speed: 5
            };

var score = 0;

function drawDino() {
                context.fillStyle = "grey";
                context.fillRect(dino.x, dino.y, dino.width, dino.height);
            }

function drawCactus() {
                context.fillStyle = "green";
                context.fillRect(cactus.x, cactus.y, cactus.width, cactus.height);
            }

function drawScore() {
                context.fillStyle = "black";
                context.font = "20px Arial";
                context.fillText("Score: " + score, 10, 30);
            }

function collisionDetection() {
                if (dino.x < cactus.x + cactus.width &&
                    dino.x + dino.width > cactus.x &&
                    dino.y < cactus.y + cactus.height &&
                    dino.y + dino.height > cactus.y) {
                    return true;
                }
                return false;
            }

function update() {
                context.clearRect(0, 0, canvas.width, canvas.height);

if (collisionDetection()) {
                    alert("Game Over! Your score: " + score);
                    score = 0;
                    cactus.x = canvas.width;
                }

if (cactus.x + cactus.width <= 0) {
                    cactus.x = canvas.width;
                    score++;
                }

cactus.x -= cactus.speed;

drawDino();
                drawCactus();
                drawScore();

requestAnimationFrame(update);
            }

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

update();
        }
    </script>
</body>
</html>