AI game creator

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

No:46599

105

←

Prev Next

→

Shooting Game
Developer User20154｜Date and time 24/2/25 10:53:57
Build time 7.466 sec｜Game capacity 2.248KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Shooting Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = 200;
      let playerY = 350;
      let bulletX = playerX;
      let bulletY = playerY;
      let bulletFired = false;
      let enemyX = Math.random() * 400;
      let enemyY = 50;

function drawPlayer() {
        ctx.fillStyle = "blue";
        ctx.fillRect(playerX, playerY, 20, 20);
      }

function drawBullet() {
        if (bulletFired) {
          ctx.fillStyle = "red";
          ctx.fillRect(bulletX, bulletY, 5, 10);
        }
      }

function drawEnemy() {
        ctx.fillStyle = "green";
        ctx.fillRect(enemyX, enemyY, 20, 20);
      }

function moveEnemy() {
        enemyY += 1;
        if (enemyY > 400) {
          enemyY = 0;
          enemyX = Math.random() * 400;
        }
      }

function moveBullet() {
        if (bulletFired) {
          bulletY -= 5;
          if (bulletY < 0) {
            bulletFired = false;
          }
        }
      }

function checkCollision() {
        if (
          bulletY < enemyY + 20 &&
          bulletX > enemyX &&
          bulletX < enemyX + 20
        ) {
          enemyY = 0;
          enemyX = Math.random() * 400;
          bulletFired = false;
        }
      }

function update() {
        ctx.clearRect(0, 0, 400, 400);
        drawPlayer();
        drawBullet();
        drawEnemy();
        moveBullet();
        moveEnemy();
        checkCollision();
        requestAnimationFrame(update);
      }

update();