AI game creator

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

No:37783

←

Prev Next

→

🍘🥮
Developer User8984｜Date and time 24/1/21 16:24:29
Build time 8.769 sec｜Game capacity 2.016KB｜

Script

了解です！以下に、スマホで遊べるシンプルなゲームの例を示します。実装言語はJavaScriptで、1枚のHTMLファイルに含めます。ゲームとしての処理は実行開始されるようにします。

このゲームでは、スマホの画面上に絵文字「🍪」が表示されます。プレイヤーは指で絵文字をタップしてゲームクリアを目指します。絵文字の位置とタップ位置を比較し、当たり判定を行っています。このように、1枚のHTMLファイル内にJavaScriptを含め、ゲームとして遊べるような処理を実行することが可能です。

←

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>Emoji Catch Game</title>
  <style>
    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

#game-board {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 100px;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// スマホのタップイベントを監視
      gameBoard.addEventListener("touchstart", function(e) {
        var x = e.touches[0].clientX;
        var y = e.touches[0].clientY;
        checkCollision(x, y);
      });
    }

// タップされた位置と絵文字の位置を比較し、当たり判定を行う
    function checkCollision(x, y) {
      var emoji = document.getElementById("game-board");
      var emojiRect = emoji.getBoundingClientRect();

if (x >= emojiRect.left && x <= emojiRect.right &&
          y >= emojiRect.top && y <= emojiRect.bottom) {
        alert("ゲームクリア！");
      }
    }
    
    // ゲームの開始
    startGame();
  </script>
</body>
</html>
```

このゲームでは、スマホの画面上に絵文字「🍪」が表示されます。プレイヤーは指で絵文字をタップしてゲームクリアを目指します。絵文字の位置とタップ位置を比較し、当たり判定を行っています。

このように、1枚のHTMLファイル内にJavaScriptを含め、ゲームとして遊べるような処理を実行することが可能です。