AI game creator

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

No:27165

←

Prev Next

→

パソコン
Developer User13491｜Date and time 23/12/4 18:57:40
Build time 28.167 sec｜Game capacity 1.808KB｜

Script

了解しました。以下に、スマートフォンで遊べる簡単なゲームの例を示します。

このプログラムは、9つのマス目が表示され、マス目をクリックするとスコアが増え、ランダムな絵文字が表示されるシンプルなゲームです。スマートフォンのブラウザで上記のコードを実行すると、プレイすることができます。

←

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>
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    #score {
      font-size: 24px;
    }
    #game-area {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
    }
    .cell {
      width: 100px;
      height: 100px;
      font-size: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="score">0</div>
    <div id="game-area"></div>
  </div>

const gameArea = document.getElementById('game-area');
    const scoreElement = document.getElementById('score');
    let score = 0;

const colors = ['🍎', '🍓', '🍊', '🍇', '🍌', '🍉'];

// ゲームのマス目を作成
    for (let i = 0; i < 9; i++) {
      const cell = document.createElement('div');
      cell.classList.add('cell');
      cell.addEventListener('click', function() {
        score++;
        scoreElement.textContent = score;
        const randomIndex = Math.floor(Math.random() * colors.length);
        cell.textContent = colors[randomIndex];
      });
      gameArea.appendChild(cell);
    }

</script>
</body>
</html>
```