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

No:7119

2361

←

Prev Next

→

Game creator extraction game
Developer User3972｜Date and time 23/7/5 15:28:54
Build time 14.574 sec｜Game capacity 2.034KB｜

Script

了解です。以下に、シンプルなゲームを作成しました。

ゲームクリエイター引き抜きゲーム

スコア: 0

このプログラムでは、9つのセルからなるゲームボードが表示されます。セルにはランダムに絵文字が表示されており、セルをクリックするとスコアが加算され、セル内の絵文字が別のランダムな絵文字に変わります。スコアの表示もあり、ゲーム性を持たせています。ご自由にお楽しみください！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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>
    #score {
      font-size: 24px;
      margin-bottom: 10px;
    }
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
    }
    .cell {
      width: 100px;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <h1>ゲームクリエイター引き抜きゲーム</h1>
  <div id="score">スコア: 0</div>
  <div id="game-board"></div>

// ランダムな絵文字を作成
    function createRandomEmoji() {
      const emojis = ['😀', '😄', '😊', '😎', '😍'];
      return emojis[Math.floor(Math.random() * emojis.length)];
    }

// ゲームボードを初期化
    function initGameBoard() {
      for (let i = 0; i < 9; i++) {
        const cell = document.createElement('div');
        cell.classList.add('cell');
        cell.innerText = createRandomEmoji();
        cell.addEventListener('click', () => {
          score++;
          document.getElementById('score').innerText = `スコア: ${score}`;
          cell.innerText = createRandomEmoji();
        });
        cells.push(cell);
        gameBoard.appendChild(cell);
      }
    }

// ゲームを開始
    initGameBoard();
  </script>
</body>
</html>
```