My Interactive Water Surface for React Three Fiber is now open-source! Excited to see beautiful scenes you guys can create with this!
✨ Try it out: water-surface.vercel.app
🌟 Appreciate a star on Github 😉 github.com/nhtoby311/Wate…
#threejsJourney #threejs #r3f #useShaderFx h
Students Highlights
Wall of Fame
51,018 Students have joined the course already! Here's a collection of what they're building.
Use the #threejsJourney hashtag on Twitter.
Pushing the earth shader #threejsJourney course a little on my latest little project
Look closely, clouds are alive 😀
And that day / night transition 😍
@bruno_simon is a boss for teaching that
Live link below ⬇️
#threejs #shader #buildinpublic h
Look closely, clouds are alive 😀
And that day / night transition 😍
@bruno_simon is a boss for teaching that
Live link below ⬇️
#threejs #shader #buildinpublic h
How does a ragdoll behave inside anti-gravity zoom? I could watch it all day 🤨
#threejs #threejsJourney #webdev #opensource #gamedev #r3f
#threejs #threejsJourney #webdev #opensource #gamedev #r3f
Optimizing in progress, thanks so much on the tips of RigidBody @bruno_simon #threejsJourney
Adding the gamification component to the #threejs classics garage project. You will be able to use an X-ray feature to inspect the car to collect interesting facts about it and unlock additional content.
Next step: Make the items collectible😍
#threejsJourney #r3f #buildinpublic
Next step: Make the items collectible😍
#threejsJourney #r3f #buildinpublic
A while ago I’ve made a video how to do burgers real sloppy youtu.be/HZaaWg45lC4?si… and now thanks to #threejsjourney and @bruno_simon you can try it yourself here: michelinburger.vercel.app
Mixing standard render with halftone shader from @bruno_simon as a tribute to the great #SpiderManAcrossTheSpiderVerse animation.
Live at threejslab.vercel.app/lab/halftone-s…
#threejsJourney #javascript #r3f #threejs
Live at threejslab.vercel.app/lab/halftone-s…
#threejsJourney #javascript #r3f #threejs
Gamification ready! Items are now collectible and some options are locked until you collect enough items. I loved the captured item animation with my confetti component. Inspired by @SimCityBuildIt but using #threejs 😍.
Next: SFX. Link soon
#r3f #threejsJourney #buildinpublic
Next: SFX. Link soon
#r3f #threejsJourney #buildinpublic
added reflections on the floor using #r3f #drei MeshReflectorMaterial with transparency map, over another mesh with asphalt texture. Next step - walls #threejs #threejsJourney
Bloom arrived. It's obviously too much, but I like it for now :D . Next stop: new character #threejsJourney #threejs #r3f
Day 1: #30NitesOfCode
- Portfolio Dev coming to it's final chapter.
- Minor touches left and populating the fields
- Shoutout to @codedex_io for creating a platform to connect with people who helped and inspired this project.
#r3f #reactjs #threejs #threejsJourney
- Portfolio Dev coming to it's final chapter.
- Minor touches left and populating the fields
- Shoutout to @codedex_io for creating a platform to connect with people who helped and inspired this project.
#r3f #reactjs #threejs #threejsJourney
51,018 students
already on the journey
already on the journey
One-time payment, access for life, whichever one you pick.
new The long-awaited WebGPU & TSL Course is finally here.
on Trustpilot
Three.js Course
Learn Three.js, from the basics to advanced techniques.
$95
VAT incl.
- 66 lessons
- 93 hours of video
- WebGPU & TSL Course
+
WebGPU & TSL Course new
You already use Three.js and know shader basics, so you only need the new course.
$45
VAT incl.
- 21 lessons
- 24 hours of video
- Three.js Course
Three.js Journey Bundle best value
Start from scratch and go all the way: your first scene through to WebGPU & TSL, no gaps.
$120
$140
VAT incl.
- 87 lessons
- 116 hours of video
- Three.js Course
- WebGPU & TSL Course
Already have Three.js Course? Log in to unlock member pricing