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

No:31830

133

←

Prev Next

→

>Ice planet
Developer Dooz studio｜Date and time 23/12/28 14:58:32
Build time 45.927 sec｜Game capacity 4.515KB｜

Script

Sure! Here's an example of a simple Ice Planet game implemented as a single HTML file using JavaScript. It can be played on a smartphone and uses pictograms to represent different elements of the game.

Ice Planet

Score: 0

🌍

🚀 🛸 🛰️

To play the game: 1. Copy the entire code provided into a new HTML file (e.g., `ice-planet.html`). 2. Open the HTML file in a web browser (preferably on a smartphone). 3. Click on the "Start Game" button to begin. 4. Use the "👈" and "👉" buttons to move the ice planet (🌍) left and right, respectively. 5. Avoid the obstacles (🚀, 🛸, and 🛰️) and survive as long as possible. 6. If you collide with a UFO (🛸), the game ends and your score is displayed in an alert. 7. You can restart the game by clicking "Start Game" again. Note: This is a basic implementation and can be further enhanced with additional features, levels, or gameplay mechanics depending on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Ice Planet - Game</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    h1 {
      margin-top: 50px;
    }
    button {
      font-size: 20px;
      padding: 10px 20px;
      margin: 20px;
    }
    #gameArea {
      display: none;
    }
    #score {
      font-size: 24px;
      margin-bottom: 20px;
    }
    #icePlanet {
      font-size: 50px;
      margin-top: 100px;
    }
    .pictogram {
      font-size: 40px;
      margin: 5px;
    }
  </style>
</head>
<body>
  <h1>Ice Planet</h1>
  <button onclick="startGame()">Start Game</button>
  <div id="gameArea">
    <div id="score">Score: 0</div>
    <div id="icePlanet">🌍</div>
    <div id="obstacles">
      <span class="pictogram">🚀</span>
      <span class="pictogram">🛸</span>
      <span class="pictogram">🛰️</span>
    </div>
    <button onclick="moveIcePlanet('left')">👈</button>
    <button onclick="moveIcePlanet('right')">👉</button>
  </div>
  
  <script>
    let score = 0;
    let intervalId;
    let isGameOver = true;
    
    function startGame() {
      document.getElementById("gameArea").style.display = "block";
      document.querySelector("button").style.display = "none";
      score = 0;
      isGameOver = false;
      intervalId = setInterval(generateObstacle, 1000);
    }
    
    function generateObstacle() {
      // Randomly select an obstacle
      const obstacles = ["🚀", "🛸", "🛰️"];
      const randomIndex = Math.floor(Math.random() * obstacles.length);
      const obstacle = obstacles[randomIndex];
      
      // Create a new obstacle
      const obstacleElement = document.createElement("span");
      obstacleElement.className = "pictogram";
      obstacleElement.innerText = obstacle;
      obstacleElement.style.left = Math.floor(Math.random() * 80) + "vw";
      
      // Append the obstacle to the game area
      document.getElementById("obstacles").appendChild(obstacleElement);
      
      // Move obstacle every 20ms
      const obstacleIntervalId = setInterval(() => {
        if (!isGameOver) {
          const obstacles = document.getElementsByClassName("pictogram");
          for (let i = 0; i < obstacles.length; i++) {
            const obstacle = obstacles[i];
            const obstacleTop = parseInt(obstacle.style.top) || 0;
            obstacle.style.top = obstacleTop + 10 + "px";
            
            // Check collision with ice planet
            if (obstacleTop > 300 && obstacleTop < 400 && obstacle.innerText === "🛸") {
              gameOver();
              return;
            }
          }
        } else {
          clearInterval(obstacleIntervalId);
        }
      }, 20);
    }
    
    function moveIcePlanet(direction) {
      const icePlanet = document.getElementById("icePlanet");
      const icePlanetLeft = parseInt(icePlanet.style.left) || 0;
      
      if (direction === "left") {
        icePlanet.style.left = Math.max(icePlanetLeft - 20, 0) + "px";
      } else if (direction === "right") {
        icePlanet.style.left = Math.min(icePlanetLeft + 20, window.innerWidth - 100) + "px";
      }
    }
    
    function gameOver() {
      clearInterval(intervalId);
      isGameOver = true;
      alert("Game Over!\nYour Score: " + score);
      resetGame();
    }
    
    function resetGame() {
      document.getElementById("gameArea").style.display = "none";
      document.querySelector("button").style.display = "block";
    }
  </script>
</body>
</html>
```

To play the game:
1. Copy the entire code provided into a new HTML file (e.g., `ice-planet.html`).
2. Open the HTML file in a web browser (preferably on a smartphone).
3. Click on the "Start Game" button to begin.
4. Use the "👈" and "👉" buttons to move the ice planet (🌍) left and right, respectively.
5. Avoid the obstacles (🚀, 🛸, and 🛰️) and survive as long as possible.
6. If you collide with a UFO (🛸), the game ends and your score is displayed in an alert.
7. You can restart the game by clicking "Start Game" again.

Note: This is a basic implementation and can be further enhanced with additional features, levels, or gameplay mechanics depending on your requirements.