React Three Fiber Tutorial - Custom Loading Screen
ฝัง
- เผยแพร่เมื่อ 1 ก.ค. 2024
- How to create a custom loading screen progression using threejs with React Three Fiber?
In this tutorial, we will discover how to enhance our 3D experiences by showing a loader while the assets are loading. We'll also see how to be able to play audio automatically.
We'll also discover how to load 3D models from the PMNDRS market including free 3D models and create animated randomized infinite background loops.
Get the starter pack here 🔗
github.com/wass08/r3f-loading...
#threejs #r3f
▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬
My complete course to learn React Three Fiber
lessons.wawasensei.dev/
Link to the final result
codesandbox.io/p/github/wass0...
Link to the source code
github.com/wass08/r3f-loading...
PMNDRS Marketplace
market.pmnd.rs/
Loading documentation
docs.pmnd.rs/react-three-fibe...
React Three Fiber documentation
docs.pmnd.rs/react-three-fibe...
R3F Drei
github.com/pmndrs/drei
Three.js Journey.
threejs-journey.com/
I also have a discount code just for you to get -20%
threejs-journey.xyz/join/wawa...
▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬
00:00 - Intro
00:45 - ShowTime
01:08 - Free 3D Models?
01:40 - Run, Run faster!
02:09 - Fake 3D movements
05:45 - Loading Screen
07:20 - Final result
07:45 - Don't stop learning
▬▬▬▬▬▬ 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
💻 My website :
www.wawasensei.dev - วิทยาศาสตร์และเทคโนโลยี
Omg dude this video is just... So cool! So great ! Congratulations my friend.
Love your progression :)
Thanks a ton! Means a lot coming from you 😍
Thank you, you are very helpful. I wish you development and a lot of earnings from the students of your wonderful course.
Thank you so much for the kind words and support 🙏
Honestly, the explanation is on point and the topic is really good, I have yet to see someone tackle this subject! Congrats, you have a new subscriber, please keep up the good work!
Much appreciated! Will do my best to improve it over time 🙏
Ton of great concepts covered, thank you!
You're very welcome! Glad you appreciate it 🙌
as I am learning with bruno simon's threejsjourney also, your videos gives me strength to continue when I see your level... can't wait to build cool stuff like you do and more
Keep it up, Threejs Journey is gold to learn threejs and also react three fiber now!
Thank you 🙌
Awesome work Sensei.
Thank you very much! I was afraid to receive comments such as "You're crazy" 🤣
You are wonderful for making this, thank you
No, you are wonderful for being so kind 🙌 thank you very much!
Outstanding!
Ow 🥹 thanks a lot 🙌
U're awesome bro 👏🔥
You are more awesome! Thank you very much 😍
"We can see the tree is moving" when the lamp is moving 👀
I should get some rest 🤣
頑張ってくだ さい ~~!
@@honefone 🔥
great, r3f is amazing. I think in the future, you can make one game and move it when press keyboard. auto create barrier(gift, cake, apple...) and eat it when touch.
Hey, it definitely is!
Yeah right, I plan to make a r3f video game tutorial very soon 🙌
@@WawaSensei glad happy, hope see you soon, love your videos.
Awesome
Thank you 😍
Hello sir, i am very fascinated by your three.js videos and trying to learn three.js but i couldn't find any better videos to learn three.js from beginning. Can you please make a video on this three.js tutorial from begginer to advance level
Hey, thank you very much, I'm preparing a paid course that covers the basic. But I might do a condensend free video on the channel too 🙏
Tonki Donki is just trying to have a good time man
Exactly! Free Tonki Donki!!! 🤣
Great! I cloned your repository, Started server. now I don't know what to do😵 never used Threejs.
Thanks!
As this one goes very fast and suppose you have the basics with threejs I recommend you to start with the first R3F tutorial I made on the channel, it's available here :
th-cam.com/video/LNvn66zJyKs/w-d-xo.html
@@WawaSensei thanks for the recommendation, I will check out.
@@sakibcoder