🚨 New personal project
I recreated the fleava production website from @fleava that won a HM on @awwwards
The goal of this project was to practice WebGL using
@threejs
available on: fleava-production-clone.vercel.app
#threejsJourney #threeJs #creativecoding #FrontEnd
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.
Ultimate Lens Flare for react-three-fiber is almost done✨. We now have mesh occlusion using a reversed raycaster. The hardest so far. I loved this Star Wars Naboo Royal spaceship 3D model. Looks great with a jet engine shader. #threejs #threejsJourney
🧵> breakdown 😍 h
🧵> breakdown 😍 h
My new #r3f Lens Flare component also supports vector positioning of artificial sun. Also added new parameters to the user interface for more flexibility😍. Using this component with @BlockadeLabs is just stunning. Available soon⚡️. #threejs #threejsJourney
😍I'm thrilled to announce my new #threejs post-processing effect. The ultimate #R3F LensFlare. It will be released soon. Stay tuned ⚡️
Thanks to @0xca0a, @MaximeHeckel, @maya_ndljk, @abernier_, @codybennett and @vis_prime for the help in the @pmndrs server❤️
#threejsJourney
Thanks to @0xca0a, @MaximeHeckel, @maya_ndljk, @abernier_, @codybennett and @vis_prime for the help in the @pmndrs server❤️
#threejsJourney
Lesson 23. Raycaster and Mouse Events😃
it was really difficult to do manual animation playback. I would like more lessons on working with Blender animation👍
#threejsjourney #raycaster #web h
it was really difficult to do manual animation playback. I would like more lessons on working with Blender animation👍
#threejsjourney #raycaster #web h
This simple animation took me a lot of time.🙇♂️I had to learn how to work with bones in a Blender to do everything right.
But I am happy and I hope to show the result soon!😄
#threejs #threejsjourney #animation #3d h
But I am happy and I hope to show the result soon!😄
#threejs #threejsjourney #animation #3d h
Pumpkin plant growing over time in the scene. I need to add some bounce between the stages so it's a bit more fun.
The models need to be a bit simpler. It's a little hard to read the leaves here.
#threejs #webgl #threejsjourney #webanimation
The models need to be a bit simpler. It's a little hard to read the leaves here.
#threejs #webgl #threejsjourney #webanimation
An Interactive Weather Forecast ☁️
☀️: lowpoly-weather.vercel.app
Thinking of using this for a real-time weather app 🤔, but I need to create more models for all weather conditions😅
#threejs #r3f #reactthreefiber #webgl #3d #threejsjourney #webdev #lowpoly #reactjs h
☀️: lowpoly-weather.vercel.app
Thinking of using this for a real-time weather app 🤔, but I need to create more models for all weather conditions😅
#threejs #r3f #reactthreefiber #webgl #3d #threejsjourney #webdev #lowpoly #reactjs h
Blender is so much fun! I got distracted from the original idea and added some lowpoly chao's from SA2
#threejsJourney
#threejsJourney
Version 3 Is now live 🕹🌐
A remix of the 3D text lesson of @bruno_simon’s #threejsjourney
Instead of 3D text we loaded our logo as a gltf and implemented fly controls rather than orbit controls.
Come ease your mind and glide through the donuts 💆♂️
#threejs #ImmersiveDesign ht
A remix of the 3D text lesson of @bruno_simon’s #threejsjourney
Instead of 3D text we loaded our logo as a gltf and implemented fly controls rather than orbit controls.
Come ease your mind and glide through the donuts 💆♂️
#threejs #ImmersiveDesign ht
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