Two AIs play rock-paper-scissors automatically and the pictograms get bigger and bigger.'s game

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

No:1518

170

←

Prev Next

→

Two AIs play rock-paper-scissors automatically and..ALL
Developer User3181｜Date and time 23/6/18 17:59:04
Build time 39.87 sec｜Game capacity 2.819KB｜

Script

👊 👊

This application works as follows The two AIs play rock-paper-scissors-paper automatically. The selected pictogram is displayed. The size of the pictograms will change according to the result of the janken (rock-paper-scissors) game. The winning AIs pictogram will be larger than、The losing AIs pictograms will be smaller. 4. by pressing the rock-paper-scissors button again、You can start a new rock-paper-scissors-scissors game. For easy operation with smartphones.、The buttons are arranged in a large size. Also, the、By using a lot of pictograms.、The screen is colorful and pretty.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自動じゃんけんアプリ</title>
    <style>
      #emoji1, #emoji2 {
        font-size: 24px;
      }
    </style>
  </head>
  <body>
    <div>
      <span id="emoji1">👊</span>
      <span id="emoji2">👊</span>
    </div>
    <div>
      <button onclick="play()">じゃんけんする</button>
    </div>
    <script>
      function play() {
        var choices = ["👊", "🖐️", "✌️"];
        var ai1_choice = choices[Math.floor(Math.random() * choices.length)];
        var ai2_choice = choices[Math.floor(Math.random() * choices.length)];
        document.getElementById("emoji1").innerHTML = ai1_choice;
        document.getElementById("emoji2").innerHTML = ai2_choice;
        if (ai1_choice === "👊" && ai2_choice === "✌️") {
          document.getElementById("emoji1").style.fontSize = "28px";
          document.getElementById("emoji2").style.fontSize = "20px";
        } else if (ai1_choice === "✌️" && ai2_choice === "👊") {
          document.getElementById("emoji1").style.fontSize = "20px";
          document.getElementById("emoji2").style.fontSize = "28px";
        } else if (ai1_choice === "🖐️" && ai2_choice === "👊") {
          document.getElementById("emoji1").style.fontSize = "28px";
          document.getElementById("emoji2").style.fontSize = "20px";
        } else if (ai1_choice === "👊" && ai2_choice === "🖐️") {
          document.getElementById("emoji1").style.fontSize = "20px";
          document.getElementById("emoji2").style.fontSize = "28px";
        } else if (ai1_choice === "✌️" && ai2_choice === "🖐️") {
          document.getElementById("emoji1").style.fontSize = "28px";
          document.getElementById("emoji2").style.fontSize = "20px";
        } else if (ai1_choice === "🖐️" && ai2_choice === "✌️") {
          document.getElementById("emoji1").style.fontSize = "20px";
          document.getElementById("emoji2").style.fontSize = "28px";
        }
      }
    </script>
  </body>
</html>

このアプリは以下のように動作します。

1. 二つのAIが自動でじゃんけんをします。
2. 選択した絵文字が表示されます。
3. じゃんけんの結果に応じて絵文字の大きさが変わります。勝ったAIの絵文字は大きく、負けたAIの絵文字は小さくなります。
4. 「じゃんけんする」ボタンを再度押すことで、新たなじゃんけんを始めることができます。

スマートフォンでも操作しやすいように、ボタンを大きく配置しています。また、絵文字を多用することで、色とりどりのかわいらしい画面になっています。