Tessera

Continuing with demos from the nature of code: Spring. As usual with @tresjs_dev #threejs

Alvaro Sabu@alvarosaburido.dev · 6mo ago

Thanks 🙏

🎉 New @tresjs.org Cientos docs just dropped! - Rebuilt with @nuxt.com - New navigation - Interactive demos - LLM ready (llms-full.txt) Thanks to @jaimebboyjt.bsky.social for shipping this beauty. cientos.tresjs.org #threejs #vuejs #webgl

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

Dynamic components

Learn how to use Vue's Transition and dynamic components in TresJS

docs.tresjs.org

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...

[Unreal Engine 5.7 Demo] Venice - 4k Walkthrough

YouTube video by Scans Factory

youtube.com

#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