Crea un gioco shooting star's game

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

No:44703

108

←

Prev Next

→

Crea un gioco shooting star
Developer User19399｜Date and time 24/2/19 0:51:07
Build time 8.454 sec｜Game capacity 1.833KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Gioco Shooting Star</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

let player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      width: 20,
      height: 20,
      color: "blue",
      speed: 5
    };

let bullets = [];
    let shooting = false;

function drawPlayer() {
      ctx.fillStyle = player.color;
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

function drawBullets() {
      bullets.forEach(bullet => {
        ctx.fillStyle = "red";
        ctx.fillRect(bullet.x, bullet.y, 5, 10);
      });
    }

function updatePlayer() {
      if (shooting) {
        bullets.push({
          x: player.x + player.width / 2,
          y: player.y
        });
        shooting = false;
      }
    }

function updateBullets() {
      bullets.forEach((bullet, index) => {
        bullet.y -= 5;
        if (bullet.y < 0) {
          bullets.splice(index, 1);
        }
      });
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawBullets();
    }

function update() {
      updatePlayer();
      updateBullets();
    }

function gameLoop() {
      draw();
      update();
      requestAnimationFrame(gameLoop);
    }

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