AI game creator

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

No:9070

151

←

Prev Next

→

tap away
Developer User4246｜Date and time 23/7/21 3:11:56
Build time 23.898 sec｜Game capacity 2.078KB｜

Script

了解しました。以下に、簡単なゲームを作成するためのHTMLファイルの例を記述します。このゲームは「ボールをタップして跳ね返す」というタップアウェイ操作を前提としています。

このHTMLファイルをブラウザで開くと、赤いボールが表示されます。ボールをタップすると、ランダムな速度で跳ね返るようになります。ボールは画面の端に当たると跳ね返ります。

←

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>
    #ball {
      position: absolute;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: #ff0000;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <div id="ball"></div>

// ボールの移動とタップイベントの追加
      setInterval(moveBall, 30);
      ball.addEventListener("click", tapBall);

function moveBall() {
        x += vx;
        y += vy;

// 画面の端で跳ね返る
        if (x < 0 || x > document.documentElement.clientWidth - ball.offsetWidth) {
          vx *= -1;
        }
        if (y < 0 || y > document.documentElement.clientHeight - ball.offsetHeight) {
          vy *= -1;
        }

// ボールの座標を更新
        ball.style.left = x + "px";
        ball.style.top = y + "px";
      }

function tapBall() {
        // ボールをタップしたら速度が変化する
        vx = Math.round((Math.random() - 0.5) * 10);
        vy = Math.round((Math.random() - 0.5) * 10);
      }
    }
  </script>
</body>
</html>
```