AI game creator

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

No:9138

107

←

Prev Next

→

turncoat
Developer User4271｜Date and time 23/7/21 17:26:21
Build time 22.198 sec｜Game capacity 2.044KB｜

Script

了解しました。以下に回る回る兎のゲームの実装例を示します。このゲームでは、兎の絵文字が画面上をランダムに回転するような動きをするものです。

🐇

このコードでは、windowのサイズに合わせて兎の位置をランダムに変更し、1秒ごとに兎が回転するようになっています。さらに、スワイプ操作を検知して、横方向の移動が大きい場合にはゲーム画面をリロードするような処理も追加しています。このHTMLファイルを保存してスマホのブラウザで表示すれば、回る回る兎のゲームを遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>回る回る兎ゲーム</title>
  <style>
    #rabbit {
        font-size: 48px;
        position: absolute;
    }
  </style>
</head>
<body>
  <div id="rabbit">🐇</div>

function getRandomNumber(max) {
      return Math.floor(Math.random() * Math.floor(max));
    }

setInterval(rotateRabbit, 1000);

// スワイプ操作を検知するイベントリスナー
    var startX;
    var startY;

document.addEventListener('touchstart', function(e) {
      var touch = e.touches[0];
      startX = touch.pageX;
      startY = touch.pageY;
    });

document.addEventListener('touchend', function(e) {
      var touch = e.changedTouches[0];
      var endX = touch.pageX;
      var endY = touch.pageY;

var diffX = endX - startX;
      var diffY = endY - startY;

// 横方向の移動が大きい場合はゲーム画面をリロード
      if (Math.abs(diffX) > Math.abs(diffY)) {
        location.reload();
      }
    });
  </script>
</body>
</html>
```

このコードでは、windowのサイズに合わせて兎の位置をランダムに変更し、1秒ごとに兎が回転するようになっています。さらに、スワイプ操作を検知して、横方向の移動が大きい場合にはゲーム画面をリロードするような処理も追加しています。

このHTMLファイルを保存してスマホのブラウザで表示すれば、回る回る兎のゲームを遊ぶことができます。