Kreiere flappy bird mit einem Elefanten's game

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

No:47541

193

←

Prev Next

→

Kreiere flappy bird mit einem Elefanten
Developer User20516｜Date and time 24/2/28 10:25:51
Build time 8.849 sec｜Game capacity 2.025KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

var elefant = {x: 10, y: 150, width: 50, height: 50};
var gravitation = 1;
var hinder = [];
var spielEnde = false;
var punkte = 0;

hinder.push({
    x: canvas.width,
    y: 0,
    width: 20,
    height: Math.floor(Math.random() * 200) + 50
});

function updateElefant() {
    elefant.y += gravitation;
}

function drawElefant() {
    ctx.fillStyle = "#000";
    ctx.fillRect(elefant.x, elefant.y, elefant.width, elefant.height);
}

function drawHindernis() {
    for (var i = 0; i < hinder.length; i++) {
        ctx.fillStyle = "#000";
        ctx.fillRect(hinder[i].x, hinder[i].y, hinder[i].width, hinder[i].height);
    }
}

function drawPunkte() {
    ctx.fillStyle = "#000";
    ctx.fillText("Punkte: " + punkte, 10, 10);
}

function draw() {
    if (spielEnde) {
        ctx.fillStyle = "#000";
        ctx.fillText("Spiel vorbei!", 200, 150);
        return;
    }
    
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    updateElefant();
    updateHindernis();
    drawElefant();
    drawHindernis();
    drawPunkte();
    requestAnimationFrame(draw);
}

document.addEventListener('keydown', function(event) {
    if (event.keyCode == 32) {
        elefant.y -= 30;
    }
});

draw();

</script>
</body>
</html>