An alien game with humans and guns's game

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

No:7858

118

←

Prev Next

→

An alien game with humans and guns
Developer User4086｜Date and time 23/7/10 2:09:39
Build time 11.576 sec｜Game capacity 2.909KB｜

Script

Sure! Here's a sample game implemented as a single HTML file, using JavaScript and pictograms for an alien game featuring humans and guns. You can play it on your smartphone:

This game features a spaceship controlled by the player, and an alien enemy. The spaceship can be moved left and right using the arrow keys, and bullets can be shot by pressing the spacebar. The objective is to hit the alien with the bullets. The game loop continuously updates and renders the game elements on the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a sample game implemented as a single HTML file, using JavaScript and pictograms for an alien game featuring humans and guns. You can play it on your smartphone:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Alien Invasion Game</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }
    
    canvas {
      border: 2px solid #000;
      background-color: #222;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="640" height="480"></canvas>
  
  <script>
    // Get the canvas element
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    // Game state variables
    let spaceshipX = 300;
    let spaceshipY = 400;
    let alienX = 300;
    let alienY = 50;
    let bulletX = -10;
    let bulletY = -10;
    let isBulletActive = false;
    
    // Handle keyboard input
    document.addEventListener('keydown', function(event) {
      if (event.code === 'ArrowLeft') {
        spaceshipX -= 10;
      } else if (event.code === 'ArrowRight') {
        spaceshipX += 10;
      } else if (event.code === 'Space' && !isBulletActive) {
        // Shoot bullet
        bulletX = spaceshipX + 25;
        bulletY = spaceshipY;
        isBulletActive = true;
      }
    });
    
    // Game loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw spaceship
      ctx.fillStyle = '#00f'; // Blue color
      ctx.fillRect(spaceshipX, spaceshipY, 50, 50);
      
      // Draw alien
      ctx.fillStyle = '#0f0'; // Green color
      ctx.fillRect(alienX, alienY, 50, 50);
      
      // Move bullet
      if (isBulletActive) {
        ctx.fillStyle = '#f00'; // Red color
        ctx.fillRect(bulletX, bulletY, 5, 15);
        bulletY -= 10;
        
        // Check collision with alien
        if (
          bulletX >= alienX &&
          bulletX <= alienX + 50 &&
          bulletY <= alienY + 50
        ) {
          // Alien hit, reset bullet
          isBulletActive = false;
          bulletX = -10;
          bulletY = -10;
        }
        
        // Check if bullet is out of bounds
        if (bulletY < 0) {
          isBulletActive = false;
          bulletX = -10;
          bulletY = -10;
        }
      }
      
      requestAnimationFrame(gameLoop);
    }
    
    // Start the game loop
    gameLoop();
  </script>
</body>
</html>
```