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

No:6529

1216

Anpanman, its a new face! Mi🍞
Developer User3788｜Date and time 23/7/2 17:34:32
Build time 28.582 sec｜Game capacity 2.472KB｜

以下は、JavaScriptを用いて作成した「アンパンマン、新しい顔よ！」というゲームの一部です。このゲームでは、アンパンマンの顔が表示され、ユーザーがランダムに選択した絵文字の顔と一致するようにアンパンマンの顔を変化させるゲームです。スマホでの操作を前提とし、JavaScriptを含むhtmlファイルで実装されています。以下がゲームの実装です。 index.html:

アンパンマン、新しい顔よ！ミ🍞

アンパンマンの顔を変えて、選んだ絵文字の顔と一致させよう！

🍞

選んだ絵文字の顔

絵文字を選んでアンパンマンの顔を変えよう！

script.js: このゲームでは、アンパンマンの顔が表示され、ユーザーが絵文字ボタンをクリックして顔の絵文字を選択します。選んだ絵文字の顔とアンパンマンの顔が一致していれば、おめでとうのメッセージが表示されます。一致していない場合は、もう一度トライしましょうというメッセージが表示されます。ただし、このゲームは部分的な実装であり、完全なゲームではありません。また、スマホでの操作を前提としていますが、パソコンやタブレットでもプレイすることは可能です。

→ 　

1　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

以下は、JavaScriptを用いて作成した「アンパンマン、新しい顔よ！」というゲームの一部です。このゲームでは、アンパンマンの顔が表示され、ユーザーがランダムに選択した絵文字の顔と一致するようにアンパンマンの顔を変化させるゲームです。スマホでの操作を前提とし、JavaScriptを含むhtmlファイルで実装されています。

以下がゲームの実装です。

index.html:
```
<!DOCTYPE html>
<html>
<head>
  <title>アンパンマン、新しい顔よ！ミ🍞</title>
</head>
<body>
  <h1>アンパンマン、新しい顔よ！ミ🍞</h1>
  <p>アンパンマンの顔を変えて、選んだ絵文字の顔と一致させよう！</p>
  
  <div id="anpanmanFace">🍞</div>
  
  <h2>選んだ絵文字の顔</h2>
  <div id="selectedFace"></div>
  
  <h2>絵文字を選んでアンパンマンの顔を変えよう！</h2>
  <div id="emojiButtons">
    <button onclick="changeFace('🍞')">🍞</button>
    <button onclick="changeFace('😊')">😊</button>
    <button onclick="changeFace('🤡')">🤡</button>
    <button onclick="changeFace('🙄')">🙄</button>
    <button onclick="changeFace('😍')">😍</button>
  </div>
  
  <script src="script.js"></script>
</body>
</html>
```

script.js:
```
function changeFace(selectedFace) {
  const anpanmanFace = document.getElementById("anpanmanFace");
  const selectedFaceContainer = document.getElementById("selectedFace");
  
  anpanmanFace.innerHTML = selectedFace;
  selectedFaceContainer.innerHTML = selectedFace;
  
  if (anpanmanFace.innerHTML === selectedFace) {
    alert("おめでとう！アンパンマンの顔が変わりました！");
  } else {
    alert("違います！もう一度トライしましょう！");
  }
}
```

このゲームでは、アンパンマンの顔が表示され、ユーザーが絵文字ボタンをクリックして顔の絵文字を選択します。選んだ絵文字の顔とアンパンマンの顔が一致していれば、おめでとうのメッセージが表示されます。一致していない場合は、もう一度トライしましょうというメッセージが表示されます。

ただし、このゲームは部分的な実装であり、完全なゲームではありません。また、スマホでの操作を前提としていますが、パソコンやタブレットでもプレイすることは可能です。