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

No:9071

119

←

Prev Next

→

the original deity
Developer User4246｜Date and time 23/7/21 3:13:45
Build time 24.02 sec｜Game capacity 2.742KB｜

Script

了解しました。原神をテーマにしたゲームを作成します。以下がHTMLファイルの中身です。

原神ゲーム

このHTMLファイルでは、`characters`という配列に原神の絵文字を用意し、9つの絵文字をランダムに表示します。プレイヤーは絵文字をクリックすることでスコアを獲得し、スコアが10以上になるとゲームクリアとなります。開始するには、`スタート`ボタンをクリックしてください。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。原神をテーマにしたゲームを作成します。

以下がHTMLファイルの中身です。

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>原神ゲーム</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

#game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

#start-button {
      font-size: 20px;
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
      border-radius: 5px;
      display: none;
    }

#game-result {
      font-size: 24px;
      margin-top: 20px;
    }

.emoji {
      font-size: 40px;
    }
  </style>
</head>

<body>
  <h1>原神ゲーム</h1>
  <div id="game-container">
    <button id="start-button">スタート</button>
  </div>
  <div id="game-result"></div>

function startGame() {
      const gameContainer = document.getElementById('game-container');
      const gameResult = document.getElementById('game-result');
      const startButton = document.getElementById('start-button');
      
      startButton.style.display = 'none';
      gameContainer.innerHTML = '';
      gameResult.textContent = '';
      score = 0;

for (let i = 0; i < 9; i++) {
        const randomIndex = Math.floor(Math.random() * characters.length);
        const character = characters[randomIndex];
        const characterElement = document.createElement('div');
        characterElement.className = 'emoji';
        characterElement.textContent = character;
        characterElement.onclick = function() {
          score++;
          this.remove();
          if (score >= 10) {
            gameResult.textContent = 'ゲームクリア！';
            startButton.style.display = 'block';
          }
        };
        gameContainer.appendChild(characterElement);
      }
    }

document.getElementById('start-button').onclick = startGame;
startGame();
  </script>
</body>

</html>
```

このHTMLファイルでは、`characters`という配列に原神の絵文字を用意し、9つの絵文字をランダムに表示します。プレイヤーは絵文字をクリックすることでスコアを獲得し、スコアが10以上になるとゲームクリアとなります。

開始するには、`スタート`ボタンをクリックしてください。