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

No:5402

2416

←

Prev Next

→

Residual Image Fist
Developer User3694｜Date and time 23/6/30 0:59:32
Build time 20.896 sec｜Game capacity 2.125KB｜

Script

了解です。では、スマホで遊べる簡単なゲームを作ってみましょう。以下のコードは数字をタップして消すゲームです。

数字をタップして消すゲーム

これは、4x4のゲームボードに1から16までの数字が表示されます。数字をタップするとその数字が消えます。ゲームボード全ての数字を消すとゲームクリアです。どうぞお楽しみください！もし他のゲームアイデアがあれば教えてください。

←

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>
    .number {
      font-size: 2rem;
      margin: 5px;
      padding: 10px;
      border: 1px solid black;
      display: inline-block;
    }
  </style>
</head>
<body>
  <h1>数字をタップして消すゲーム</h1>

// シャッフル関数
    function shuffle(array) {
      let currentIndex = array.length, randomIndex;

while (currentIndex != 0) {
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex--;
        [array[currentIndex], array[randomIndex]] = [array[randomIndex], array[currentIndex]];
      }

return array;
    }

// ゲームボードを初期化
    function initializeGame() {
      const shuffledNumbers = shuffle(numbers);
      const gameBoard = document.getElementById('gameBoard');

gameBoard.innerHTML = '';

shuffledNumbers.forEach(number => {
        const numberElement = document.createElement('div');
        numberElement.classList.add('number');
        numberElement.textContent = number;

numberElement.addEventListener('click', () => {
          numberElement.style.display = 'none';
        });

gameBoard.appendChild(numberElement);
      });
    }

// ゲームを開始
    window.onload = initializeGame;
  </script>
</body>
</html>
```

これは、4x4のゲームボードに1から16までの数字が表示されます。数字をタップするとその数字が消えます。ゲームボード全ての数字を消すとゲームクリアです。

どうぞお楽しみください！もし他のゲームアイデアがあれば教えてください。