Crea un gioco runner dove c'è un mandrillo che corre e deve evitare gli ostacolo's game

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

No:44482

←

Prev Next

→

Crea un gioco runner dove c'è un mandrillo che cor..ALL
Developer User19399｜Date and time 24/2/18 5:56:50
Build time 5.905 sec｜Game capacity 1.786KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

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

function drawMandrillo() {
        ctx.fillStyle = 'brown';
        ctx.fillRect(mandrilloX, mandrilloY, 50, 50);
    }

function drawObstacle() {
        ctx.fillStyle = 'green';
        ctx.fillRect(obstacleX, obstacleY, 50, 50);
    }

function drawScore() {
        ctx.fillStyle = 'black';
        ctx.font = '20px Arial';
        ctx.fillText('Score: ' + score, 700, 50);
    }

function updateObstaclePosition() {
        obstacleX -= 5;
        if (obstacleX < -50) {
            obstacleX = 800;
            obstacleY = Math.floor(Math.random() * 350);
            score++;
        }
    }

function checkCollision() {
        if (mandrilloX < obstacleX + 50 && mandrilloX + 50 > obstacleX && mandrilloY < obstacleY + 50 && mandrilloY + 50 > obstacleY) {
            alert('Game Over! Your final score is: ' + score);
            clearInterval(gameLoop);
        }
    }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawMandrillo();
        drawObstacle();
        drawScore();
        updateObstaclePosition();
        checkCollision();
    }

document.addEventListener('keydown', function(event) {
        if (event.code === 'Space') {
            mandrilloY -= 50;
        }
    });

const gameLoop = setInterval(gameLoop, 50);
</script>
</body>
</html>