AI game creator

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

No:37604

←

Prev Next

→

2d shooting game
Developer User17076｜Date and time 24/1/21 6:29:12
Build time 11.045 sec｜Game capacity 3.448KB｜

Script

Sure! Here's an example of a simple 2D 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 on a smartphone. The game involves moving the player using the left and right arrow keys and shooting bullets to destroy the descending enemies. The score is displayed at the top left corner of the game canvas. Have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

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

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

// Game variables
      let playerX = canvas.width / 2 - playerWidth / 2;
      let bulletX = playerX + playerWidth / 2 - bulletWidth / 2;
      let bulletY = canvas.height - playerHeight;
      let enemyX = Math.random() * (canvas.width - enemySize);
      let enemyY = 0;
      let score = 0;

// Functions
      function drawPlayer() {
        ctx.fillStyle = "blue";
        ctx.fillRect(playerX, canvas.height - playerHeight, playerWidth, playerHeight);
      }

function drawBullet() {
        ctx.fillStyle = "red";
        ctx.fillRect(bulletX, bulletY, bulletWidth, bulletHeight);
      }

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

function shoot() {
        bulletY -= 10;
        if (bulletY < 0) {
          bulletX = playerX + playerWidth / 2 - bulletWidth / 2;
          bulletY = canvas.height - playerHeight;
        }
      }

function moveEnemy() {
        enemyY += enemySpeed;
        if (enemyY > canvas.height) {
          enemyX = Math.random() * (canvas.width - enemySize);
          enemyY = 0;
          score += 1;
        }
      }

function collisionDetection() {
        if (
          bulletX < enemyX + enemySize &&
          bulletX + bulletWidth > enemyX &&
          bulletY < enemyY + enemySize &&
          bulletY + bulletHeight > enemyY
        ) {
          bulletX = playerX + playerWidth / 2 - bulletWidth / 2;
          bulletY = canvas.height - playerHeight;
          enemyX = Math.random() * (canvas.width - enemySize);
          enemyY = 0;
          score += 10;
        }
      }

function drawScore() {
        ctx.fillStyle = "black";
        ctx.font = "18px Arial";
        ctx.fillText("Score: " + score, 8, 20);
      }

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

drawPlayer();
        drawBullet();
        drawEnemy();
        drawScore();

moveEnemy();
        collisionDetection();

requestAnimationFrame(draw);
      }

// Event listeners
      window.addEventListener("keydown", movePlayer);

// Start the game
      draw();
    </script>
  </body>
</html>
```