AI game creator

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

No:18760

←

Prev Next

→

Shooting game
Developer User8295｜Date and time 23/9/30 15:54:53
Build time 13.969 sec｜Game capacity 3.94KB｜

Script

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

This is a basic shooting game where you control a player square with your mouse and shoot bullets by clicking on the screen. The objective is to shoot down the red enemy squares and avoid colliding with them. Your score increases each time you hit an enemy. When the player collides with an enemy, the game ends and your score is displayed. You can play this game on a smartphone by tapping and sliding your finger to control the player.

←

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>

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");
      player = { x: canvas.width/2, y: canvas.height - 50 };

bullets = [];
      enemies = [];
      score = 0;

// Start game loop
      setInterval(update, 20);

// Register event listeners
      canvas.addEventListener("mousemove", handleMouseMove);
      canvas.addEventListener("click", shootBullet);
    }

// Handle mouse movement
    function handleMouseMove(event) {
      player.x = event.clientX - canvas.offsetLeft;
    }

// Shoot a bullet
    function shootBullet() {
      bullets.push({ x: player.x, y: player.y });
    }

// Update game state
    function update() {
      context.clearRect(0, 0, canvas.width, canvas.height);

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

// Draw bullet
        context.beginPath();
        context.arc(bullet.x, bullet.y, 3, 0, 2 * Math.PI);
        context.fillStyle = "blue";
        context.fill();
        context.closePath();
      }

// Update enemies
      for (var i = 0; i < enemies.length; i++) {
        var enemy = enemies[i];
        enemy.y += 2;

// Draw enemy
        context.beginPath();
        context.rect(enemy.x, enemy.y, 10, 10);
        context.fillStyle = "red";
        context.fill();
        context.closePath();

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

// Check collision with player
        if (enemy.y + 10 > canvas.height - 50 && enemy.y + 10 < canvas.height &&
            enemy.x > player.x && enemy.x < player.x + 10) {
          gameOver();
        }
      }

// Generate new enemy
      if (Math.random() < 0.01) {
        var enemyX = Math.random() * (canvas.width - 10);
        enemies.push({ x: enemyX, y: 0 });
      }

// Draw player
      context.beginPath();
      context.rect(player.x, player.y, 10, 10);
      context.fillStyle = "green";
      context.fill();
      context.closePath();

// Draw score
      context.font = "16px Arial";
      context.fillStyle = "black";
      context.fillText("Score: " + score, 10, 20);
    }

// Game over
    function gameOver() {
      clearInterval(update);
      context.clearRect(0, 0, canvas.width, canvas.height);

// Display game over message
      context.font = "30px Arial";
      context.fillStyle = "black";
      context.fillText("Game Over", canvas.width/2 - 80, canvas.height/2);
      context.fillText("Score: " + score, canvas.width/2 - 50, canvas.height/2 + 40);
    }

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