Author-provided banner showing five game scenes. Its 74-skill label reflects an earlier edition; the reviewed catalog contains 76 specialized skills plus a router.
Project screenshotsAbout this Skill
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
Why we picked it
Provides a focused workflow, implementation patterns, and common failure checks for three.js scene setup. Pair it with the detected engine and any related systems required by the task.
What it helps with
- Use when your game task needs three.js scene setup.
What this skill helps you build
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
Patterns in the upstream playbook
The entrypoint covers: HTML import map + module entry (no bundler); Scene + camera + renderer; The render loop (setAnimationLoop + Timer); Responsive resize; OrbitControls (orbit / pan / zoom).
Use it in your project
Inspect the existing project
Describe the desired behavior and share the relevant project files, engine version, and current failure or target result.
Apply the focused playbook
Create a responsive 3D scene with module imports, a camera, WebGL renderer, animation loop, and OrbitControls.
Verify in the matching runtime
Run the project or workflow with its actual dependencies and check the changed behavior before accepting the result.
Original threejs-scene-setup instructionsEngine versions and upgrade policy
Shared collection installation
Install the complete upstream collection with its router and keep each skill’s bundled references, scripts, and assets. The dispatcher selects an engine and the smallest relevant task set; a member listing is a focused entry into that shared package.
| Command | What it helps with |
|---|---|
npx skills add gamedev-skills/awesome-gamedev-agent-skills | Keep the router and supporting skill folders available together. |
Before you use it
- A browser project with the matching Phaser, PixiJS, or three.js dependency and a local HTTP server or existing build setup.
Supported agents
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.
