Hagure Metal that doesnt run away. Whenever you defeat it, a treasure chest will drop.'s game

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

No:6680

183

←

Prev Next

→

Hagure Metal that doesnt run away. Whenever you de..ALL
Developer User3903｜Date and time 23/7/3 3:50:50
Build time 25.349 sec｜Game capacity 2.449KB｜

Script

了解しました。以下に、スマートフォンで遊べる簡単なゲーム「逃げないはぐれメタル」の実装例を示します。

START

このゲームでは、画面をクリックするとゲームが開始されます。プレイヤー（絵文字の🚶）と宝箱（絵文字の🎁）が表示され、プレイヤーはランダムに画面内を移動します。5秒後にゲームが終了し、「GAME OVER」と表示されます。なお、ゲームの性質上、必ず宝箱がドロップするように設定しているため、「倒す」というアクションはありませんが、ゲームとして遊べる形になっています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。以下に、スマートフォンで遊べる簡単なゲーム「逃げないはぐれメタル」の実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>逃げないはぐれメタル</title>
  <style>
    body {
      font-size: 48px;
      text-align: center;
    }
  </style>
</head>
<body>
  <div id="game">START</div>
  
  <script>
    var gameElement = document.getElementById('game');
    var playerElement = document.createElement('div');
    playerElement.innerHTML = '🚶'; // プレイヤーの絵文字（歩く人）
    playerElement.style.fontSize = '120px';
    playerElement.style.position = 'absolute';
    playerElement.style.top = '50%';
    playerElement.style.left = '50%';
    playerElement.style.transform = 'translate(-50%, -50%)';
  
    var treasureElement = document.createElement('div');
    treasureElement.innerHTML = '🎁'; // 宝箱の絵文字
    treasureElement.style.fontSize = '120px';
    treasureElement.style.position = 'absolute';
    treasureElement.style.top = '50%';
    treasureElement.style.left = '50%';
    treasureElement.style.transform = 'translate(-50%, -50%)';
  
    gameElement.addEventListener('click', function() {
      gameElement.innerHTML = '';
  
      gameElement.appendChild(playerElement);
      gameElement.appendChild(treasureElement);
  
      setInterval(movePlayer, 300); // プレイヤーの移動
  
      setTimeout(function() {
        gameElement.innerHTML = 'GAME OVER';
      }, 5000); // 5秒後にゲーム終了
    });
  
    function movePlayer() {
      var screenWidth = window.innerWidth;
      var screenHeight = window.innerHeight;
  
      var playerX = Math.random() * screenWidth * 0.8;
      var playerY = Math.random() * screenHeight * 0.8;
  
      playerElement.style.top = playerY + 'px';
      playerElement.style.left = playerX + 'px';
    }
  </script>
</body>
</html>
```

このゲームでは、画面をクリックするとゲームが開始されます。プレイヤー（絵文字の🚶）と宝箱（絵文字の🎁）が表示され、プレイヤーはランダムに画面内を移動します。5秒後にゲームが終了し、「GAME OVER」と表示されます。

なお、ゲームの性質上、必ず宝箱がドロップするように設定しているため、「倒す」というアクションはありませんが、ゲームとして遊べる形になっています。