AI game creator

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

No:23310

←

Prev Next

→

Shooting Game
Developer User10801｜Date and time 23/10/29 20:41:02
Build time 80.255 sec｜Game capacity 4.329KB｜

Script

Sure, here's a simple shooting game implemented as a single HTML file using JavaScript:

This is a basic shooting game where the player controls a character using touch input. The player can move left and right, and shoot bullets by tapping on the screen. The goal is to shoot down enemies that spawn randomly while avoiding collision with them. The game keeps track of the score and displays it on the screen. When the player collides with an enemy, the game ends and shows the final score.

←

Prev　Next

→ 　

Back　

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

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:

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

// Event listeners for touch input
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);
    canvas.addEventListener("touchend", handleTouchEnd, false);

// Function to handle touch start
    function handleTouchStart(event) {
      event.preventDefault();
      if (!gameover) {
        var touchX = event.touches[0].clientX;
        if (touchX < player.x + player.width / 2) {
          // Move player left
          player.x -= 10;
        } else {
          // Move player right
          player.x += 10;
        }
      }
    }

// Function to handle touch move
    function handleTouchMove(event) {
      event.preventDefault();
    }

// Function to handle touch end
    function handleTouchEnd(event) {
      event.preventDefault();
      if (!gameover) {
        // Shoot bullet
        bullets.push({ x: player.x + player.width / 2, y: player.y });
      }
    }

// Function to update game state
    function update() {
      if (!gameover) {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
        ctx.fillRect(player.x, player.y, player.width, player.height);

// Update bullets
        for (var i = 0; i < bullets.length; i++) {
          bullet = bullets[i];
          ctx.fillRect(bullet.x, bullet.y, 4, 10);
          bullet.y -= 10;

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

// Remove bullet if it goes off-screen
          if (bullet.y < 0) {
            bullets.splice(i, 1);
          }
        }

// Update enemies
        for (var i = 0; i < enemies.length; i++) {
          enemy = enemies[i];
          ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
          enemy.y += 5;

// Check collision with player
          if (
            enemy.x <= player.x + player.width &&
            enemy.x + enemy.width >= player.x &&
            enemy.y + enemy.height >= player.y
          ) {
            gameover = true;
            break;
          }

// Remove enemy if it goes off-screen
          if (enemy.y > canvas.height) {
            enemies.splice(i, 1);
          }
        }

// Generate random enemies
        if (Math.random() < 0.01) {
          enemies.push({ x: Math.random() * (canvas.width - 20), y: 0, width: 20, height: 20 });
        }

// Update score
        ctx.fillText("Score: " + score, 10, 20);

// Call update again after 20ms
        setTimeout(update, 20);
      } else {
        // Game over message
        ctx.fillText("Game Over!", canvas.width / 2 - 40, canvas.height / 2);
        ctx.fillText("Final score: " + score, canvas.width / 2 - 50, canvas.height / 2 + 20);
      }
    }

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