Threejs Scene Setup
by gamedev-skillsd4b0e35550c5No license1.3K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 11 days ago
Stand up a three.js scene: import maps and the three/addons path, the Scene/PerspectiveCamera/WebGLRenderer trio, the setAnimationLoop render loop, responsive resize, and OrbitControls. Use when starting or debugging a three.js app — when the user mentions three.js, THREE.Scene, WebGLRenderer, PerspectiveCamera, the render loop, resizing, or OrbitControls. For models use threejs-gltf-loading; for materials/lights use threejs-materials-lighting.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/scene-graph.md | 4 KB | text/markdown |
| SKILL.md | 6.7 KB | text/markdown |
Source and attribution
Source:gamedev-skills/awesome-gamedev-agent-skillsinskills/web-engines/threejs-scene-setupat commitd4b0e35
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from gamedev-skills/awesome-gamedev-agent-skills
Steam Publish
gamedev-skills
Publish or update a game on Steam with Steamworks and SteamPipe: configure depots and packages, upload builds with steamcmd, set a build live on a branch, and run the release checklists. Use for Steam publishing, app_build.vdf/steamcmd uploads, depots, beta branches, or a store page release.
Prototype Fast
gamedev-skills
Build a playable prototype in about an hour to answer one question — is it fun? — with greybox primitives, a hard timebox, and explicit keep/kill criteria. Use when prototyping a mechanic, making a vertical slice or MVP, greyboxing/blockout, or judging throwaway vs keep.
Itch Publish
gamedev-skills
Publishes and updates game builds on itch.io using the butler CLI, covering project pages, channels and versioning.
Game Jam
gamedev-skills
Plan and ship a game under a jam deadline by locking scope, scheduling hours, cutting features and submitting on time.
Threejs Materials Lighting
gamedev-skills
Guides three.js material selection, lighting rigs, shadow setup and environment-map reflections for scenes that render black or flat.
Threejs Gltf Loading
gamedev-skills
Loads glTF/GLB models in three.js with GLTFLoader and plays skinned animations via AnimationMixer.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.