AI game creator

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

No:40070

104

←

Prev Next

→

なおきり
Developer User15915｜Date and time 24/1/31 22:57:09
Build time 16.193 sec｜Game capacity 3.115KB｜

Script

了解しました。以下に、スマホで遊べる簡単なゲームのサンプルコードを記述します。

このコードは、スマホで遊ぶことを前提にしています。ゲーム画面にはランダムな絵文字が表示され、プレイヤーは絵文字をタップしてスコアを上げていきます。ゲームは30秒で終了し、最終スコアがアラートで表示されます。必要な処理は実装されており、HTMLファイルとしてそのまま実行することができます。

←

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>Emojiゲーム</title>
  <style>
    html, body {
      height: 100%;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 5rem;
    }
  </style>
</head>
<body>
  <script>
    // ゲーム画面の準備
    const gameScreen = document.createElement('div');
    gameScreen.style.width = '100%';
    gameScreen.style.height = '100%';
    gameScreen.style.display = 'flex';
    gameScreen.style.justifyContent = 'center';
    gameScreen.style.alignItems = 'center';
    document.body.appendChild(gameScreen);

// スコアの初期値
    let score = 0;

// 絵文字の配列
    const emojis = ["😃", "🐶", "🍔", "🌻", "🚀", "🎉"];

// ゲームのメイン処理
    function startGame() {
      // ゲーム開始時にスコアをリセット
      score = 0;
      updateScore();

// 絵文字を表示するdiv要素の作成
      const emojiContainer = document.createElement('div');
      emojiContainer.style.fontSize = '5rem';
      emojiContainer.style.cursor = 'pointer';
      emojiContainer.addEventListener('click', incrementScore);
      gameScreen.appendChild(emojiContainer);

// 絵文字の表示と移動処理
      let emojiTimer = setInterval(moveEmoji, 2000);

function moveEmoji() {
        // 前の絵文字を削除
        emojiContainer.innerText = '';

// ランダムに絵文字を選び、表示
        const emojiIndex = Math.floor(Math.random() * emojis.length);
        emojiContainer.innerText = emojis[emojiIndex];

// 絵文字の移動アニメーション
        emojiContainer.style.transform = 'translate(0, -100%)';
        emojiContainer.style.transition = 'transform 1s';
        emojiContainer.addEventListener('transitionend', () => {
          emojiContainer.style.transform = '';
        });
      }

function incrementScore() {
        score++;
        updateScore();
      }

function updateScore() {
        // スコア表示の更新
        document.title = `Emojiゲーム - スコア: ${score}`;
      }

// ゲーム終了時の処理
      setTimeout(() => {
        clearInterval(emojiTimer);
        emojiContainer.removeEventListener('click', incrementScore);
        gameScreen.removeChild(emojiContainer);
        alert(`ゲーム終了！\nスコア: ${score}`);
      }, 30000); // 30秒後にゲーム終了
    }

// ゲームスタート
    startGame();
  </script>
</body>
</html>
```

このコードは、スマホで遊ぶことを前提にしています。ゲーム画面にはランダムな絵文字が表示され、プレイヤーは絵文字をタップしてスコアを上げていきます。ゲームは30秒で終了し、最終スコアがアラートで表示されます。

必要な処理は実装されており、HTMLファイルとしてそのまま実行することができます。