Difficult to find time these days, but I could add orbit controls to my ray marching demos #threejs #threejsjourney @tresjs.org
Difficult to find time these days, but I could add orbit controls to my ray marching demos #threejs #threejsjourney @tresjs.org
Well I don't know if this is a portfolio, but my little space on the web is alive. Still work in progress but feedback is appreciated. Made with โฅ๏ธ @vuejs.org @tresjs.org & #threejs a little of @gsap-greensock.bsky.social too
Just fome free time to play with thebookofshaders.com voronoid lesson. Such a great resource to learn.
As usual with @tresjs.org #threejsjourney #threejs
We are so back ๐!
Hi, it's being a while ๐๐ป but we are here again in 2026 to show you how to build your first 3D scene with @vuejs.org and @tresjs.org
But now I decided to give it a twist, a cinematic one.
What's is stopping you from your creative journey? ๐
www.youtube.com/watch?v=XsXf...
Continuing with demos from the nature of code: Spring.
As usual with @tresjs_dev #threejs
Thanks ๐
New @tresjs.org Cookbook post: learn how to create smooth 3D transitions using Vueโs built-in Transition component and dynamic components.
docs.tresjs.org/cookbook/tra...
#VueJS #TresJS #ThreeJS #WebDev
Thanks to this video: www.youtube.com/watch?v=24Em...
I replaced my simplex noise for a blue noise in my three-scatter: github.com/JaimeTorreal...
And the result are just better!
Every day, we learn something new :D
Another example from "the nature of code" from Daniel Shiffman @thecodingtrain. A "realistic" pendulum as usual with
@tresjs.org #threejs
Texture deformation demo, as usual with @tresjs_dev #threejs
Based on: codepen.io/darrylhuffma...
Last demo of the year! Follow the previous post about the "nature of code" from Daniel Shiffman. This is called the NBody Problem. This time, each ball attracts each other ball. As usual, using #threejs and @tresjs_dev
I'm loving this demo, the "attractor" basically my wireframe sphere act as a big mass object that attract all other spheres using "the nature of code" as usual with @tresjs.org
You too Man!
I bought the "nature of code" book from Daniel Shiffman @thecodingtrain, and let me tell you, it is very good!
I'll try to do the demos using @tresjs_dev #threejs. This one is the basics of Forces (gravity, friction, liquid resistance, wind)
Inspiration here: x.com/ushadersbibl...
I had a lot of fun playing with shader like the old days, (no AI). I create kind of like an "Actions lines" demo. I use just a plane, but this probably would be better like a post-processing :D as usual with
@tresjs_dev
#threejs #threejsjourney
I have to admit, doing VFX for a novice like me could be really hard, this is my attempt to do a slash effect using #threejs, is well... needs improvements but having the right timing and effects is hard
#threejs @tresjs.org simple idea but I loved the dissolve effect. This one was using TSL
Small demo for today, glow effect (with and without shaders), as usual with @tresjs.org #threejs.
Based on: stemkoski.github.io/Three.js/Sha...
WIP. My little daughter is quite fan of Bonnies, so I'm building a game to decide who wash the dishes hahaha
I'm having a lot of fun making it ๐ฉท.
As usual with
@tresjs.org
and #threejs
I'll post the end result
Funny one, trying to imitate a bubble, as usual with @tresjs_dev #threejs
Very simple demo of a smooth line animation following my mouse, as usual with @tresjs_dev #threejs
Saturday night, no much time. So this was more for learning, a simple demo labeling the geometry. As usual with @tresjs.org
Fake 3D Image effect, as usual with
@tresjs.org
Based on: tympanus.net/codrops/2019... by
@akella
Have you tried Uthana? It is actually pretty cool. Like a Mixamo with AI
uthana.com
Successfully migrated 75 demos to the v5 of
@tresjs_dev
you can check all of them here :D
lab.jaimetorrealba.com
I hope you love this one (I really do) you can now distribute your models base on any axis, using `three-scatter` #threejs
github.com/JaimeTorreal...
Nice one, Parallax mapping (steep, occlusion and pixel displacement) demos different techniques to create depth without affecting the geometry. As usual with @tresjs.org #threejs
Another simple one for today, using #webgpu and #threejs. Just playing with IES spotlights. As usual with
@tresjs.org
all IES lights are from leomoon.com