Jaime bboy jt

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

Lastly how to using with #r3f (sorry about the quality I'm actually never use it before hahaha) stackblitz.com/edit/vitejs-...

ThreeScatter TakeOver mode (instanceMesh) - StackBlitz Next generation frontend tooling. It's fast!

TakeOver mode example (using instanceMesh): stackblitz.com/edit/vitejs-...

ThreeScatter TakeOver mode (custom meshes) - StackBlitz Next generation frontend tooling. It's fast!

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

Hahaha

How to Code a Shader Based Reveal Effect with React Three Fiber & GLSL | Codrops A simple yet cool image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion.

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

My current company pushsecurity.com

Thanks man. I'll send a PR 😊