ゲーム物理とジャンプの放物線（二次関数の運動学）

Q: ゲーム物理とジャンプの放物線（二次関数の運動学）とは何ですか？

地表付近で鉛直上向きに初速 v_0 で投射された物体の時刻 t における高さ y(t) は、下向きの重力加速度 g を受けることで二次関数として表される： y(t) = v_0 t - \frac{1}{2}g t^2 水平方向の速度 v_x が一定（等速直線運動）である場合、x = v_x t より t = \frac{x}{v_x} を代入すると、軌跡は x の二次関数（放物線）となる： y(x) = \frac{v_0}{v_x} x - \frac{g}{2 v_x^2} x^2 最高点到達時刻は t = \frac{v_0}{g}、最高点の高さは H = \frac{v_0^2}{2g}、着地までの全滞空時間は T = \frac{2v_0}{g} である。

Q: ゲーム物理とジャンプの放物線（二次関数の運動学）は社会やプログラミングでどのように使われていますか？

2Dアクションゲーム・プラットフォーマー物理更新エンジン: UnityやGodot、HTML5 Canvasゲームで用いられるフレームレート非依存のジャンプ・重力演算ループ。

「なぜマリオは気持ちよく跳べるのか？」重力加速度と二次関数で創る2Dアクションの物理

この単元の発見をシェア

3行要約（Key Takeaways / AIOサマリー）

1: ゲーム物理とジャンプの放物線（二次関数の運動学）の本質的な定義と直感的ビジュアルをシミュレーターで体験できる。
2: 公式や証明の背景にある数学的意味と、厳密な導出ステップを解説。
3: 実社会における工学応用（2Dアクションゲーム・プラットフォーマー物理更新エンジン）のTypeScript実装コードを収録。

なぜこれを学ぶのか？ — 現実社会とテクノロジーでの価値

Purpose & Motivation

なぜ生まれたのか？

ガリレオ・ガリレイが発見した落体の法則とニュートン力学を、ゲームやアニメーションの「心地よいジャンプ」として画面上に具現化するために生まれた。

身につく武器・思考力

二次関数の頂点や平方完成が、ゲーム開発のステージ設計（穴の飛び越え判定や足場の高さ）に直結する快感を体感できる。

実社会・ITでの活躍現場

•スーパーマリオなど2D/3Dアクションゲームのキャラクター物理更新ループ
•Angry Birdsなど弾道投射物理パズルゲームの軌道予測線表示
•UIマイクロインタラクション（通知バナーのポップやカードの弾むアニメーション）
•スポーツ分析（バスケットボールのシュートや野球の打球角度・飛距離予測）

Layer 1 — 直感・シミュレーター

ジャンプ初速（ $v_0$ ）、重力加速度（ $g$ ）、前進スピード（ $v_x$ ）のスライダーを動かして「ジャンプ！」ボタンを押そう。キャラクターが崖の穴を飛び越えてゴール旗に届くかチャレンジできます。二次関数 $y = -\frac{g}{2}t^2 + v_0 t$ のグラフとジャンプの軌跡が完全に一致することを体感してみましょう。

ジャンプ初速 ($v_0$)65

30 (小ジャンプ)100 (大ジャンプ)

重力加速度 ($g$)9.8

4.0 (月面・フワリ)20.0 (重量級)

前進速度 ($v_x$)45

20 (歩き)80 (ダッシュ)

Layer 2 — 定義・受験・証明

定義

地表付近で鉛直上向きに初速 $v_0$ で投射された物体の時刻 $t$ における高さ $y(t)$ は、下向きの重力加速度 $g$ を受けることで二次関数として表される：

y(t) = v_0 t - \frac{1}{2}g t^2

水平方向の速度 $v_x$ が一定（等速直線運動）である場合、 $x = v_x t$ より $t = \frac{x}{v_x}$ を代入すると、軌跡は $x$ の二次関数（放物線）となる：

y(x) = \frac{v_0}{v_x} x - \frac{g}{2 v_x^2} x^2

最高点到達時刻は $t = \frac{v_0}{g}$ 、最高点の高さは $H = \frac{v_0^2}{2g}$ 、着地までの全滞空時間は $T = \frac{2v_0}{g}$ である。

