AI game creator

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

No:5701

936

←

Prev Next

→

Immersive Games
Developer User3834｜Date and time 23/6/30 16:57:35
Build time 22.972 sec｜Game capacity 1.939KB｜

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>
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background: yellow;
      border-radius: 50%;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  </style>
</head>
<body>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      const player = document.getElementById("player");
      let isMovingLeft = false;
      let isMovingRight = false;

document.addEventListener("touchend", function(event) {
        isMovingLeft = false;
        isMovingRight = false;
      });

function update() {
        if (isMovingLeft) {
          player.style.left = parseInt(player.style.left) - 5 + "px";
        }
        if (isMovingRight) {
          player.style.left = parseInt(player.style.left) + 5 + "px";
        }

requestAnimationFrame(update);
      }

update();
    });
  </script>
  <div id="player"></div>
</body>
</html>
```