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

No:8258

2511

←

Prev Next

→

triangle jump
Developer User4160｜Date and time 23/7/14 12:55:03
Build time 17.387 sec｜Game capacity 1.721KB｜

Script

了解です。以下にHTMLファイルとJavaScriptコードを示します。

三角飛びゲーム

スコア: 0

🔺

このHTMLファイルは、単純な三角飛びゲームです。画面上の三角形をクリックすると、三角形がランダムな位置に移動し、スコアが1増えます。画面上部にスコアが表示されます。スマートフォンの操作にも対応しています。三角形は絵文字の🔺を使用しています。このHTMLファイルをブラウザで開くと、ゲームが実行されます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。以下にHTMLファイルとJavaScriptコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>三角飛びゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <h1>三角飛びゲーム</h1>
  <p id="score">スコア: 0</p>
  <div id="triangle">🔺</div>

triangle.addEventListener('click', function() {
      // 三角形のランダムな位置へ移動
      const screenWidth = document.documentElement.clientWidth;
      const screenHeight = document.documentElement.clientHeight;
      const triangleWidth = triangle.clientWidth;
      const triangleHeight = triangle.clientHeight;
      const maxPosX = screenWidth - triangleWidth;
      const maxPosY = screenHeight - triangleHeight;
      const newPosX = Math.floor(Math.random() * maxPosX);
      const newPosY = Math.floor(Math.random() * maxPosY);
      triangle.style.left = newPosX + 'px';
      triangle.style.top = newPosY + 'px';

// スコアを更新
      score++;
      document.getElementById('score').textContent = 'スコア: ' + score;
    });
  </script>
</body>
</html>
```

このHTMLファイルは、単純な三角飛びゲームです。画面上の三角形をクリックすると、三角形がランダムな位置に移動し、スコアが1増えます。画面上部にスコアが表示されます。スマートフォンの操作にも対応しています。三角形は絵文字の🔺を使用しています。

このHTMLファイルをブラウザで開くと、ゲームが実行されます。