Fix Loading Model Freezes with Three.js & React

Published: 30 August 2024
on channel: Wawa Sensei

2,188

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/course...

Final code & Commands🔗
https://github.com/wass08/r3f-ktx2

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

GLTF Report
https://gltf.report/

GLTF Transform
https://gltf-transform.dev/

Learn more about KTX Format
https://github.com/KhronosGroup/3D-Fo...

KTX Tools
https://github.khronos.org/KTX-Softwa...

Install KTX Tools
https://github.com/KhronosGroup/KTX-S...

Online GLB Optimizer Tool
https://glb.babylonpress.org/

Loading Textures with React Three Fiber
https://r3f.docs.pmnd.rs/tutorials/lo...

PBR Textures
https://ambientcg.com/list?type=Mater...

▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬

Become a member to get access to awesome perks:
   / @wawasensei

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

💻 The Discord Community
  / discord

📸 Instagram :
  / wawa.sensei

🎎 Facebook :
  / wawasenseiyt

🐦Twitter :
  / wawasensei

🐦TikTok :
  / wawasensei08

▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬

00:00 Intro
00:49 The problem
04:07 The solution
04:34 Transform textures
06:08 Threejs KTX2 textures
07:36 Benefits
08:21 Additional compression
09:47 Online tool
10:24 Convert images to KTX2
13:46 Thank you!

On this page of the site you can watch the video online Fix Loading Model Freezes with Three.js & React with a duration of hours minute second in good quality, which was uploaded by the user Wawa Sensei 30 August 2024, share the link with friends and acquaintances, this video has already been watched 2,188 times on youtube and it was liked by 67 viewers. Enjoy your viewing!

2,280