Jetplane with Ghost missils's game

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

No:32050

←

Prev Next

→

Jetplane with Ghost missils
Developer User15318｜Date and time 23/12/29 13:23:58
Build time 24.831 sec｜Game capacity 3.334KB｜

Script

Sure! Here's an example of a simple game where you control a jetplane to shoot down ghosts using missiles. The game will be implemented as a single HTML file, enclosed in script tags, and written in JavaScript. It will run on smartphones and use pictograms for visuals.

✈️

👻🚀👻🚀👻🚀

Score: 0

To play the game, simply copy and paste the above code into an HTML file and open it in a web browser. You can control the jetplane using the arrow keys on your smartphone's virtual keyboard. The objective is to dodge the ghost missiles and survive as long as possible. The score will increase as you successfully dodge missiles. If a missile collides with the jetplane, the game will end, and a game over message with your final score will be displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jetplane vs Ghost Missiles</title>
  <style>
    #game-container {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      font-size: 5rem;
    }
    
    #jetplane {
      margin-bottom: 2rem;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="jetplane">✈️</div>
    <div id="ghost-missiles">👻🚀👻🚀👻🚀</div>
    <div id="score">Score: 0</div>
  </div>

function updateScore() {
        score++;
        scoreDisplay.textContent = "Score: " + score;
      }

function checkCollision() {
        var jetplanePos = jetplane.getBoundingClientRect();
        var missiles = ghostMissiles.children;

for (var i = 0; i < missiles.length; i++) {
          var missilePos = missiles[i].getBoundingClientRect();
          
          if (missilePos.left < jetplanePos.right && 
              missilePos.right > jetplanePos.left && 
              missilePos.top < jetplanePos.bottom && 
              missilePos.bottom > jetplanePos.top) {
            endGame();
            break;
          }
        }
      }

function moveMissiles() {
        if (gameActive) {
          var missiles = ghostMissiles.children;

for (var i = 0; i < missiles.length; i++) {
            var left = parseInt(missiles[i].style.left) || 0;
            missiles[i].style.left = (left - 2) + "%";

if (left < -10) {
              missiles[i].style.left = "100%";
              updateScore();
            }
          }

checkCollision();
          requestAnimationFrame(moveMissiles);
        }
      }

function endGame() {
        gameActive = false;
        alert("Game Over! Your final score is: " + score);
      }

document.addEventListener("keydown", moveJetplane);
      moveMissiles();
    });
  </script>
</body>
</html>
```