AI game creator

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

No:19992

←

Prev Next

→

Shooting Game
Developer User8911｜Date and time 23/10/7 20:29:08
Build time 23.33 sec｜Game capacity 3.726KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript:

This code creates a simple shooting game where the player can move left and right using the arrow keys and shoot bullets by pressing the space key. The bullets travel upwards and collide with enemies. When a bullet hits an enemy, both the bullet and the enemy are removed from the game. The game canvas is displayed on a smartphone-sized screen with the player represented by a blue rectangle, bullets as red rectangles, and enemies as green rectangles.

←

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 shooting game implemented as a single HTML file using JavaScript:

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

// Event listeners for player movement
    document.addEventListener("keydown", handleKeyPress, false);
    document.addEventListener("keyup", handleKeyRelease, false);

var keys = {
      left: false,
      right: false,
      space: false
    };

function shoot() {
      bullets.push({x: player.x + player.width/2, y: player.y, width: 10, height: 10});
    }

function update() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
      if (keys.left && player.x > 0) {
        player.x -= 5;
      }
      if (keys.right && player.x < canvas.width - player.width) {
        player.x += 5;
      }

// Update bullet positions
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
        bullet.y -= 5;

// Check collision with enemies
        for (var j = 0; j < enemies.length; j++) {
          var enemy = enemies[j];
          if (bullet.x < enemy.x + enemy.width && bullet.x + bullet.width > enemy.x &&
              bullet.y < enemy.y + enemy.height && bullet.y + bullet.height > enemy.y) {
            // Bullet hit enemy
            bullets.splice(i, 1);
            enemies.splice(j, 1);
            i--;
            break;
          }
        }

// Remove bullet if offscreen
        if (bullet.y < 0) {
          bullets.splice(i, 1);
          i--;
        }
      }

// Draw player
      context.fillStyle = "blue";
      context.fillRect(player.x, player.y, player.width, player.height);

// Draw bullets
      context.fillStyle = "red";
      for (var i = 0; i < bullets.length; i++) {
        context.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
      }

// Draw enemies
      context.fillStyle = "green";
      for (var i = 0; i < enemies.length; i++) {
        context.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
      }

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

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