AI game creator

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

No:21689

←

Prev Next

→

Shooting Game
Developer User9966｜Date and time 23/10/17 15:45:41
Build time 144.179 sec｜Game capacity 4.157KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript and pictograms.

This code will create a canvas where you can control a player character with arrow keys and shoot bullets with the spacebar. The goal is to shoot the enemies (represented as blue rectangles) and earn points. The game ends when your score becomes negative. The current score is displayed on the top left corner of the canvas. Feel free to modify and enhance the game as per your requirements. Enjoy playing!

←

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 pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Shooting Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script type="text/javascript">
    // Initialize canvas and context
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");

// Player variables
    let playerX = 200;
    let playerY = 350;
    let playerSize = 50;
    let playerColor = "#00FF00";
    let playerSpeed = 5;

// Bullet variables
    let bulletSize = 10;
    let bulletSpeed = 10;
    let bullets = [];

// Enemy variables
    let enemySize = 30;
    let enemySpeed = 2;
    let enemies = [];

// Game score
    let score = 0;

// Handle player movement
    document.addEventListener("keydown", movePlayer);
    function movePlayer(event) {
      if (event.key === "ArrowLeft" && playerX > 0) {
        playerX -= playerSpeed;
      } else if (event.key === "ArrowRight" && playerX < canvas.width - playerSize) {
        playerX += playerSpeed;
      } else if (event.key === " ") {
        shootBullet();
      }
    }

// Handle shooting bullets
    function shootBullet() {
      let bulletX = playerX + playerSize / 2 - bulletSize / 2;
      let bulletY = playerY;
      bullets.push({ x: bulletX, y: bulletY });
    }

// Generate enemies
    function generateEnemies() {
      let enemyX = Math.random() * (canvas.width - enemySize);
      let enemyY = 0;
      enemies.push({ x: enemyX, y: enemyY });
    }

// Update game logic
    function updateGame() {
      // Move bullets
      bullets.forEach((bullet, index) => {
        bullet.y -= bulletSpeed;
        if (bullet.y < 0) {
          bullets.splice(index, 1); // Remove bullets outside the canvas
        }
      });

// Move enemies
      enemies.forEach((enemy, index) => {
        enemy.y += enemySpeed;
        if (enemy.y >= canvas.height) {
          enemies.splice(index, 1); // Remove enemies that reach the bottom
          score -= 1; // Decrease score when an enemy reaches the bottom
        }
      });

// Check bullet-enemy collisions
      bullets.forEach((bullet, bulletIndex) => {
        enemies.forEach((enemy, enemyIndex) => {
          if (
            bullet.x < enemy.x + enemySize &&
            bullet.x + bulletSize > enemy.x &&
            bullet.y < enemy.y + enemySize &&
            bullet.y + bulletSize > enemy.y
          ) {
            bullets.splice(bulletIndex, 1); // Remove bullet
            enemies.splice(enemyIndex, 1); // Remove enemy
            score += 10; // Increase score when a bullet hits an enemy
          }
        });
      });

// Update game canvas
      context.clearRect(0, 0, canvas.width, canvas.height);
      context.fillStyle = playerColor;
      context.fillRect(playerX, playerY, playerSize, playerSize);

bullets.forEach(bullet => {
        context.fillStyle = "#FF0000";
        context.fillRect(bullet.x, bullet.y, bulletSize, bulletSize);
      });

enemies.forEach(enemy => {
        context.fillStyle = "#0000FF";
        context.fillRect(enemy.x, enemy.y, enemySize, enemySize);
      });

// Update score display
      context.fillStyle = "#000000";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);

// Check game over condition
      if (score < 0) {
        alert("Game Over! Your score: " + score);
        clearInterval(gameInterval);
      }
    }

// Start game
    let gameInterval = setInterval(() => {
      generateEnemies();
      updateGame();
    }, 1000);

</script>
</body>
</html>
```

Feel free to modify and enhance the game as per your requirements. Enjoy playing!