You are the moon and you got to protect earth From asteroids's game

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

No:38500

←

Prev Next

→

You are the moon and you got to protect earth From..ALL
Developer Game Studio｜Date and time 24/1/24 23:49:23
Build time 21.52 sec｜Game capacity 3.662KB｜

Script

Sure! Here's a simple implementation of a game where you, as the moon, need to protect the earth from asteroids. The game can be played on a smartphone using pictograms.

To play the game, simply open the HTML file on your smartphone's browser. You can control the moon's movement by touching and dragging on the canvas. The goal is to prevent asteroids from reaching the Earth (depicted as 🌍) by intercepting them with the moon (🌕). If an asteroid (💥) collides with the Earth, the game will end with a "Game Over" alert. Note: The code provided is a basic example and can be enhanced with additional features, levels, scoring, and more graphical elements if desired.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a game where you, as the moon, need to protect the earth from asteroids. The game can be played on a smartphone using pictograms.

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Moon Defender</title>
    <style>
      canvas {
        border: 1px solid #000;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let earthX = 200;
      let earthY = 200;
      let moonX = 180;
      let moonY = 180;
      let asteroids = [];

// Event listeners for touch controls
      canvas.addEventListener("touchstart", handleTouchStart);
      canvas.addEventListener("touchmove", handleTouchMove);

// Update game state and draw on canvas
      function update() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        drawObject(earthImage, earthX, earthY);
        drawObject(moonImage, moonX, moonY);
        
        for (let i = 0; i < asteroids.length; i++) {
          const asteroid = asteroids[i];
          drawObject(asteroidImage, asteroid.x, asteroid.y);
          asteroid.y += 3; // Controls the speed of asteroids
          
          // Check collision with Earth
          if (asteroid.y > earthY && asteroid.y < earthY + 40
            && asteroid.x > earthX && asteroid.x < earthX + 40) {
            endGame();
          }
        }
        
        requestAnimationFrame(update);
      }

// Draw pictogram on canvas
      function drawObject(image, x, y) {
        ctx.font = "40px Arial";
        ctx.fillText(image, x, y);
      }

// Functions to handle touch controls
      let touchStartX = 0;
      let touchStartY = 0;

function handleTouchStart(e) {
        touchStartX = e.touches[0].clientX;
        touchStartY = e.touches[0].clientY;
      }

function handleTouchMove(e) {
        e.preventDefault();
        let touchX = e.touches[0].clientX;
        let touchY = e.touches[0].clientY;
        let dx = touchX - touchStartX;
        let dy = touchY - touchStartY;
        touchStartX = touchX;
        touchStartY = touchY;

// Move moon based on touch controls
        moonX += dx;
        moonY += dy;

// Make sure moon stays within the canvas
        if (moonX < 0) {
          moonX = 0;
        } else if (moonX > canvas.width - 40) {
          moonX = canvas.width - 40;
        }

if (moonY < 0) {
          moonY = 0;
        } else if (moonY > canvas.height - 40) {
          moonY = canvas.height - 40;
        }
      }

// Initialize game
      function startGame() {
        asteroids.push({ x: Math.random() * canvas.width, y: 0 });
        update();
      }

// End game
      function endGame() {
        alert("Game Over!");
        asteroids = [];
      }

// Start game on page load
      startGame();
    </script>
  </body>
</html>
```

Note: The code provided is a basic example and can be enhanced with additional features, levels, scoring, and more graphical elements if desired.