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

No:5052

324

←

Prev Next

→

spicy baked or fried mochi chips in this shape
Developer User3795｜Date and time 23/6/29 12:58:28
Build time 37.88 sec｜Game capacity 3.52KB｜

Script

了解です。柿の種を使ったゲームを作ります。以下のコードは、HTMLファイルの中にJavaScriptコードを記述し、柿の種を選択するゲームを実装したものです。

柿の種ゲーム

このコードは、6つの柿の種が表示され、クリックすることで柿の種を選択できるゲームです。選択された柿の種は赤く表示され、終了すると選択した柿の種が非表示になります。スマホでもプレイできるようにデザインが調整されており、柿の種の絵文字が表示されます。柿の種を使って作られたシンプルなゲームですが、お楽しみいただければ幸いです。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解です。柿の種を使ったゲームを作ります。

以下のコードは、HTMLファイルの中にJavaScriptコードを記述し、柿の種を選択するゲームを実装したものです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>柿の種ゲーム</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    h1 {
      margin-top: 50px;
    }
    
    #game-container {
      margin-top: 50px;
    }
    
    .seed {
      display: inline-block;
      font-size: 40px;
      margin: 10px;
      cursor: pointer;
    }
    
    .seed.selected {
      color: red;
    }
  </style>
</head>
<body>

<h1>柿の種ゲーム</h1>

// ゲームの初期化
  function initializeGame() {
    const gameContainer = document.getElementById("game-container");

// 柿の種を表示
    for (let i = 0; i < gameData.seeds.length; i++) {
      const seedElement = document.createElement("div");
      seedElement.classList.add("seed");
      seedElement.textContent = gameData.seeds[i];
      seedElement.addEventListener("click", function() {
        selectSeed(i);
      });
      gameContainer.appendChild(seedElement);
    }
  }

// 柿の種が選択された時の処理
  function selectSeed(index) {
    // ゲームが終了している場合は処理しない
    if (gameData.gameOver) {
      return;
    }

// すでに選択されている柿の種がある場合は選択を解除する
    if (gameData.selectedSeed !== -1) {
      const selectedSeedElement = document.getElementsByClassName("seed")[gameData.selectedSeed];
      selectedSeedElement.classList.remove("selected");
    }

// 選択された柿の種を更新
    gameData.selectedSeed = index;
    const selectedSeedElement = document.getElementsByClassName("seed")[index];
    selectedSeedElement.classList.add("selected");
  }

// ゲームの終了処理
  function endGame() {
    // ゲームが終了している場合は処理しない
    if (gameData.gameOver) {
      return;
    }

// 選択された柿の種を非表示にする
    const selectedSeedElement = document.getElementsByClassName("seed")[gameData.selectedSeed];
    selectedSeedElement.style.visibility = "hidden";

// ゲーム終了フラグを設定
    gameData.gameOver = true;
    
    // 終了メッセージを表示
    const gameContainer = document.getElementById("game-container");
    const endMessage = document.createElement("p");
    endMessage.textContent = "ゲーム終了";
    gameContainer.appendChild(endMessage);
  }

// ゲームの初期化
  initializeGame();
</script>

</body>
</html>
```

このコードは、6つの柿の種が表示され、クリックすることで柿の種を選択できるゲームです。選択された柿の種は赤く表示され、終了すると選択した柿の種が非表示になります。

スマホでもプレイできるようにデザインが調整されており、柿の種の絵文字が表示されます。

柿の種を使って作られたシンプルなゲームですが、お楽しみいただければ幸いです。