AI game creator

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

No:21407

149

←

Prev Next

→

三段腹ゲーム
Developer バファリンヌ｜Date and time 23/10/15 8:20:42
Build time 83.023 sec｜Game capacity 2.806KB｜

Script

了解です。以下に三段腹ゲームのコードを示します。

このコードは、スマホで遊べる三段腹ゲームを実装しています。画面上にはレベルとスコアの表示、スタートボタン、おなかの絵の表示があります。ゲームはスタートボタンを押すことで始まり、おなかの絵をクリックすることでスコアが増えます。一定のスコアを達成すると、次のレベルに進みます。レベル5まで進むとゲーム終了となり、再スタートができます。なお、絵文字を使用する場合は、絵文字のコードを適切な場所に挿入してください。

←

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>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <h1 id="header">三段腹ゲーム</h1>

function startGame() {
      currentLevel = 1;
      currentScore = 0;
      target = document.getElementById('target');

document.getElementById('current_level').textContent = `レベル: ${currentLevel}`;
      document.getElementById('current_score').textContent = `スコア: ${currentScore}`;

document.getElementById('start_button').style.display = 'none';
      target.style.display = 'block';

addTarget();
    }

function addTarget() {
      target.style.left = getRandomPosition(0, window.innerWidth - 100) + 'px';
      target.style.top = getRandomPosition(0, window.innerHeight - 100) + 'px';

target.addEventListener('click', increaseScore);
    }

function increaseScore() {
      currentScore++;
      document.getElementById('current_score').textContent = `スコア: ${currentScore}`;

target.removeEventListener('click', increaseScore);

if (currentScore >= currentLevel * 10) {
        currentLevel++;
        document.getElementById('current_level').textContent = `レベル: ${currentLevel}`;

if (currentLevel <= 5) {
          addTarget();
        } else {
          endGame();
        }
      }
    }

function endGame() {
      target.style.display = 'none';
      document.getElementById('start_button').style.display = 'block';
      document.getElementById('start_button').innerText = '再スタート';
    }

function getRandomPosition(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
  </script>
</body>
</html>
```

なお、絵文字を使用する場合は、絵文字のコードを適切な場所に挿入してください。