threejs-syntax-controls
OfficialMaster camera controls in Three.js scenes.
Software Engineering#three.js#controls#orbit-controls#pointer-lock#transform-controls#map-controls#scene-interaction
AuthorOpenAEC-Foundation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Solves the problem of implementing reliable camera controls in Three.js scenes.
Core Features & Use Cases
- Guidance for selecting and configuring OrbitControls, MapControls, FlyControls, PointerLockControls, and TransformControls
- Safe usage patterns: ensure update() calls, proper disposal, and avoiding multiple controls on a single camera
- Real-world scenarios: navigating around a model, editing with gizmos, and building interactive camera experiences
Quick Start
Initialize the appropriate camera controls by constructing them with the camera and renderer.domElement and ensure you call update() in your render loop.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: threejs-syntax-controls Download link: https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package/archive/main.zip#threejs-syntax-controls Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.