Un juego que se trata lo mismo que el juego del dinosaurio,y cuando pierdas tienes que tocar en el botón retry para reintentar,algunos cactus serán triples o dobles,y la mayoría serán un salto,la cámara seguirá al jugador.'s game

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

No:40526

←

Prev Next

→

Un juego que se trata lo mismo que el juego del di..ALL
Developer User18058｜Date and time 24/2/3 8:57:09
Build time 10.706 sec｜Game capacity 3.611KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

const playerImage = new Image();
        playerImage.src = "pictogram_player.png";

const cactusImage = new Image();
        cactusImage.src = "pictogram_cactus.png";

const retryButtonImage = new Image();
        retryButtonImage.src = "pictogram_retry_button.png";

let playerX = 50;
        let playerY = canvas.height - 100; // Initial player position

let cactusX = canvas.width + 50;
        let cactusY = canvas.height - 100; // Initial cactus position

let cactusWidth = 50;
        let cactusHeight = 50;

let score = 0;
        let gameStarted = false;
        let gameOver = false;

// Event listener for retry button click
        document.getElementById("retryButton").addEventListener("click", function() {
            resetGame();
        });

function startGame() {
            gameStarted = true;
            animate();
        }

function animate() {
            if (!gameOver) {
                context.clearRect(0, 0, canvas.width, canvas.height);
                drawPlayer();
                moveCactus();
                drawCactus();
                drawScore();
                requestAnimationFrame(animate);
            }
        }

function drawPlayer() {
            context.drawImage(playerImage, playerX, playerY, 50, 50);
        }

function drawCactus() {
            context.drawImage(cactusImage, cactusX, cactusY, cactusWidth, cactusHeight);
        }

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

function drawGameOver() {
            context.font = "30px Arial";
            context.fillText("Game Over", canvas.width / 2 - 90, canvas.height / 2);
            context.drawImage(retryButtonImage, canvas.width / 2 - 50, canvas.height / 2 + 50, 100, 50);
        }

function resetCactus() {
            cactusX = canvas.width + 50;
        }

function resetGame() {
            playerX = 50;
            playerY = canvas.height - 100;
            cactusX = canvas.width + 50;
            score = 0;
            gameStarted = false;
            gameOver = false;
            animate();
        }

function jump() {
            if (playerY === canvas.height - 100) { // Only allow jumping if player is on the ground
                playerY -= 100;
            }
        }

// Event listener for spacebar keydown event to jump
        document.addEventListener("keydown", function(event) {
            if (event.key === " ") {
                event.preventDefault();
                if (!gameStarted) {
                    startGame();
                } else if (!gameOver) {
                    jump();
                }
            }
        });
    </script>
</body>
</html>