「camera」タグのついた25記事

マウスとタッチでカメラを回転させ、パノラマや一人称風に Scene を見回します。

専用カメラで 3D プレビューをレンダリングし、インベントリアイコンやキャラクター選択パネルなどの UI 要素に表示します。

複数のカメラとレンダリングレイヤーを組み合わせ、1 つの PlayCanvas の Scene でスクリーン空間の UI とワールド空間の要素を混在させます。

各カメラの矩形を調整してキャンバスを分割し、ピクチャーインピクチャーや分割画面のビューポートにします。

WebXR ARとDOM overlay APIを組み合わせ、カスタムWebGLテキストなしでスタイル付きHTML/CSSのUIをカメラ映像の上に置きます。

WebXR hit-test APIで現実世界のジオメトリにレイを飛ばし、検出された床やテーブルに仮想オブジェクトをアンカーします。

ARで印刷された参照画像をトラッキングし、WebXR image-tracking extensionで3Dコンテンツをその姿勢に合わせます。

WebXR平面検出の更新を購読し、床やテーブルの推定を可視化して実際の面にコンテンツをアンカーします。

マウスとタッチでオービットカメラを実装し、スクロールホイールのズームと焦点の Entity 周りのピンチズームに対応します。

Camera とライトのマスクグループで、レイヤー Scene で特定のライトとビューが選んだモデルのみに影響するようにします。

Script で Camera Component の FOV、位置、アクティブなカメラをランタイムで変更し、ズーム、カット、マルチカメラ構成に使います。

Camera Entity を追加して Scene を画面にレンダリングし、表示に必要な最低限のエディタ設定を学びます。

分割ビューポートでポインタ座標をカメラごとのレイに変換し、各ペインで正しい 3D 領域にピッキングが当たるようにします。

カメラをワールド空間のターゲットへ滑らかに移動・照準し、クリックやイベントで Scene 内の重要な位置をフレームに収めます。

Camera からテクスチャにレンダリングし、ピクセルを PNG として書き出してアプリから共有します。

ベクトルの lerp と quaternion の slerp で毎フレームカメラの位置と向きを滑らかに補間し、シネマティックな動きにします。

ウェイポイントを通るスプライン上でカメラをアニメーションし、フライスルーやガイド付きシネマティック移動に使います。

木やフレア、スプライトなど、常にカメラ正面を向く平面を維持します。

ジャンプとナビゲーションで一人称操作を拡張し、FPS 風移動プロトタイプの出発点にします。

クリックで pointer lock を要求し、マウスを取得してファーストパーソン視点にし、移動でカメラを動かす間はカーソルを非表示にします。

3Dワールド座標をスクリーン空間のアンカーに投影し、ラベルとマーカーが2Dオーバーレイ上で動くオブジェクトを追従します。

Rigidbody の力、マウスルック、任意の子 Camera リグで一人称移動を実装します。

チェイスカメラで操作可能なキャラクターを追従し、入力と物理を扱う基本的なサードパーソン移動のリグを作ります。

3D ビューにクリック可能なホットスポットを配置し、raycast とスクリーンオーバーレイで情報パネルを開きます。

カメラシェイクとパーティクルエミッタを重ね、リアルタイムで爆発の衝撃と破片を表現します。