AI game creator

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

No:40177

←

Prev Next

→

Shooting Game
Developer User18004｜Date and time 24/2/1 14:33:46
Build time 16.029 sec｜Game capacity 4.448KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript and pictograms. Please note that the code is simplified for demonstration purposes and may not be fully optimized or feature-complete.

This code sets up a shooting game where you control a player (represented by a red rectangle) using the arrow keys on your smartphone. Pressing the spacebar shoots bullets (represented by small rectangles) to destroy enemies (also represented by rectangles) that randomly spawn at the top of the canvas. Your score increases whenever you destroy an enemy. The game loop continuously updates the game state and draws the objects on the canvas. Please keep in mind that this is a basic example to demonstrate the concepts involved in creating a shooting game. You can further enhance and customize the game based on your requirements and preferences.

←

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>
    #game-canvas {
      background-color: #f2f2f2;
      border: 1px solid #ccc;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="game-canvas" width="400" height="400"></canvas>

const bulletSize = 10;
    const bulletSpeed = 10;
    let bullets = [];

const enemySize = 50;
    const enemySpeed = 2;
    let enemies = [];

let score = 0;

// Keyboard event listeners
    document.addEventListener('keydown', handleKeyDown);
    document.addEventListener('keyup', handleKeyUp);

// Game loop
    setInterval(gameLoop, 30);

function gameLoop() {
      clearCanvas();
      updatePlayer();
      drawPlayer();
      updateBullets();
      updateEnemies();
      drawScore();
    }

function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

function handleKeyUp(event) {
      // Stop player movement
    }

function updatePlayer() {
      if (playerX < 0) {
        playerX = 0;
      } else if (playerX + playerSize > canvas.width) {
        playerX = canvas.width - playerSize;
      }
    }

function drawPlayer() {
      ctx.fillStyle = '#FF0000'; // Red color
      ctx.fillRect(playerX, playerY, playerSize, playerSize);
    }

function updateEnemies() {
      if (Math.random() < 0.05) {
        const enemyX = Math.random() * (canvas.width - enemySize);
        enemies.push({ x: enemyX, y: 0 });
      }

for (let i = 0; i < enemies.length; i++) {
        enemies[i].y += enemySpeed;
        if (enemies[i].y > canvas.height) {
          enemies.splice(i, 1);
          i--;
        } else if (isCollision(playerX, playerY, playerSize, playerSize, enemies[i].x, enemies[i].y, enemySize, enemySize)) {
          // Player collided with enemy (game over)
          alert('Game Over!');
        }
      }
    }

function drawScore() {
      ctx.fillStyle = '#000000'; // Black color
      ctx.font = '24px Arial';
      ctx.fillText('Score: ' + score, 10, 30);
    }

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

function isCollision(obj1, obj2) {
      return obj1.x < obj2.x + obj2.width &&
        obj1.x + obj1.width > obj2.x &&
        obj1.y < obj2.y + obj2.height &&
        obj1.y + obj1.height > obj2.y;
    }
  </script>
</body>
</html>
```

Please keep in mind that this is a basic example to demonstrate the concepts involved in creating a shooting game. You can further enhance and customize the game based on your requirements and preferences.