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

No:8020

2002

←

Prev Next

→

Bermuda Triangle
Developer User4117｜Date and time 23/7/12 0:24:55
Build time 20.89 sec｜Game capacity 3.062KB｜

Script

バミューダ・トライアングルのテキストベースゲームを作成します。

バミューダ・トライアングルゲーム

Score: 0

このゲームでは、スペースキーを押して船を上下に移動させ、船とゲームエリアにランダムに出現するアイテムとの衝突を避けるゲームです。アイテムと衝突するとスコアが増えます。

←

Prev　Next

→ 　

Back　

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

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

バミューダ・トライアングルのテキストベースゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>バミューダ・トライアングル ゲーム</title>
</head>
<body>
  <script>
    // バミューダ・トライアングル ゲームのプログラム
    let score = 0;

function startGame() {
      document.getElementById('startButton').style.display = 'none';
      document.getElementById('gameArea').style.display = 'block';
      document.getElementById('score').innerText = 'Score: 0';

// プレイヤーが船を動かす処理
      document.addEventListener('keydown', moveShip);

// ３秒ごとにゲームエリアから船の外にアイテムが出現する処理
      setInterval(spawnItem, 3000);
    }

function moveShip(event) {
      const ship = document.getElementById('ship');
      const shipStyle = getComputedStyle(ship);
      const shipTop = parseInt(shipStyle.getPropertyValue('top'));

if (event.key === 'ArrowUp' && shipTop > 0) {
        ship.style.top = (shipTop - 10) + 'px';
      } else if (event.key === 'ArrowDown' && shipTop < 350) {
        ship.style.top = (shipTop + 10) + 'px';
      }
    }

function spawnItem() {
      const gameArea = document.getElementById('gameArea');

// itemをランダムな位置に追加
      const item = document.createElement('div');
      item.className = 'item';
      item.style.top = Math.floor(Math.random() * 340) + 'px';
      item.style.left = '780px';
      gameArea.appendChild(item);

// アイテムを移動させる処理
      const itemMovement = setInterval(() => {
        const itemLeft = parseInt(item.style.left);

if (itemLeft > -60) {
          item.style.left = (itemLeft - 10) + 'px';
        } else {
          clearInterval(itemMovement);
          gameArea.removeChild(item);
        }

// アイテムと船の衝突判定
        const ship = document.getElementById('ship');
        const shipStyle = getComputedStyle(ship);
        const shipTop = parseInt(shipStyle.getPropertyValue('top'));
        const itemTop = parseInt(item.style.top);

if (itemLeft > 0 && itemLeft < 60 && Math.abs(shipTop - itemTop) < 60) {
          clearInterval(itemMovement);
          gameArea.removeChild(item);
          score += 10;
          document.getElementById('score').innerText = 'Score: ' + score;
        }
      }, 20);
    }
  </script>

<h1>バミューダ・トライアングル ゲーム</h1>

<button id="startButton" onclick="startGame()">ゲームスタート</button>

<p id="score">Score: 0</p>
</body>
</html>
```

バミューダ・トライアングル ゲーム

バミューダ・トライアングルゲーム