AI game creator

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

No:44981

←

Prev Next

→

Shooting game
Developer User19525｜Date and time 24/2/19 21:24:57
Build time 6.889 sec｜Game capacity 1.458KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
  <title>Shooting Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="320" height="480"></canvas>
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

let playerX = 150;
    let playerY = 400;
    let bulletX = 0;
    let bulletY = 0;
    let bulletFired = false;

function drawPlayer() {
      ctx.beginPath();
      ctx.rect(playerX, playerY, 20, 50);
      ctx.fillStyle = "blue";
      ctx.fill();
      ctx.closePath();
    }

function drawBullet() {
      ctx.beginPath();
      ctx.arc(bulletX, bulletY, 5, 0, Math.PI * 2);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();
    }

function fireBullet() {
      bulletX = playerX + 10;
      bulletY = playerY;
      bulletFired = true;
    }

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

drawPlayer();

if (bulletFired) {
        drawBullet();
        bulletY -= 3;
      }

if (bulletY < 0) {
        bulletFired = false;
      }

requestAnimationFrame(update);
    }

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