Load Three.js models, textures, and environment maps from common file formats.
npx skills add https://github.com/jtgiron/portfolio --skill threejs-loaders-jtgiron
Please help me install this Agent Skill. Skill: threejs-loaders Source: https://github.com/jtgiron/portfolio/tree/main/.agents/skills/threejs-loaders Command: npx skills add https://github.com/jtgiron/portfolio --skill threejs-loaders-jtgiron
This Skill removes the complexity of loading 3D assets into Three.js by providing a clear workflow for models, textures, environment maps, and asynchronous asset pipelines.
Use the threejs-loaders skill to load a GLTF model and texture into a Three.js scene with progress tracking and error handling.
High-intent search queries and answers about installing and using this skill.
Loading GLTF and GLB 3D models in Three.js requires async loaders and loading managers to track progress. This workflow handles models, applies textures, and coordinates multiple asset loads with progress bars until scenes are ready.
Loading HDR and EXR environment maps in Three.js requires specific loaders with correct mapping and material setup. This workflow supports standard textures, cube maps, and environment files to properly light interactive 3D scenes.
Three.js async loading can support error handling and retries by using loading managers. This workflow implements fallbacks, retries, and resource cleanup for reliable scene initialization when remote sources or 3D assets fail to load.
Loading OBJ, FBX, STL, and PLY files in Three.js supports data URLs, blobs, and array buffers. This workflow handles common file formats from remote sources and local data streams for interactive web-based 3D scenes.
Three.js asset loading can block scenes without async promises and caching. This workflow uses async pipelines, loading managers, and caching to coordinate multiple loads, preventing freezes and tracking progress for reliable rendering.
Loading large compressed GLB models in Three.js requires compression support. This workflow handles compression, caching, and progress tracking to efficiently load heavy 3D models and textures into interactive scenes.
LuXDAmoreLoad GLTF, textures, HDR, and EXR assets in Three.js.
utsavm81098Select and configure Three.js material types for lighting, textures, and shaders.
nicolasieber-tmAnimate Three.js scenes with keyframes, skeletal rigs, and morph targets.
tanepiperRender large particle counts via GPU instancing and custom shaders in Three.js.
