AI game creator

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

No:46045

156

←

Prev Next

→

Flappy bird
Developer User19842｜Date and time 24/2/22 22:05:59
Build time 8.763 sec｜Game capacity 1.137KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<style>
    canvas {
      background-color: #80b3ff;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="480" height="320"></canvas>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

var bird = {
      x: 50,
      y: 150,
      width: 20,
      height: 20,
      speedY: 0
    };

function drawBird() {
      ctx.fillStyle = "#ffbdbd";
      ctx.fillRect(bird.x, bird.y, bird.width, bird.height);
    }

function update() {
      bird.speedY += 0.5;
      bird.y += bird.speedY;

if (bird.y > canvas.height - bird.height) {
        bird.y = canvas.height - bird.height;
        bird.speedY = 0;
      }
    }

function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

function gameLoop() {
      clearCanvas();
      drawBird();
      update();
      requestAnimationFrame(gameLoop);
    }

document.addEventListener("click", function() {
      bird.speedY = -10;
    });

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