Be afraid of a screen full of white rice.'s game

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

No:4723

1351

←

Prev Next

→

Be afraid of a screen full of white rice.
Developer User3795｜Date and time 23/6/28 18:43:53
Build time 16.459 sec｜Game capacity 1.614KB｜

Script

了解しました。では、画面いっぱいの白米に恐怖を与えるゲームを作ってみます。以下が実際のプログラムです。

🍚

このプログラムでは、画面いっぱいの白米（絵文字の🍚）が表示されます。ユーザーが米をクリックすると、白米が赤くなり「恐怖の白米！」と表示されます。0.2秒後に元の色と表示に戻ります。これが部分的なゲーム化された白米に恐怖を与えるプログラムです。スマホでも操作可能で、絵文字も使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。では、画面いっぱいの白米に恐怖を与えるゲームを作ってみます。

以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Rice Terror Game</title>
    <style>
      html, body {
        margin: 0;
        padding: 0;
        overflow: hidden;
      }

#rice {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 5em;
      }
    </style>
  </head>
  <body>
    <div id="rice">🍚</div>

document.getElementById("rice").addEventListener("click", function() {
        scareRice();
      });
    </script>
  </body>
</html>
```

このプログラムでは、画面いっぱいの白米（絵文字の🍚）が表示されます。ユーザーが米をクリックすると、白米が赤くなり「恐怖の白米！」と表示されます。0.2秒後に元の色と表示に戻ります。

これが部分的なゲーム化された白米に恐怖を与えるプログラムです。スマホでも操作可能で、絵文字も使用しています。