Back to videos

Fix Loading Model Freezes with Three.js & React

Learn how to optimize your gltf models and textures to get rid of the loading freezes when loading Three.js / React Three Fiber scenes!

🚀 Learn React Three Fiber with the Ultimate Guide to 3D Web Development ✨

https://lessons.wawasensei.dev/courses/react-three-fiber/

Final code & Commands🔗

https://github.com/wass08/r3f-ktx2

#threejs #webdevelopment #reactthreefiber

Resources

GLTF Report

https://gltf.report/

GLTF Transform

https://gltf-transform.dev/

Learn more about KTX Format

https://github.com/KhronosGroup/3D-Formats-Guidelines/blob/abb088ef6f2a015f830bfd942bd42930a543c6ca/KTXArtistGuide.md

KTX Tools

https://github.khronos.org/KTX-Software/ktxtools/ktxsc.html

Install KTX Tools

https://github.com/KhronosGroup/KTX-Software/releases

Online GLB Optimizer Tool

https://glb.babylonpress.org/

Loading Textures with React Three Fiber

https://r3f.docs.pmnd.rs/tutorials/loading-textures

PBR Textures

https://ambientcg.com/list?type=Material,Atlas,Decal

Need help with this tutorial? Join our Discord community!