AI game creator

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

No:21329

←

Prev Next

→

放物線
Developer User5574｜Date and time 23/10/15 0:33:24
Build time 85.964 sec｜Game capacity 2.54KB｜

Script

以下に、放物線の動きをするゲームのサンプルコードを示します。

このコードでは、赤い玉（プレイヤー）が放物線を描く動きをします。スマートフォンで画面をタッチすると、その位置に向かってプレイヤーが動き始めます。プレイヤーが画面外に出たらゲームオーバーとなり、ページがリロードされてゲームがリセットされます。ご参考までに、上記のコードはHTMLファイルとして保存し、ウェブブラウザで開くことで実行することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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-color: red;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="player"></div>

// 画面サイズの取得
    const screenWidth = window.innerWidth;
    const screenHeight = window.innerHeight;

// プレイヤー要素の取得
    const player = document.getElementById("player");

// プレイヤーの動きを更新する関数
    function update() {
      // 重力の影響でY軸方向の速度を更新
      velocityY += 0.1;

// プレイヤーの位置を更新
      playerX += velocityX;
      playerY += velocityY;

// 画面外に出たらゲームオーバー
      if (playerY > screenHeight) {
        velocityY = 0;
        alert("ゲームオーバー");
        location.reload(); // ページをリロードしてリセット
      }

// プレイヤー要素の位置を更新
      player.style.left = playerX + "px";
      player.style.top = playerY + "px";

// 次のフレームで再度更新
      requestAnimationFrame(update);
    }

// タッチイベントの処理
    function handleTouch(e) {
      // タッチ位置とプレイヤーの位置の差を計算して速度に反映
      const touchX = e.touches[0].clientX;
      const touchY = e.touches[0].clientY;
      const diffX = touchX - playerX;
      const diffY = touchY - playerY;
      velocityX = diffX / 30;
      velocityY = diffY / 30;
    }

// タッチイベントのリスナーを設定
    document.addEventListener("touchstart", handleTouch, false);

// 初回の更新を開始
    update();
  </script>
</body>
</html>
```

このコードでは、赤い玉（プレイヤー）が放物線を描く動きをします。スマートフォンで画面をタッチすると、その位置に向かってプレイヤーが動き始めます。プレイヤーが画面外に出たらゲームオーバーとなり、ページがリロードされてゲームがリセットされます。

ご参考までに、上記のコードはHTMLファイルとして保存し、ウェブブラウザで開くことで実行することができます。