AI game creator

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

No:19194

←

Prev Next

→

Shooting Game
Developer User8462｜Date and time 23/10/2 0:52:19
Build time 20.67 sec｜Game capacity 5.059KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file with JavaScript. The game will be playable on smartphones and will use pictograms for the visuals. Just copy the code below into an HTML file, save it, and open it in a web browser to play the game:

This game allows you to control a rocket 🚀 using the left and right arrow keys. Press the Space bar to shoot 🔥 at the alien invaders 👽. Your score will increase by 10 when you shoot down an alien. The game ends when an alien reaches the bottom of the screen, and your final score will be displayed. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Shooting Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    canvas {
      background-color: #000;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Pictograms
    const playerImage = "🚀";
    const bulletImage = "🔥";
    const enemyImage = "👽";

// Game variables
    let canvas, ctx;
    let playerX, playerY;
    let bullets, enemies;
    let score, isGameover;

// Initialize the game and start processing
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      canvas.width = gameWidth;
      canvas.height = gameHeight;
      playerX = gameWidth / 2 - playerSize / 2;
      playerY = gameHeight - playerSize;
      bullets = [];
      enemies = [];
      score = 0;
      isGameover = false;
      document.addEventListener("keydown", handleKeyDown);
      setInterval(update, 20);
    }

// Handle player control
    function handleKeyDown(event) {
      if (event.code === "ArrowLeft") {
        playerX -= 10;
      } else if (event.code === "ArrowRight") {
        playerX += 10;
      } else if (event.code === "Space") {
        if (bullets.length < maxBullets) {
          bullets.push({ x: playerX + playerSize / 2, y: playerY });
        }
      }
    }

// Update game state
    function update() {
      ctx.clearRect(0, 0, gameWidth, gameHeight);
      if (!isGameover) {
        updatePlayer();
        updateBullets();
        updateEnemies();
        detectCollisions();
      } else {
        endGame();
      }
      drawPlayer();
      drawBullets();
      drawEnemies();
      drawScore();
    }

// Update player position
    function updatePlayer() {
      if (playerX <= 0) {
        playerX = 0;
      }
      if (playerX >= gameWidth - playerSize) {
        playerX = gameWidth - playerSize;
      }
    }

// Update bullets position
    function updateBullets() {
      bullets.forEach((bullet, index) => {
        bullet.y -= bulletSpeed;
        if (bullet.y < 0) {
          bullets.splice(index, 1);
        }
      });
    }

// Update enemies position
    function updateEnemies() {
      enemies.forEach((enemy, index) => {
        enemy.y += enemySpeed;
        if (enemy.y > gameHeight) {
          enemies.splice(index, 1);
          score -= scoreIncrement;
        }
      });

if (enemies.length < maxEnemies) {
        const randomX = Math.floor(Math.random() * (gameWidth - enemySize));
        enemies.push({ x: randomX, y: 0 });
      }
    }

// Detect collisions between bullets and enemies
    function detectCollisions() {
      bullets.forEach((bullet, bulletIndex) => {
        enemies.forEach((enemy, enemyIndex) => {
          const dx = bullet.x - enemy.x;
          const dy = bullet.y - enemy.y;
          const distance = Math.sqrt(dx * dx + dy * dy);
          if (distance < bulletSize + enemySize) {
            bullets.splice(bulletIndex, 1);
            enemies.splice(enemyIndex, 1);
            score += scoreIncrement;
          }
        });
      });
    }

// Draw player
    function drawPlayer() {
      ctx.font = playerSize + "px serif";
      ctx.fillText(playerImage, playerX, playerY);
    }

// Draw bullets
    function drawBullets() {
      ctx.font = bulletSize + "px serif";
      bullets.forEach((bullet) => {
        ctx.fillText(bulletImage, bullet.x, bullet.y);
      });
    }

// Draw enemies
    function drawEnemies() {
      ctx.font = enemySize + "px serif";
      enemies.forEach((enemy) => {
        ctx.fillText(enemyImage, enemy.x, enemy.y);
      });
    }

// Draw score
    function drawScore() {
      ctx.font = "20px serif";
      ctx.fillText("Score: " + score, 10, 30);
    }

// End the game
    function endGame() {
      ctx.font = "30px serif";
      ctx.fillText(gameOverMessage + score, gameWidth / 2 - 100, gameHeight / 2);
    }

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