Fix Loading Model Freezes with Three.js & React

Опубликовано: 30 Август 2024
на канале: Wawa Sensei

2,769

203

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

#threejs #webdevelopment #reactthreefiber

▬▬▬▬▬▬ 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!

Смотрите видео Fix Loading Model Freezes with Three.js & React онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Wawa Sensei 30 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,769 раз и оно понравилось 203 людям.

561