Configure and apply Three.js textures across materials and environment maps.
npx skills add https://github.com/hanzoai/video --skill threejs-textures-hanzoai
Please help me install this Agent Skill. Skill: threejs-textures Source: https://github.com/hanzoai/video/tree/main/.agents/skills/threejs-textures Command: npx skills add https://github.com/hanzoai/video --skill threejs-textures-hanzoai
Three.js projects often require managing multiple textures across materials, with different color spaces, mappings, and environment textures; this can be error-prone and verbose.
Load a texture with THREE.TextureLoader and apply it to a MeshStandardMaterial map.
High-intent search queries and answers about installing and using this skill.
Use THREE.TextureLoader to load textures and assign them to the map property of a MeshStandardMaterial. This Skill provides loading and configuration patterns to correctly apply color, normal, and roughness textures across materials in Three.js scenes.
Incorrect color spaces cause washed out textures in Three.js. This Skill provides configuration patterns for proper colorSpace handling, ensuring color, normal, and roughness maps are interpreted correctly across material properties for accurate real-time rendering.
UV handling in Three.js requires managing UV sets and second UV coordinates for AO maps. This Skill offers patterns to manage UV sets, bind sprite atlases, and configure UV2 coordinates for ambient occlusion textures on 3D meshes.
Integrating cubemaps and HDR textures provides realistic lighting in Three.js. This Skill supplies configuration patterns to load and apply environment maps, supporting cubemaps and HDR textures to cover common web-based 3D lighting use cases.
Configuring wrap modes and mipmaps is supported for WebGL textures in Three.js. This Skill covers texture configuration including wrap modes and mipmaps, streamlining texture management across materials in interactive 3D scenes.
Multiple texture maps are needed when a Three.js material requires separate color, normal, and roughness properties. This Skill streamlines managing multiple textures across materials with different color spaces and mappings, preventing verbose and error-prone configuration.
tadams95Apply and configure Three.js materials to 3D meshes for realistic rendering.
LrmdomDevelop Three.js-based 3D web applications with WebGL and WebGPU rendering.
gyalamanch001aConfigure Three.js mesh materials for PBR shading and shader effects.
xingBaGanExplain Three.js material properties, textures, and GLSL shaders for 3D scenes.
