Learn a lot and build this with this tutorial on @codrops by Paul Henschel.
Tutorial:tympanus.net/codrops/2019/1…
Live:r3f-scroll.netlify.app
Code:github.com/yvesvinckier/r…
#threejs #r3f #frontend #animation #javascript #threejsjourney #webgl #glsl #creativecoding
Image source 👉
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.
The boardgame I’ve spent hundreds of hours playing, Settlers of Catan, inspired me for this #threejsJourney challenge. The map is just a small part of the game, but I really just wanted to have fun with the resource hexes—and I did.
Live here 🫴 didierchifan.xyz
Live here 🫴 didierchifan.xyz
from first prototype to now 🎭
this time featuring the sea monster 🎣
my favorite part of my portfolio site 3d
#blender #threejs #b3d #threejsjourney h
this time featuring the sea monster 🎣
my favorite part of my portfolio site 3d
#blender #threejs #b3d #threejsjourney h
This is my submission for the Bruno Simon island challenge. I couldn't finish everything that I had in mind like a day/night scene, interactivity, bloom effect and sound, so in it the end it's just a rotatable scene 😅
Live + repo in 🧵
#threejsJourney #threejs #shaders #r3f h
Live + repo in 🧵
#threejsJourney #threejs #shaders #r3f h
For my Space Drawing game, I had fun modeling and animating this little space dude !
Here he's manifesting that he thinks your planet ring drawing skill sucks :/
Show him what you are made of : put-a-ring-on-it.vercel.app
#threejs #threejsjourney #webgl #game #creativeCoding
Here he's manifesting that he thinks your planet ring drawing skill sucks :/
Show him what you are made of : put-a-ring-on-it.vercel.app
#threejs #threejsjourney #webgl #game #creativeCoding
Another busy week adding the default interaction station 🥳
@bruno_simon for the hologram shader ❤️ #threejsJourney
(also played around with adding trail effects)
#indiedev #gamedev #indiegame #threejs #webGL #react #devlog #r3f
@bruno_simon for the hologram shader ❤️ #threejsJourney
(also played around with adding trail effects)
#indiedev #gamedev #indiegame #threejs #webGL #react #devlog #r3f
Building on the hologram effect I learned from Three.js Journey, I added a little twist to animate the transition between models⭕️ Three.js journeyのホログラムのエフェクトにアニメーションを追加してみた #threejs #threejsjourney #webgl
codepen.io/kyoko-nr/pen/b… @CodePen
codepen.io/kyoko-nr/pen/b… @CodePen
day34 learning recap:
- create coffee smoke with shader
#day34 #dailyLearnChallenge #threejsJourney #threejs
- create coffee smoke with shader
#day34 #dailyLearnChallenge #threejsJourney #threejs
7.3) #threeJSjourney
You can find the demo of this project live here:
tamagotchi-challenge16.vercel.app
You can find the demo of this project live here:
tamagotchi-challenge16.vercel.app
Getting started with realistic renders in Three.js!
I liked the result and thought it was worth showing
Link: chrismaldona2.github.io/threejs-realis…
3D models sourced from Poly Haven
#threejsJourney #threejs #webgl #typescript
I liked the result and thought it was worth showing
Link: chrismaldona2.github.io/threejs-realis…
3D models sourced from Poly Haven
#threejsJourney #threejs #webgl #typescript
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