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

Made a nice page for all my demoscene favorites. mrdoob.com/demoscene/

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

I was playing with shadergpt.14islands.com and is not perfect but definitely can save you hours. That is a simple texture manipulation applying some chromatic aberration in mouse position

Simple Carousel 3D using @tresjs.org

Yesterday I was presenting "Immersive experiences on the Web", in Edinburg. Thanks to @edinburghjs.org and @jamiemchale.com 🎉 www.youtube.com/watch?v=gIYE...

I'll be at Edinburgh JS meeting talking about 3D on the web 🎉💪 www.youtube.com/embed/s73ZHa...

New profile pic. 😋 Who is excited to play DND with @nuxt.com at VueJS Amsterdam? Coming soon.

Today a simple one, a 3D 4-faces pixel model created with @Crocotile3D but showing only the right faces (not undesired corners) As usual with @tresjs.org

Mi curso en Udemy esta Online, una introducción a @tresjs.org en español! 🥳 www.udemy.com/course/tresj...

Ok this is a very simple one, adding tweaks pane to bones using @threejs.org, as always using @tresjs.org :D