Space invaders mobile friendly's game

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

No:43547

←

Prev Next

→

Space invaders mobile friendly
Developer User19162｜Date and time 24/2/16 2:38:16
Build time 16.635 sec｜Game capacity 4.723KB｜

Script

Sure! Here's an example of a simple mobile-friendly Space Invaders game in a single HTML file using JavaScript and pictograms:

To play the game, you can copy the above code into a new HTML file and open it in a mobile device or any web browser on your computer. You can control the player's movement by dragging your finger across the screen, and tap the screen to shoot bullets at the invaders. The game score is displayed at the top left corner of the screen.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a simple mobile-friendly Space Invaders game in a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Space Invaders</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
      }
      
      #gameCanvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>
    
    <script>
      // Game variables
      let canvas, ctx,
          player, playerX, playerY,
          invaders, invaderSpeed, invaderSize,
          bullets, bulletSpeed, bulletSize,
          gameWidth, gameHeight, gameScore;
      
      // Initialize game
      function init() {
        // Get canvas and context
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");
        
        // Set game dimensions
        gameWidth = window.innerWidth;
        gameHeight = window.innerHeight;
        canvas.width = gameWidth;
        canvas.height = gameHeight;
        
        // Player settings
        player = "👾";
        playerX = gameWidth / 2 - 20;
        playerY = gameHeight - 40;
        
        // Invader settings
        invaders = [
          "👽", "👾", "👽", "👾", "👽",
          "👾", "👽", "👾", "👽", "👾"
        ];
        invaderSpeed = 2;
        invaderSize = 40;
        
        // Bullet settings
        bullets = [];
        bulletSpeed = 5;
        bulletSize = 10;
        
        // Game score
        gameScore = 0;
        
        // Set event listeners
        canvas.addEventListener("touchstart", shoot);
        canvas.addEventListener("touchmove", movePlayer);
        
        // Start game loop
        setInterval(gameLoop, 20);
      }
      
      // Game loop
      function gameLoop() {
        clearCanvas();
        updatePlayer();
        updateInvaders();
        updateBullets();
        draw();
        checkCollisions();
      }
      
      // Clear canvas
      function clearCanvas() {
        ctx.clearRect(0, 0, gameWidth, gameHeight);
      }
      
      // Update player position
      function updatePlayer() {
        ctx.font = "40px Arial";
        ctx.fillText(player, playerX, playerY);
      }
      
      // Update invaders position
      function updateInvaders() {
        for (let i = 0; i < invaders.length; i++) {
          ctx.font = `${invaderSize}px Arial`;
          ctx.fillText(invaders[i], i * invaderSize, 50);
          
          if (i * invaderSize > gameWidth && invaderSpeed > 0) {
            invaderSpeed = -2;
          }
          if (i * invaderSize < 0 && invaderSpeed < 0) {
            invaderSpeed = 2;
          }
          
          ctx.fillText(invaders[i], i * invaderSize + invaderSpeed, 50);
        }
      }
      
      // Update bullets position
      function updateBullets() {
        for (let i = 0; i < bullets.length; i++) {
          ctx.fillStyle = "red";
          ctx.fillRect(bullets[i].x, bullets[i].y, bulletSize, bulletSize);
          bullets[i].y -= bulletSpeed;
        }
        
        bullets = bullets.filter(bullet => bullet.y > 0);
      }
      
      // Shoot bullets
      function shoot(e) {
        bullets.push({
          x: playerX + 20,
          y: playerY - bulletSize
        });
      }
      
      // Move player
      function movePlayer(e) {
        playerX = e.touches[0].clientX - 20;
      }
      
      // Check collisions
      function checkCollisions() {
        for (let i = 0; i < bullets.length; i++) {
          for (let j = 0; j < invaders.length; j++) {
            if (
              bullets[i].x < j * invaderSize + invaderSize &&
              bullets[i].x + bulletSize > j * invaderSize &&
              bullets[i].y < 50 + invaderSize &&
              bullets[i].y + bulletSize > 50
            ) {
              invaders.splice(j, 1);
              bullets.splice(i, 1);
              gameScore += 10;
              break;
            }
          }
        }
      }
      
      // Draw score
      function drawScore() {
        ctx.font = "20px Arial";
        ctx.fillText(`Score: ${gameScore}`, 10, 30);
      }
      
      // Draw game objects
      function draw() {
        drawScore();
      }
      
      // Start game
      window.addEventListener("load", init);
    </script>
  </body>
</html>
```