Agent Skill to Three.js & WebGL Skill: Build Game Camera Controls
Agent Skill to Three.js & WebGL Skill: Build Game Camera Controls is a verified SKILL blueprint on Promptally in Game Development optimized for leading AI models. Implement or tune Three.js game cameras. Use for isometric framing, follow behavior, orbit/zoom limits, occlusion, lock-on, camera shake, touch camera controls, and camera regression tests. Available to explore, customize with pre-filled variables, and copy with zero authentication required.
Technical Specifications
| Specification | Value |
|---|---|
| Artifact type | SKILL (Game Development) |
| Compatible engines | Universal / Model Agnostic |
| Input variables | None (pre-filled) |
| Approximate tokens | 299 |
| Source file | SKILL.md |
| Access tier | Free public (MIT) |

Pre-Filled Template
--- name: build-game-camera-controls description: Implement or tune Three.js game cameras. Use for isometric framing, follow behavior, orbit/zoom limits, occlusion, lock-on, camera shake, touch camera controls, and camera regression tests. --- # Build Game Camera Controls Keep gameplay readable before making the camera cinematic. Define one authoritative target, camera bounds, zoom range, collision/occlusion policy, and reduced-motion behavior. ## Implement - Smooth position and look-at targets independently; never bind the camera directly to jittery render state. - Preserve player, immediate threat, objective, and interaction cues in frame at the intended distance. - Clamp orbit, pitch, and zoom; prevent walls or props from hiding the player without making geometry invisible globally. - Treat lock-on, scripted moments, and shake as temporary modifiers layered over the base camera. - On touch, separate camera gesture zones from movement/action controls and provide reset framing. ## Verify Test corners, tall props, tunnels, multiple enemies, lock-on switching, pause, reduced motion, portrait, and landscape. Confirm no camera behavior breaks targeting, UI, or performance.
How to use this skill
- Review the pre-filled example and source files above.
- Copy the template or download
SKILL.md, then use it in your model, IDE, or workflow tool. - Compare your result with the sample output when one is provided.
Frequently Asked Questions
How do I use Agent Skill to Three.js & WebGL Skill: Build Game Camera Controls?
Open the skill on Promptally, review the pre-filled example, then copy the template or download SKILL.md and paste it into your model, IDE or workflow tool. Agent Skill to Three.js & WebGL Skill: Build Game Camera Controls is a static blueprint with no dynamic variables. Copy it and use it as-is.
Is Agent Skill to Three.js & WebGL Skill: Build Game Camera Controls free?
Yes. Agent Skill to Three.js & WebGL Skill: Build Game Camera Controls is free to view, copy and download on Promptally without creating an account. It is published under the MIT license.
What variables does Agent Skill to Three.js & WebGL Skill: Build Game Camera Controls need?
Agent Skill to Three.js & WebGL Skill: Build Game Camera Controls is a static blueprint with no dynamic variables. Copy it and use it as-is.