公式・数理モデル

y(t) = v_0 t - \frac{1}{2}gt^2, \quad H_{\max} = \frac{v_0^2}{2g}, \quad T_{\text{jump}} = \frac{2v_0}{g}

証明・導出

ニュートンの運動方程式と微積分による導出：鉛直方向の運動方程式は：

m \frac{d^2 y}{dt^2} = -mg \implies \frac{d^2 y}{dt^2} = -g

時刻 $t$ について積分すると、速度 $v_y(t)$ が得られる：

v_y(t) = \int (-g) dt = -gt + C_1

初期条件 $v_y(0) = v_0$ より $C_1 = v_0$ 。したがって $v_y(t) = v_0 - gt$ 。さらに $t$ について積分すると変位 $y(t)$ が得られる：

y(t) = \int (v_0 - gt) dt = v_0 t - \frac{1}{2}gt^2 + C_2

初期条件 $y(0) = 0$ より $C_2 = 0$ 。したがって：

y(t) = v_0 t - \frac{1}{2}gt^2

頂点（最高点）では垂直速度がゼロ（ $v_y(t) = 0$ ）となるため、 $t = \frac{v_0}{g}$ 。これを代入すると頂点の座標（最大高度）が導出される。

押さえておきたいポイント

2Dアクションゲームのすべてのジャンプ挙動は二次関数の放物線運動そのもの
「フワフワしたジャンプ」か「キビキビしたジャンプ」かは、初速 $v_0$ と重力 $g$ の比率で完璧にコントロールできる
ゲーム開発ではフレームごとに `vy += gravity; y += vy;` と足し算（オイラー法）するだけで自動的に二次関数軌道を描く
中学・高校で習う二次関数の平方完成や頂点の座標が、ゲームのステージ設計（穴の幅や足場の高さ）に直結している

参照基準・学習指導要領との対応

本トピックの内容・数理モデルは、文部科学省学習指導要領（算数・数学・情報）および国際標準カリキュラムに準拠し、エンジニアリング現場の実装事例と照らし合わせてMath World Lab編集部により検証・作成されています。

Layer 3 — 工学応用・現場実装

2Dアクションゲーム・プラットフォーマー物理更新エンジン

UnityやGodot、HTML5 Canvasゲームで用いられるフレームレート非依存のジャンプ・重力演算ループ。

1// 2Dアクションキャラクターの物理更新クラス
2export class JumpPhysicsController {
3  x: number = 0;
4  y: number = 0;
5  vx: number = 0;
6  vy: number = 0;
7  isGrounded: boolean = true;
8
9  // ゲームデザイナーが直感的に決めるパラメータ
10  jumpHeight: number = 120; // 最大ジャンプ高さ (px)
11  timeToJumpApex: number = 0.4; // 最高点に達するまでの時間 (秒)
12
13  // 数学的に導出される物理定数
14  gravity: number;
15  initialJumpVelocity: number;
16
17  constructor(jumpHeight: number = 120, timeToApex: number = 0.4) {
18    this.jumpHeight = jumpHeight;
19    this.timeToJumpApex = timeToApex;
20    // 重力: g = 2h / t^2
21    this.gravity = (2 * this.jumpHeight) / Math.pow(this.timeToJumpApex, 2);
22    // 初速: v0 = 2h / t
23    this.initialJumpVelocity = (2 * this.jumpHeight) / this.timeToJumpApex;
24  }
25
26  jump() {
27    if (this.isGrounded) {
28      this.vy = -this.initialJumpVelocity; // 上向き（Canvas座標系はY下向き）
29      this.isGrounded = false;
30    }
31  }
32
33  update(dt: number) {
34    if (!this.isGrounded) {
35      this.vy += this.gravity * dt; // 速度の更新
36      this.y += this.vy * dt;       // 位置の更新 (二次関数軌道)
37
38      // 地面判定 (地面Y=0とする)
39      if (this.y >= 0) {
40        this.y = 0;
41        this.vy = 0;
42        this.isGrounded = true;
43      }
44    }
45  }
46}