一艘海盜船試著躲避軍艦追捕並避免觸礁，有5條命's game

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

No:20801

←

Prev Next

→

一艘海盜船試著躲避軍艦追捕並避免觸礁，有5條命
Developer User9154｜Date and time 23/10/11 2:58:15
Build time 29.498 sec｜Game capacity 3.798KB｜

Script

以下是一個用JavaScript實現的簡單遊戲，遊戲中您將扮演一艘海盜船試圖躲避軍艦的追捕並避免撞上礁石。這個遊戲適用於智能手機操作，因此會使用到一些圖形符號。請將以下程式碼保存為一個html文件，將所有代碼放在標籤中：

🏴‍☠️

⚓️

🏰

這段程式碼創建了遊戲的畫面，包括了一塊海盜船、一艘軍艦和一座礁石。遊戲開始時，您可以透過觸摸屏幕來移動海盜船，避開軍艦和礁石。如果您撞上了軍艦，您將失去一條生命，如果失去全部五條生命，遊戲就結束了。另外，如果您成功避開了軍艦並通過礁石，您的得分將增加一點。祝您玩得愉快！

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

以下是一個用JavaScript實現的簡單遊戲，遊戲中您將扮演一艘海盜船試圖躲避軍艦的追捕並避免撞上礁石。這個遊戲適用於智能手機操作，因此會使用到一些圖形符號。

請將以下程式碼保存為一個html文件，將所有代碼放在<script>標籤中：

```html
<!DOCTYPE html>
<html>
<head>
  <title>海盜船遊戲</title>
  <style>
    #game-board {
      width: 300px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    #pirate-ship {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      font-size: 40px;
    }
    #warship {
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 30px;
    }
    #rock {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 30px;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div id="pirate-ship">🏴‍☠️</div>
    <div id="warship">⚓️</div>
    <div id="rock">🏰</div>
  </div>

var score = 0;
    var lives = 5;
    var speed = 5;
    var gameRunning = true;

function checkCollision() {
      var pirateShipRect = pirateShip.getBoundingClientRect();
      var warshipRect = warship.getBoundingClientRect();
      var rockRect = rock.getBoundingClientRect();

if (
        pirateShipRect.bottom >= warshipRect.top &&
        pirateShipRect.left <= warshipRect.right &&
        pirateShipRect.right >= warshipRect.left
      ) {
        lives--;
        if (lives === 0) {
          endGame();
        }
      }

if (
        pirateShipRect.bottom >= rockRect.top &&
        pirateShipRect.left <= rockRect.right &&
        pirateShipRect.right >= rockRect.left
      ) {
        score++;
        rock.style.top = getNewRockTop() + 'px';
      }
    }

function moveEnemyObjects() {
      if (!gameRunning) {
        return;
      }

var currentPosition = parseInt(warship.style.left);
      var newWarshipPosition = currentPosition + speed;
      if (newWarshipPosition >= gameBoard.offsetWidth) {
        newWarshipPosition = -warship.offsetWidth;
      }

warship.style.left = newWarshipPosition + 'px';

var currentRockTop = parseInt(rock.style.top);
      var newRockTop = currentRockTop + speed;
      if (newRockTop >= gameBoard.offsetHeight) {
        newRockTop = getNewRockTop();
      }

rock.style.top = newRockTop + 'px';

checkCollision();

requestAnimationFrame(moveEnemyObjects);
    }

function getNewRockTop() {
      return -Math.floor(Math.random() * gameBoard.offsetHeight);
    }

function endGame() {
      gameRunning = false;
      alert('遊戲結束！您的得分: ' + score);
    }

gameBoard.addEventListener('touchmove', movePirateShip);

moveEnemyObjects();
  </script>
</body>
</html>
```

這段程式碼創建了遊戲的畫面，包括了一塊海盜船、一艘軍艦和一座礁石。遊戲開始時，您可以透過觸摸屏幕來移動海盜船，避開軍艦和礁石。如果您撞上了軍艦，您將失去一條生命，如果失去全部五條生命，遊戲就結束了。另外，如果您成功避開了軍艦並通過礁石，您的得分將增加一點。

祝您玩得愉快！