AI game creator

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

No:33339

←

Prev Next

→

スイカゲーム
Developer User15741｜Date and time 24/1/3 17:52:07
Build time 19.256 sec｜Game capacity 1.491KB｜

Script

了解です。以下にスイカゲームの実装例を示します。

🍉

このスイカゲームでは、画面中央にスイカの絵文字が表示されます。スマホで操作することを前提にしています。スイカをタップすると、スイカの位置がランダムに変わります。

←

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>
    #melon {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="melon">🍉</div>

var left = Math.floor(Math.random() * (screenWidth - melonWidth));
      var top = Math.floor(Math.random() * (screenHeight - melonHeight));

melon.style.left = left + 'px';
      melon.style.top = top + 'px';
    }

// クリックした時の処理
    function handleClick() {
      setRandomPosition();
    }

// ゲーム開始
    setRandomPosition();

// クリックイベントの追加
    var melon = document.getElementById('melon');
    melon.addEventListener('click', handleClick);
  </script>
</body>
</html>
```