AI game creator

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

No:41128

←

Prev Next

→

Shooting
Developer User18475｜Date and time 24/2/6 7:33:51
Build time 13.241 sec｜Game capacity 3.903KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

To play the game, open the HTML file in a web browser (preferably on a smartphone). The player can move left and right using the arrow keys and shoot by pressing the spacebar. The goal is to shoot the descending enemy and avoid getting hit by it. Score is displayed at the top left, and the game ends when the player collides with the enemy.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Shooting Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player's initial position
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 30;

// Player's movement speed
        const playerSpeed = 8;

// Bullet details
        let bulletX = playerX;
        let bulletY = playerY;
        const bulletSpeed = 5;
        let bulletFired = false;

// Enemies details
        let enemyX = Math.random() * (canvas.width - 50);
        let enemyY = -10;
        const enemySpeed = 2;
        const enemyWidth = 30;
        const enemyHeight = 30;

// Game score
        let score = 0;

const update = () => {
          // Move the player
          window.addEventListener("keydown", (event) => {
            if (event.key === "ArrowLeft" && playerX - playerSpeed >= 0)
              playerX -= playerSpeed;
            else if (
              event.key === "ArrowRight" &&
              playerX + playerSpeed <= canvas.width - 20
            )
              playerX += playerSpeed;
            else if (event.key === " ") {
              bulletFired = true;
              bulletX = playerX + 10;
              bulletY = playerY;
            }
          });

// Move the bullet
          if (bulletFired) {
            bulletY -= bulletSpeed;
            if (bulletY <= 0) {
              bulletFired = false;
              bulletX = playerX;
              bulletY = playerY;
            }
          }

// Move the enemy
          enemyY += enemySpeed;

// Collision detection
          if (
            bulletX >= enemyX &&
            bulletX <= enemyX + enemyWidth &&
            bulletY >= enemyY &&
            bulletY <= enemyY + enemyHeight
          ) {
            score++;
            bulletFired = false;
            bulletX = playerX;
            bulletY = playerY;
            enemyX = Math.random() * (canvas.width - 50);
            enemyY = -10;
          }

// Game over condition
          if (
            playerX >= enemyX &&
            playerX <= enemyX + enemyWidth &&
            playerY >= enemyY &&
            playerY <= enemyY + enemyHeight
          ) {
            alert("Game Over! Score: " + score);
            window.location.reload();
            return;
          }

// Clear canvas
          ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
          ctx.fillStyle = "#0095DD";
          ctx.fillRect(playerX, playerY, 20, 20);

// Draw bullet
          if (bulletFired) {
            ctx.fillStyle = "#FF0000";
            ctx.fillRect(bulletX, bulletY, 2, 10);
          }

// Draw enemy
          ctx.fillStyle = "#000000";
          ctx.fillRect(enemyX, enemyY, enemyWidth, enemyHeight);

// Draw score
          ctx.font = "16px Arial";
          ctx.fillStyle = "#000000";
          ctx.fillText("Score: " + score, 8, 20);

// Request animation frame
          requestAnimationFrame(update);
        };

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