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

No:9050

168

←

Prev Next

→

Pikmin 5
Developer User4246｜Date and time 23/7/21 0:19:56
Build time 28.945 sec｜Game capacity 4.238KB｜

Script

了解です。以下にピクミン５のゲームの実装例を示します。

ピクミン５

ピクミンを育てよう！

このゲームでは、「植える」ボタンをクリックするとピクミンが成長し、ピクミン数が増えます。「収穫する」ボタンをクリックするとピクミンが収穫され、ピクミン数が減ります。また、「リスタート」ボタンをクリックするとピクミンの数がリセットされます。ゲームはリスタートボタンを押すまで続けることができます。なお、絵文字を使う場合は、HTML内の適当な場所に以下のような要素を追加します。

🌱

これにより、「植える」ボタンをクリックした時にピクミンの絵文字（🌱）が表示されるようになります。

←

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>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 30vh;
    }
    #message {
      font-size: 24px;
      margin-bottom: 20px;
    }
    #buttons {
      display: flex;
      justify-content: space-around;
    }
    button {
      font-size: 18px;
      padding: 10px 20px;
      border: none;
      background-color: #3399FF;
      color: white;
      border-radius: 5px;
      cursor: pointer;
    }
    button:disabled {
      background-color: #999999;
      cursor: default;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div>
      <h1>ピクミン５</h1>
      <div id="message">ピクミンを育てよう！</div>
      <div id="buttons">
        <button id="plant-button" onclick="plant()">植える</button>
        <button id="harvest-button" onclick="harvest()" disabled>収穫する</button>
        <button id="restart-button" onclick="restart()" disabled>リスタート</button>
      </div>
    </div>
  </div>

このゲームでは、「植える」ボタンをクリックするとピクミンが成長し、ピクミン数が増えます。「収穫する」ボタンをクリックするとピクミンが収穫され、ピクミン数が減ります。また、「リスタート」ボタンをクリックするとピクミンの数がリセットされます。ゲームはリスタートボタンを押すまで続けることができます。

なお、絵文字を使う場合は、HTML内の適当な場所に以下のような要素を追加します。

これにより、「植える」ボタンをクリックした時にピクミンの絵文字（🌱）が表示されるようになります。