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

No:6038

210

Bermuda Triangle
Developer User3848｜Date and time 23/7/1 15:18:00
Build time 24.063 sec｜Game capacity 2.611KB｜

了解しました。以下に「バミューダトライアングル」という部分的にゲーム化されたプログラムの例を示します。

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

船がバミューダトライアングルに入ってしまった！

このプログラムでは、「バミューダトライアングル」に入ってしまった船を操作する部分的なゲームが作られています。プレイヤーの船は絵文字の「🚢」で表されており、キーボードの矢印キーを押すことで上下左右に移動することができます。ゲームエリアは`game-area`というIDの要素で表されており、その要素上でキーボード操作を受け付けています。このプログラムはHTMLファイルとして保存し、ブラウザで実行することで遊ぶことができます。ただし、スマートフォンでの操作には対応していませんので、PCのキーボードを利用して操作してください。

→ 　

0　

0　

　
　
　
　

[PR]現在の本の売れ筋ランキング

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

(C)2023 HisashiApp

了解しました。以下に「バミューダトライアングル」という部分的にゲーム化されたプログラムの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>バミューダトライアングル</title>
</head>
<body>
  <h1>バミューダトライアングル</h1>
  <p>船がバミューダトライアングルに入ってしまった！</p>
  <button id="start-button">出航する</button>
  <div id="game-area"></div>

<script>
    document.getElementById('start-button').addEventListener('click', function() {
      startGame();
    });

function startGame() {
      var gameArea = document.getElementById('game-area');

// プレイヤーの船を表す絵文字
      var player = '🚢';
      
      gameArea.textContent = player; // 初期状態での船の表示

gameArea.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowUp') {
          moveUp();
        } else if (event.key === 'ArrowDown') {
          moveDown();
        } else if (event.key === 'ArrowLeft') {
          moveLeft();
        } else if (event.key === 'ArrowRight') {
          moveRight();
        }
      });

function moveUp() {
        var currentPos = parseInt(gameArea.style.top) || 0;
        gameArea.style.top = (currentPos - 10) + 'px';
      }

function moveDown() {
        var currentPos = parseInt(gameArea.style.top) || 0;
        gameArea.style.top = (currentPos + 10) + 'px';
      }

function moveLeft() {
        var currentPos = parseInt(gameArea.style.left) || 0;
        gameArea.style.left = (currentPos - 10) + 'px';
      }

function moveRight() {
        var currentPos = parseInt(gameArea.style.left) || 0;
        gameArea.style.left = (currentPos + 10) + 'px';
      }
    }
  </script>
</body>
</html>
```

このプログラムでは、「バミューダトライアングル」に入ってしまった船を操作する部分的なゲームが作られています。プレイヤーの船は絵文字の「🚢」で表されており、キーボードの矢印キーを押すことで上下左右に移動することができます。ゲームエリアは`game-area`というIDの要素で表されており、その要素上でキーボード操作を受け付けています。

このプログラムはHTMLファイルとして保存し、ブラウザで実行することで遊ぶことができます。ただし、スマートフォンでの操作には対応していませんので、PCのキーボードを利用して操作してください。