Princess Mononoke Action Butler's game

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

No:9171

259

←

Prev Next

→

Princess Mononoke Action Butler
Developer User3788｜Date and time 23/7/21 23:44:37
Build time 35.255 sec｜Game capacity 2.958KB｜

Script

了解です。以下に「もののけ姫アクションバトラー」というゲームの例を示します。

👸 🐺

このゲームでは、プレイヤーと敵の位置を管理し、プレイヤーを左右に移動させることで敵との当たり判定を確認します。プレイヤーと敵は絵文字で表現されており、スマートフォンの操作にも対応しています。ゲームは実行開始されるようになっていますので、必要に応じてブラウザで開いて遊んでみてください。

←

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>
  <style>
    #game-board {
      width: 320px;
      height: 480px;
      border: 1px solid black;
      position: relative;
    }
    #player {
      font-size: 48px;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    #enemy {
      font-size: 48px;
      position: absolute;
      top: 0;
      right: 0;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <span id="player">👸</span>
    <span id="enemy">🐺</span>
  </div>
  <script>
    // プレイヤーと敵の初期位置設定
    var playerPosition = 0;
    var enemyPosition = 0;

// プレイヤーを動かす関数
    function movePlayer(direction) {
      if (direction === 'left') {
        playerPosition -= 10;
      } else if (direction === 'right') {
        playerPosition += 10;
      }

// プレイヤーの位置を更新
      document.getElementById('player').style.left = playerPosition + 'px';

// 当たり判定
      if (playerPosition === enemyPosition) {
        alert('ゲームオーバー！');
        resetGame();
      }
    }

// 敵をランダムに動かす関数
    function moveEnemy() {
      enemyPosition += getRandomNumber(-10, 10);

// 敵の位置を更新
      document.getElementById('enemy').style.top = enemyPosition + 'px';

// 当たり判定
      if (playerPosition === enemyPosition) {
        alert('ゲームオーバー！');
        resetGame();
      }

// 一定間隔で敵を動かす
      setTimeout(moveEnemy, 1000);
    }

// ランダムな整数を生成する関数
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

// ゲームのリセット
    function resetGame() {
      playerPosition = 0;
      enemyPosition = 0;
      document.getElementById('player').style.left = playerPosition + 'px';
      document.getElementById('enemy').style.top = enemyPosition + 'px';
    }

// キーイベントのリスナーを設定
    document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowLeft') {
        movePlayer('left');
      }
      if (event.key === 'ArrowRight') {
        movePlayer('right');
      }
    });

// ゲームの開始
    moveEnemy();
  </script>
</body>
</html>
```