{"enrichment":{"faq":[{"a":"threejs-gltf-loading enables you to import glTF and GLB models using the GLTFLoader. Load your model by instantiating the loader, calling load() with your file path, and adding the returned scene to your three.js scene. The skill handles format parsing automatically, letting you focus on integration rather than conversion complexity.","q":"How do I load a glTF model in three.js?"},{"a":"threejs-gltf-loading supports loading GLB files and playing their animations via AnimationMixer. After loading, access the model's AnimationClip array, create a mixer from the model, and call clipAction() to play specific animations. You can also cross-fade between clips for smooth character transitions.","q":"How to import GLB file threejs and play animation?"},{"a":"threejs-gltf-loading handles DRACO and Meshopt compression in glTF files, plus KTX2 textures. Configure decoders for these formats when initializing GLTFLoader, and the skill automatically decompresses meshes and textures during import, reducing file sizes without sacrificing quality.","q":"What compression formats does threejs-gltf-loading support?"},{"a":"threejs-gltf-loading lets you traverse the loaded glTF scene graph to inspect bones, meshes, and materials. Access the scene object returned by the loader and use three.js traversal methods to find specific nodes, modify properties, or attach gameplay logic to model components.","q":"Can I inspect the scene hierarchy after loading a model?"},{"a":"threejs-gltf-loading supports smooth animation transitions using AnimationMixer's crossFadeToAction() method. Queue multiple animation clips and set fade duration to blend between poses, ideal for character state machines where you need fluid transitions between idle, walk, and attack animations.","q":"How do I cross-fade between animations on a 3D character?"}],"shadow_tags":["model-loading","3d-asset-import","skeletal-animation","mesh-compression","texture-formats","animation-playback","runtime-rendering","async-resource-handling"],"summary_rewrite":"This skill enables you to import and render glTF and GLB format 3D models directly into three.js applications. Perfect for game developers and interactive visualization projects, it handles the complete workflow from model loading through scene integration, letting you focus on gameplay and visual design rather than format conversion complexity."},"files":[{"bytes":7133,"path":"skills/web-engines/threejs-gltf-loading/SKILL.md","sha256":"96557dd1e6672c1d6e20c84d08caa4dfbe44ce696893e7ed372cda0907b6cab0","url":"https://skillfed.io/files/gamedev-skills/awesome-gamedev-agent-skills/threejs-gltf-loading/a3e932aa/SKILL.md"}],"id":"gamedev-skills/awesome-gamedev-agent-skills/threejs-gltf-loading","links":{"html":"https://skillfed.io/gamedev-skills/awesome-gamedev-agent-skills/threejs-gltf-loading","md":"https://skillfed.io/gamedev-skills/awesome-gamedev-agent-skills/threejs-gltf-loading.md","repo":"https://github.com/gamedev-skills/awesome-gamedev-agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":24,"language":"Python","last_updated":"2026-07-25","license":"Apache-2.0","name":"threejs-gltf-loading","publisher":"gamedev-skills","stars":356},"relations":{"similar":[{"id":"CloudAI-X/threejs-skills/threejs-loaders"},{"id":"calesthio/OpenMontage/threejs-loaders"},{"id":"secondsky/claude-skills/threejs"},{"id":"freshtechbro/claudedesignskills/threejs-webgl"},{"id":"CloudAI-X/threejs-skills/threejs-animation"},{"id":"freshtechbro/claudedesignskills/blender-web-pipeline"},{"id":"calesthio/OpenMontage/threejs-animation"},{"id":"notque/vexjoy-agent/game-asset-generator"},{"id":"vladmdgolam/agent-skills/blender-mcp"},{"id":"oakoss/agent-skills/threejs"}]},"slug":{"owner":"gamedev-skills","repo":"awesome-gamedev-agent-skills","skill":"threejs-gltf-loading"},"version":"a3e932aa"}