Three.js -> TSL -> Raymarching -> Density -> Explosion
Code -> 👇
#tsl #threejs #threejsJourney
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.
re-testing & re-learning #r3f & #threejs
...model-loading and multiple geometry animation #threejsjourney #react #code #creativecoding #blender
...model-loading and multiple geometry animation #threejsjourney #react #code #creativecoding #blender
I had made my room / potential portfolio with threejs back in early 2025. But with many things that I didn't know how to do I put it aside. My goal is to finish it this year 🤗let me know what I can improve 😺
#threejs #threejsJourney #r3f
🔗strawberryjamcroissant.dev ht
#threejs #threejsJourney #r3f
🔗strawberryjamcroissant.dev ht
Trhee.js -> TSL -> Raymarching -> Density -> Explosion
I think it's possible to make a rasengan for Naruto, or Neji's whirlwind.
#threejs #tsl #threejsJourney #3dart #naruto
I think it's possible to make a rasengan for Naruto, or Neji's whirlwind.
#threejs #tsl #threejsJourney #3dart #naruto
New Year's resolution:
finally put together a proper portfolio 🎯
The domain is live: dammafra.dev
Now it’s time to start building!
#threejs #threejsjourney #webgl #r3f #buildinpublic
finally put together a proper portfolio 🎯
The domain is live: dammafra.dev
Now it’s time to start building!
#threejs #threejsjourney #webgl #r3f #buildinpublic
TSL -> MLS-MPM -> Music Shader -> Water Reflections
Updates:
- added more bloom
- more color
- more particles
- explosions from music beats
- gravity from camera angle
#tsl #threejs #threejsJourney #creative
Updates:
- added more bloom
- more color
- more particles
- explosions from music beats
- gravity from camera angle
#tsl #threejs #threejsJourney #creative
Three.js Pro Max( TSL ) -> MLS-MPM -> Music -> Water Reflections
Live - misterprada.com
A titanium triangle heated to 1000 degrees has been added. After the creative anvil, the smoke also turned red.
#tsl #threejs #threejsJourney #creative
Live - misterprada.com
A titanium triangle heated to 1000 degrees has been added. After the creative anvil, the smoke also turned red.
#tsl #threejs #threejsJourney #creative
I built Elemental Serenity, A multi-season diorama.
One place, four moods. 🌱🍁❄️⛈️
👉🏻 Live: elemental-serenity.vercel.app
👉🏻 Code: github.com/SahilK-027/Ele…
👉🏻 YouTube: youtube.com/watch?v=r942Ng…
Which season would you stay in?
#StylizedArt #threejs #webgl https:/
One place, four moods. 🌱🍁❄️⛈️
👉🏻 Live: elemental-serenity.vercel.app
👉🏻 Code: github.com/SahilK-027/Ele…
👉🏻 YouTube: youtube.com/watch?v=r942Ng…
Which season would you stay in?
#StylizedArt #threejs #webgl https:/
GPU-driven procedural grass in @threejs 🌿
Inspired by Ghost of Tsushima, this demo features fully GPU-computed blades and dynamic terrain.
Still room for optimization, but I’m happy with the visuals atm.
#threejs #webgl #glsl
Inspired by Ghost of Tsushima, this demo features fully GPU-computed blades and dynamic terrain.
Still room for optimization, but I’m happy with the visuals atm.
#threejs #webgl #glsl
Experimenting with infinite terrain in #r3f 🌿
I was curious how to make a physics ball bend the grass and leave a trail.
Project: mesq.me/infinite-terra…
Repo: github.com/mesqme/infinit…
#threejs #webgl #shaders #gamedev
I was curious how to make a physics ball bend the grass and leave a trail.
Project: mesq.me/infinite-terra…
Repo: github.com/mesqme/infinit…
#threejs #webgl #shaders #gamedev
Three.js -> TSL -> Raymarching -> Clouds ☁️-> Tornado 🌪️-> Dust -> Bloom
⚡(Compute Simplex Noise)⚡
Fully procedural implementation. Just the way you like it.
👇💖
Live - tornado.misterprada.com
Code - github.com/MisterPrada/to…
#threejs #tsl #threejsJourney ht
⚡(Compute Simplex Noise)⚡
Fully procedural implementation. Just the way you like it.
👇💖
Live - tornado.misterprada.com
Code - github.com/MisterPrada/to…
#threejs #tsl #threejsJourney 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