AI game creator

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

No:11687

293

←

Prev Next

→

Nemu Nemu Taro
Developer sayaensm｜Date and time 23/8/11 23:47:47
Build time 15.558 sec｜Game capacity 1.371KB｜

Script

了解です。以下にねむねむねむ太郎というゲームの実装例を示します。

😪

このプログラムでは、画面をタップすると太郎が起きて笑顔になり、2秒後に再び眠る表情に戻ります。また、スマートフォンを傾けると、スマホの傾きによって太郎が起きているか眠っているかが変わります。

←

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 {
      background-color: #FFFDD0;
    }
    #taro {
      font-size: 100px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <div id="taro">😪</div>
  <script>
    var taro = document.getElementById("taro");

// 画面をタップすると太郎が起きる処理
    document.addEventListener("click", function() {
      taro.innerHTML = "😃";
      setTimeout(function() {
        taro.innerHTML = "😪";
      }, 2000);
    });

// スマホを傾けると太郎が眠る処理
    window.addEventListener("deviceorientation", function(event) {
      if (event.beta > 45 || event.beta < -45 || event.gamma > 45 || event.gamma < -45) {
        taro.innerHTML = "😪";
      } else {
        taro.innerHTML = "😃";
      }
    });
  </script>
</body>
</html>
```