Crea il videogioco dove un mandrillo deve saltare in una corsa infinita per evitare ostacoli , salta quando tocco lo schermo del touch. Quando perde spunta il punteggio e il restart's game

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

No:49523

←

Prev Next

→

Crea il videogioco dove un mandrillo deve saltare ..ALL
Developer User19399｜Date and time 24/3/5 10:13:46
Build time 6.772 sec｜Game capacity 1.462KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Salta il Mandrillo</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

var mandrilloImg = new Image();
        mandrilloImg.src = "mandrillo.png";

var x = 50;
        var y = canvas.height - mandrilloImg.height;
        var jumping = false;
        var score = 0;

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

document.addEventListener("keyup", function(event) {
            if(event.keyCode === 32) {
                jumping = false;
            }
        });

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(mandrilloImg, x, y);

if(jumping) {
                y -= 5;
            } else {
                y += 2;
            }

if(y < 0) {
                y = 0;
            }
            if(y > canvas.height - mandrilloImg.height) {
                y = canvas.height - mandrilloImg.height;
            }

score++;
            ctx.font = "30px Arial";
            ctx.fillText("Punteggio: " + score, 10, 50);

requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>