threejs-syntax-controls
Three.jsシーンにカメラコントロールを追加する際に使用します。軌道回転、パン、ズーム、飛行、一人称視点、オブジェクト操作に対応しています。render()ループ内でcontrols.update()の呼び出しを忘れたり、dispose()を呼び出さなかったり、複数のコントロールを混在させたりといった一般的なミスを防ぎます。OrbitControls、MapControls、FlyControls、PointerLockControls、TransformControlsに対応しています。
description の原文を見る
Use when adding camera controls to a Three.js scene: orbit, pan, zoom, fly, first-person, or object manipulation. Prevents the common mistake of forgetting controls.update() in the render loop, not calling dispose(), or mixing controls. Covers OrbitControls, MapControls, FlyControls, PointerLockControls, TransformControls. Keywords: OrbitControls, controls, camera controls, orbit, pan, zoom, MapControls, FlyControls, PointerLockControls, TransformControls.
SKILL.md 本文
threejs-syntax-controls
クイックリファレンス
コントロール選択の判断フロー
| ユースケース | コントロール | 理由 |
|---|---|---|
| 3Dモデルをあらゆる角度から検査する | OrbitControls | ターゲットポイント周辺の軌道回転/パン/ズーム |
| トップダウンマップまたは2Dスタイルナビゲーション | MapControls | 左ドラッグでパン、右ドラッグで回転 |
| フリーフライトエディタまたは宇宙シーン | FlyControls | 6自由度、WASD+マウス |
| ポインターロック付きのファーストパーソンゲーム | PointerLockControls | カーソルを隠す、マウス移動をキャプチャ |
| ポインターロックなしのファーストパーソン | FirstPersonControls | ブラウザロックAPIなしのマウスルック |
| ギズモを介してオブジェクトを移動/回転/スケール | TransformControls | インタラクティブな変換/回転/スケールハンドル |
| オブジェクトを平面に沿ってドラッグ | DragControls | クリックアンドドラッグでオブジェクトを再配置 |
| ジンバルロック制限なしの回転 | Arcb |
...
詳細情報
- 作者
- majiayu000
- ライセンス
- 不明
- 最終更新
- 2026/5/9
Source: https://github.com/majiayu000/claude-skill-registry-data / ライセンス: 未指定