Shooter on mobile but ARG's game

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

No:8292

744

←

Prev Next

→

Shooter on mobile but ARG
Developer User4165｜Date and time 23/7/14 21:35:49
Build time 31.133 sec｜Game capacity 4.618KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Shooter Game</title>
    <style>
      html,
      body {
        margin: 0;
        padding: 0;
      }

#game-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f1f1f1;
      }

#canvas {
        border: 1px solid #333;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <canvas id="canvas"></canvas>
    </div>

// Player
        const player = {
          x: canvas.width / 2,
          y: canvas.height / 2,
          radius: 10,
          color: "blue",
          draw: function () {
            context.beginPath();
            context.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
            context.fillStyle = this.color;
            context.fill();
            context.closePath();
          },
        };

// Bullets
        let bullets = [];

// Enemies
        let enemies = [];
        const enemySize = 20;
        const enemySpeed = 2;

function spawnEnemy() {
          const x = Math.random() * (canvas.width - enemySize);
          const y = -enemySize;
          enemies.push(new Enemy(x, y));
        }

// Game Controls
        let isPressed = {};

window.addEventListener("keydown", function (event) {
          isPressed[event.code] = true;
        });

window.addEventListener("keyup", function (event) {
          isPressed[event.code] = false;
        });

function handleBulletMovement() {
          for (let i = 0; i < bullets.length; i++) {
            bullets[i].y -= 5;
            bullets[i].draw();

if (bullets[i].y < 0) {
              bullets.splice(i, 1);
              i--;
            }
          }
        }

for (let i = 0; i < enemies.length; i++) {
            if (
              player.x < enemies[i].x + enemySize &&
              player.x + player.radius > enemies[i].x &&
              player.y < enemies[i].y + enemySize &&
              player.y + player.radius > enemies[i].y
            ) {
              alert("Game Over");
              location.reload();
            }
          }
        }

function animate() {
          context.clearRect(0, 0, canvas.width, canvas.height);
          player.draw();
          handlePlayerMovement();
          handleBulletMovement();
          handleCollision();

if (Math.random() < 0.01) {
            spawnEnemy();
          }

for (let i = 0; i < enemies.length; i++) {
            enemies[i].update();

if (enemies[i].y > canvas.height) {
              enemies.splice(i, 1);
              i--;
            }
          }

requestAnimationFrame(animate);
        }

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