Pinned Tweet
Having fun playing with @nextjs Prism & @p5xjs webcam tracking tonight. The result looks pretty good; what do u think? 😎
Would like to give a big thanks to @vercel for making it open-source and publishing a step-by-step article about it 🙏
Very helpful and inspiring 🥰
a step-by-step breakdown: Lightning strike VFX in Three.js ⚡️
threevfx.com/labs/lightning-…
hope you find this useful! more coming soon...
#threejs #creativecoding #webgl
more breakdowns coming to threevfx(.)com
stay tuned ✌️
#threejs #creativecoding
finally made lightning strike ⚡️ in Three.js
my head spins making this. (like literally, bc of watching way too many ⚡️)
#threejs #creativecoding
my upcoming experiment with Three.js ⚡️
#threejs #creativecoding
a full step-by-step breakdown on how I built the sticker peeling effect with Three.js & GLSL.
fablegrounds.com/labs/sticke…
hope you find this useful. enjoy!
#threejs #creativecoding #threejsjourney
finally made the Vercel OSS stickers peel!
I'd love to hear your feedback @logan_liffick @JohnPhamous
write up how I made this with Three.js and GLSL coming soon.
this sticker lifting effect is very easy to make with Three.js & GLSL
pos.z += easeInOutCubic(how close the vertex is to your mouse pointer) x LIFT_HEIGHT
next step is the peeling effect, will write a breakdown once i've figured it out.
#threejs #creativecoding #webdev
full breakdown on how I built this fire burn effect with
@threejs + GLSL is out!
link the in comments 👇
special thx to @KMkota0 & @bruno_simon for both inspiration and knowledge.
#threejs #creativecoding #threejsjourney
full breakdown here: fablegrounds.com/labs/fire/
a sneak peek at an upcoming step-by-step breakdown of how I built this burning fire effect in Three.js 🔥
full walkthrough coming soon. stay tuned!
#threejs #creativecoding #threejsjourney
see it here: fablegrounds.com/labs/fire/
set up my new portfolio site today with Three.js
I'll keep adding more & hopefully by the end of the year I'll have a lot of work showcased there.
if you're just starting out, let's connect.
👉 fablegrounds.com
#threejs #creativecoding #threejsjourney
finally made it! reverse engineering this fire box from scratch since yesterday.
now it's look really awesome 😎
I'll write a breakdown of how I made it and share it here very soon. stay tuned!
#threejs #creativecoding #threejsjourney
trying to reverse engineer this from scratch today.
make the hole, the noise, and the shadow works.
still figuring out how to make the fire & colors looks more realistic.
will write a breakdown once I'm done.
#threejs #creativecoding #threejsjourney
finally made it! reverse engineering this fire box from scratch since yesterday.
now it's look really awesome 😎
I'll write a breakdown of how I made it and share it here very soon. stay tuned!
#threejs #creativecoding #threejsjourney
my first Three.js project is now shipped
my goal for this project was both to learn Three.js/shaders, and to create a tool that makes 3D camera effect 🎥 simple for video editors and creators
give it a try: depthfield.app
also special thx to @bruno_simon
easing + critically damped spring smoothing + motion blur + chromatic aberration = cinematic animation 🎥
now building the UI. stay tuned ✌️
#threejs #creativecoding





