移動と変形 · 動かす・回す・拡大縮小
ドラッグで回る 3D 展示拖拽环绕 3D 展厅
- 自分の周りを回る
- 重みがある
- ラベルが付いてくる
左右にドラッグしても動くのは商品ではなく、自分が棚の周りを回っています。近いものは速く、遠いものは遅く動き、ドラッグには重みがあり、離した後もしばらく滑ります。商品の横のラベルは正しい位置に貼り付いたまま一緒に回ります。
使いどころ
製品ショールーム、住宅や車の内見、博物館、空間の語りに向きます。商品が 1〜2 点しかない場合や、すぐ注文したい人向けには使わないでください。回すのに時間がかかり、なかなか見えません。
パラメータ
camera yaw driven by drag through exponential damping ×0.92 per frame · orbit radius 150px · anchor projected with project() each frame · HTML labels follow the projection
レシピ
ドラッグで回る 3D 展示 → camera yaw driven by drag through exponential damping ×0.92 per frame · orbit radius 150px · anchor projected with project() each frame · HTML labels follow the projection
AI に渡す一文
ドラッグで回る 3D ショールームを作ってください。ドラッグ量を指数ダンピング（毎フレーム ×0.92）に通してからカメラの yaw に渡すので、離した後も滑ります。オブジェクトは遠近に従って動き、近いものほど速く動きます。毎フレーム各アンカーのワールド座標を project() で画面座標に戻し、その座標で HTML ラベルを配置します。ラベルはオブジェクトの横に貼り付いたままになります。ダンピングは dt で正規化し、どのマシンでも同じ手触りにしてください。