AI game creator

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

No:45828

138

←

Prev Next

→

Flappy bird
Developer User19715｜Date and time 24/2/21 16:57:01
Build time 11.376 sec｜Game capacity 1.764KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Flappy Bird Game</title>
<style>
canvas {
  display: block;
  margin: 0 auto;
  background: #82c4c3;
}
</style>
</head>
<body>
<canvas id="gameCanvas" width="800" height="500"></canvas>

// Bird
let birdX = 100;
let birdY = 200;
let gravity = 2;

// Pipes
let pipeX = 800;
let pipeGap = 200;
let pipeWidth = 50;
let pipeHeight = 300;
let pipeSpeed = 2;
let score = 0;

// Functions
function drawBird() {
  ctx.fillStyle = 'yellow';
  ctx.fillRect(birdX, birdY, 25, 25);
}

function drawPipe() {
  ctx.fillStyle = 'green';
  ctx.fillRect(pipeX, 0, pipeWidth, pipeHeight);
  ctx.fillRect(pipeX, pipeHeight + pipeGap, pipeWidth, canvas.height - pipeHeight - pipeGap);
}

function checkCollision() {
  if (birdY <= 0 || birdY + 25 >= canvas.height || (birdX + 25 >= pipeX && birdX <= pipeX + pipeWidth && (birdY <= pipeHeight || birdY + 25 >= pipeHeight + pipeGap))) {
    return true;
  } else {
    return false;
  }
}

document.addEventListener('keydown', function(event) {
  if (event.keyCode === 32) {
    birdY -= 50;
  }
});

setInterval(updateGame, 1000/60);
</script>
</body>
</html>