wolffe/three.js-skills

wolffe/three.js-skills · skills/character/character-camera/SKILL.md · First-person look and third-person orbit cameras for a walking character in Three.js 0.187.0, with drag or pointer-lock…

wolffe/three.js-skills · skills/character/character-input/SKILL.md · Keyboard actions and pointer look for a character controller in the browser: rebindable action map, edge-triggered…

wolffe/three.js-skills · skills/character/character-kit/SKILL.md · Put a playable walking character into any Three.js 0.187.0 WebGPU scene. Use when a scene, game or simulation needs a…

wolffe/three.js-skills · skills/character/character-model/SKILL.md · A procedural blocky humanoid for Three.js 0.187.0 WebGPU, built from boxes with hip, knee and shoulder joints, with a…

wolffe/three.js-skills · skills/character/character-walking/SKILL.md · Walking, running, crouching and jumping on a physics capsule in Three.js 0.187.0 with Jolt 1.1.0. Use when a character…

wolffe/three.js-skills · skills/environments/engineered-environments/SKILL.md · Lay out believable large engineered environments in Three.js, as systems rather than props. Use for streets, railways…

wolffe/three.js-skills · skills/environments/megacity/SKILL.md · Create dense futuristic residential and commercial architecture inspired by Unity's original 2018-2019 Megacity demo…

wolffe/three.js-skills · skills/environments/station-maglev/SKILL.md · Create realistic futuristic train stations, platforms, railway infrastructure and maglev guideways with procedural…

wolffe/three.js-skills · skills/geometry/greenhouse/SKILL.md · Build a believable procedural space or sci-fi greenhouse in Three.js: a ribbed pressurised glazing dome with airlock…

wolffe/three.js-skills · skills/geometry/pipes/SKILL.md · Create believable procedural pipework, ducts and conduits in Three.js: mains, branches, bends, flanges, valves…

wolffe/three.js-skills · skills/geometry/procedural-geometry/SKILL.md · Create realistic procedural Three.js geometry for large engineered environments. Use for trains, tracks, stations…

wolffe/three.js-skills · skills/geometry/signage/SKILL.md · Create realistic signage, markings, labels and decals for futuristic Three.js WebGPU environments such as trains…

wolffe/three.js-skills · skills/lighting/indirect-lighting/SKILL.md · Baked diffuse global illumination for Three.js WebGPU scenes with the r187 LightProbeGrid (a 3D grid of…

wolffe/three.js-skills · skills/lighting/lighting/SKILL.md · Light a Three.js WebGPU scene: sun and sky fill, fixtures versus emission, point and spot light budgets, and r187…

wolffe/three.js-skills · skills/materials/glass/SKILL.md · Create realistic architectural, vehicle, train and porthole glass with Three.js TSL on WebGPU. Use for windows…

wolffe/three.js-skills · skills/materials/interior-mapping/SKILL.md · Fake rooms behind the windows of buildings that cannot be entered, with a layered-parallax TSL window material on…

wolffe/three.js-skills · skills/materials/material-composition/SKILL.md · Combine realistic TSL materials into coherent multi-material objects in Three.js WebGPU scenes. Use when an object…

wolffe/three.js-skills · skills/materials/metal/SKILL.md · Create realistic procedural metal materials with Three.js TSL on WebGPU. Use for trains, rails, machinery, structures…

wolffe/three.js-skills · skills/materials/paint/SKILL.md · Create realistic painted surfaces with Three.js TSL on WebGPU. Use for trains, vehicles, signs, buildings, machinery…

wolffe/three.js-skills · skills/materials/rust/SKILL.md · Create realistic procedural rust, oxidation and corrosion with Three.js TSL on WebGPU. Use for rails, exposed steel…

wolffe/three.js-skills · skills/materials/tsl-materials/SKILL.md · Create physically convincing custom materials and shaders with Three.js TSL node materials on WebGPU. Use as the parent…

wolffe/three.js-skills · skills/materials/water/SKILL.md · Create realistic procedural water and wet surfaces with Three.js TSL on WebGPU. Use for lakes, rivers, reservoirs…

wolffe/three.js-skills · skills/orchestration/threejs-director/SKILL.md · The entry point for any Three.js scene, game or simulation request. Use first when a task spans more than one area…

wolffe/three.js-skills · skills/outdoor/card-grass/SKILL.md · Use when a large terrain needs ground cover (meadow, hill grass, snow tufts) that reads well from a road or a walking…

wolffe/three.js-skills · skills/outdoor/far-shade/SKILL.md · Use when a large streamed terrain needs hill, ridge and tree shade past the reach of the real shadow map, or a cheap…

wolffe/three.js-skills · skills/outdoor/ocean-water/SKILL.md · Use when a Three.js WebGPU scene needs a large open sea or coast that follows the camera, with planar reflections…

wolffe/three.js-skills · skills/outdoor/photo-sky/SKILL.md · Use when a scene needs a photographic sky that follows a day/night clock and the weather, built from equirectangular…

wolffe/three.js-skills · skills/outdoor/snow-weather/SKILL.md · Falling snow, blizzards, rain-or-snow weather spells and wheel spray for open-world Three.js scenes on WebGPU. Use when…

wolffe/three.js-skills · skills/physics/jolt-driving/SKILL.md · Use when a Three.js scene needs a drivable wheeled vehicle (car, truck, SUV, optionally towing a trailer) on Jolt…