Roblox CFrameビジュアライザー

Roblox CFrameビジュアライザーは、軸方向を色分け表示(Right=赤、Up=緑、Forward=青)したリアルタイム3Dアイソメトリックプレビューで、CFrame値をインタラクティブに構築・可視化できます。位置とオイラー角スライダーを調整して回転・平行移動がオブジェクトに与える影響を確認し、生成されたLuauコード(CFrame.Angles、math.rad、12コンポーネントコンストラクタ)をRoblox Studioに直接コピーできます。一般的な向きのプリセットとリアルタイム回転行列表示付き。無料、登録不要。

プリセット

位置

回転(オイラー角)

X(ピッチ)0.0°
Y(ヨー)0.0°
Z(ロール)0.0°

3Dプレビュー

XYZ
右 (X)上 (Y)前方 (-Z)

回転行列

[  1.0000    0.0000    0.0000 ]
[  0.0000    1.0000    0.0000 ]
[  0.0000    0.0000    1.0000 ]

Luauコード

-- Using Angles (radians):
CFrame.new(0, 0, 0) * CFrame.Angles(0.0000, 0.0000, 0.0000)

-- Using math.rad:
CFrame.new(0, 0, 0) * CFrame.Angles(math.rad(0), math.rad(0), math.rad(0))

-- Full rotation matrix:
CFrame.new(0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1)

CFrame演算

CFrame A = 3Dプレビュー

CFrame B

結果CFrame

XYZ
Position: (0.00, 0.00, 0.00)
Euler: (0.0°, 0.0°, 0.0°)

ご提案はありますか?

新しいツールのリクエストや改善提案をお待ちしています — Slackコミュニティにご参加ください!

Slackでフィードバックする

Roblox CFrameビジュアライザーとは?

Roblox CFrameビジュアライザーは、Roblox Studioで使用されるCFrame(座標フレーム)値の理解と構築のための無料オンラインツールです。CFrameは3D空間における位置と向きを表し、Vector3位置(X, Y, Z)と3×3回転行列を組み合わせたものです。このツールは色分けされた軸(赤=Right/X、緑=Up/Y、青=Forward/-Z)によるインタラクティブなアイソメトリック3Dプレビュー、直感的な回転操作のためのオイラー角スライダー、3つの形式(ラジアン付きCFrame.Angles、math.radラッパー、12コンポーネントコンストラクタ)での自動Luauコード生成を提供します。

このCFrameビジュアライザーの使い方

  1. X、Y、Z入力フィールドで位置を設定するか、プリセットの向きを選択
  2. オイラー角スライダー(ピッチ/ヨー/ロール)を調整してオブジェクトを回転させ、3Dプレビューのリアルタイム更新を確認
  3. 回転行列を確認し、生成されたLuauコードをRoblox Studioにコピー
  4. CFrame演算(乗算、逆行列、LookAt)を使用して高度な変換を実行
  5. 「メインに適用」をクリックして演算結果をビジュアライザーに反映

よくある質問

RobloxのCFrameとは何ですか?

CFrame(座標フレーム)は、3D空間における位置と向きの両方を格納するRobloxのデータ型です。Vector3位置(X, Y, Z)と3×3回転行列を含みます。CFrameはRobloxゲーム内のPart、Model、Camera、その他のオブジェクトの配置と向きの設定に使用されます。最も一般的なコンストラクタは、位置のみのCFrame.new(x, y, z)と回転用のCFrame.Angles(rx, ry, rz)です。

Robloxはオイラー角の回転をどの順序で適用しますか?

Robloxは内因性YXZ回転順序を使用します。CFrame.Angles(rx, ry, rz)を呼び出すと、回転はRy × Rx × Rz(最初にヨー、次にピッチ、最後にロール)の順で適用されます。つまり、Y軸回転はワールド空間で行われ、XとZの回転は既に回転したフレームに対して相対的に行われます。回転を組み合わせる際にこの点を理解することが重要です。

CFrame.Anglesで角度をラジアンに変換するには?

CFrame.Angles()は度ではなくラジアンで角度を受け取ります。変換にはmath.rad()を使用します:CFrame.Angles(math.rad(45), math.rad(90), 0)はX軸周りに45°、Y軸周りに90°回転します。計算式はラジアン = 度 × π / 180です。このツールはラジアン値とmath.rad()ラッパーの両方のコードを自動生成します。

CFrameビジュアライザーの色付き軸は何を意味しますか?

3本の色付き軸は、回転後のオブジェクトのローカル座標系を表します:赤はRightベクトル(+X軸)、緑はUpベクトル(+Y軸)、青はForwardベクトル(-Z軸、Robloxの規約で-Zが前方)です。回転が単位行列(0,0,0)の場合、これらはワールド軸と一致します。回転させると軸がオブジェクトとともに動き、新しい向きを示します。

RobloxでCFrame.lookAtを使用するには?

CFrame.lookAt(fromPosition, targetPosition)は、fromPositionに配置され、前方向(-Z)がtargetPositionを向くCFrameを作成します。カメラ、NPCがプレイヤーの方を向く処理、弾道の照準などによく使用されます。Upベクトルのデフォルトは(0,1,0)です。このビジュアライザーのLookAt演算でlookAtの値を試して、結果の回転を確認できます。

関連ツール