Home Lessons WebGPU & TSL new Community Challenges Selection Highlights

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.

MK @theDEVLAD
Playing with faking volumetric fog. Not quite there yet and not the best for performance, but the look is close to what I want.

Just need to sort what I want for scene transitions. They are doing my head in right now.

#three #threejsJourney #r3f #buildinpublic
ian @shaoruu
been working on a LOT of performance improvements:

- requestAnimationFrame doesn't run in the background, so i wrote setWorkerInterval
- creating typed arrays apparently has a lot of overhead, this gave me a 20x performance boost!!

#threejs #threejsJourney #web #voxel #gamedev
Anderson Mancini @Andersonmancini
Creating a new kind of color picker using #threejs and #r3f. By choosing a color, we have a smooth gradient transition. But when we drag and drop the color, it makes an ink splat effect using MeshTransitionMaterial. I love UI interactions😍

Live link coming soon.
#threejsJourney
Load more
Load more
51,018 students
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
Get Three.js 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
Get WebGPU & TSL 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
Get Three.js Journey Bundle

Already have Three.js Course? Log in to unlock member pricing