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

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)

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

Worth sharing: www.youtube.com/watch?v=UGsa...

#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

Quick and funny one Ribbon demo, based on @akella.bsky.social video, as usual with @tresjs.org #threejs #threejsjourney

Playing with @tresjs.org v5. MaterialX simple demo :O

Announcing TresJS v5.0 🎉 Our proudest release so far. Declarative @threejs.org for @vuejs.org gets a major upgrade: ✨ WebGPU experimental support 🛠️ New create-tres CLI tool ⚡ Re-imagined context 🔧 Refactored composables Ready to build the future of 3D on the web?

WIP migration to @threejs.org the HairMesh from Cem_Yuskel (cemyuksel.com).

I love this one. It cost me days to understand and modify it and is based entirely on: discourse.threejs.org/t/volumetric... (Thanks man) Smoke - ray marching demo with occlusion to 3D Meshes. As usual using @tresjs.org

Did you know you can use normal THREE.Group elements with Three-Scatter to create your own clusters :D @threejs.org Check it out: stackblitz.com/edit/vitejs-...

Simple redesign of my creative lab :D lab.jaimetorrealba.com Cleaning and fixing old demos, internal structure and now it use BulmaUI

Demo day! #threejsjourney #threejs Multi layer demo (I always wanted to try this one, like the old Disney machine) As usual with @tresjs.org

New in `ThreeScatter` takeOver mode you can scatter your own custom meshes or just using the positions parameters provided by `ThreeScatter` :D 3 new examples on the demos :D check it out TakeOver mode example (custom models): stackblitz.com/edit/vitejs-...

Simple demo, image reveal based on: tympanus.net/codrops/2024... #threejs #threejsjourney as usual using @tresjs.org

I've updated Three-scatter and now you can have Percentage of distribution when multi-models is provided. :D github.com/JaimeTorreal...

tres-fps-controls by @jaimebboyjt.bsky.social provides configurable first-person shooter controls based on TresJS 🎮️ - madewithvuejs.com/tres-fps-con...

The most simple procedural animation I can think of, using something called "distance constrain" :D This was fun, as usual with @tresjs.org #threejs #threejsJourney

Hi guys. my new library three-scatter is here! #threejs -Full control over all the samples, -Align to normals, -Remove collisions method -Seeds -Debug mode -More, check it out: github.com/JaimeTorreal... Please let me know what you think :D

Last one for now, you can use multi-models with ThreeScatter, to scatter lots of 3D models (for now the distribution is evenly) #threejs

Update of ThreeScatter: demo with animated models #threejs :D

Little update of TreeScatter #threejs: Aligning Models based on the surface ✅ Debug mode ✅ I'll be doing some testing, edges cases. Then probably improve the docs and the pkg page

In short I'm trying to create a pkg for #threejs, inspire by Blender's GScatter, That allow you easily and randomly put Models base on any geometry :) - % Distrubutions on scatter models - Options to affect ALL or individuals models - Remove duplicated - Align models up

Hi, what is the process to put a company here: nuxt.com/showcase @danielroe.dev ?

I recently realize the InstanceMesh2 made by Agargaro, and let me tell you is very good github.com/agargaro/ins... of course, I made this example with @tresjs.org

🥳 It's an exciting day! 🥳 Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members. We can't wait to see what you make! gsap.com/blog/3-13

This is an inner work, was a very interesting challenge @gsap-greensock.bsky.social is amazing!

You can see my last talk on #vue Talks here: www.youtube.com/watch?v=l_-Z... using 3D with @vuejs.org of course using @tresjs.org Thanks to the team of @vuestic.bsky.social

I always wanted to do it, fortunately I didn't come with the math, thanks for the great content @dangreenheck.bsky.social. Caustic effect (I just took the shaders for this, not the entire water) Done with @tresjs.org

Distributed points on continents, based on: @akella.bsky.social 's video: youtube.com/watch?v=u1mR... As usual, using @tresjs.org