Lightnews — Scholar-powered news

Jaime bboy jt

@jaimebboyjt.bsky.social

39 followers 71 following 56 posts

Creative developer Check my creative lab: https://lab.jaimetorrealba.com/ @tresjs core team Front-end developer at @pushsecurity Vue.js threejs.lover

lab.jaimetorrealba.com

Posts Media Videos Starter Packs

Pinned

Jaime bboy jt @jaimebboyjt.bsky.social · 1d

Successfully migrated 75 demos to the v5 of
@tresjs_dev
you can check all of them here :D

lab.jaimetorrealba.com

Jaime bboy jt @jaimebboyjt.bsky.social · 6m

Have you tried Uthana? It is actually pretty cool. Like a Mixamo with AI
uthana.com

Jaime bboy jt @jaimebboyjt.bsky.social · 1d

Successfully migrated 75 demos to the v5 of
@tresjs_dev
you can check all of them here :D

lab.jaimetorrealba.com

Jaime bboy jt @jaimebboyjt.bsky.social · 4d

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

Jaime bboy jt @jaimebboyjt.bsky.social · 8d

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

Jaime bboy jt @jaimebboyjt.bsky.social · 10d

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

Jaime bboy jt @jaimebboyjt.bsky.social · 13d

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

Jaime bboy jt @jaimebboyjt.bsky.social · 20d

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

Reposted by Jaime bboy jt

Alvaro Sabu @alvarosaburido.dev · 23d

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?

3 11 64

Jaime bboy jt @jaimebboyjt.bsky.social · 24d

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

Jaime bboy jt @jaimebboyjt.bsky.social · Sep 14

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

Reposted by Jaime bboy jt

mrdoob @mrdoob.com · Sep 10

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

10 21 88

Jaime bboy jt @jaimebboyjt.bsky.social · Sep 10

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

Jaime bboy jt @jaimebboyjt.bsky.social · Aug 25

Simple redesign of my creative lab :D
lab.jaimetorrealba.com

Cleaning and fixing old demos, internal structure and now it use BulmaUI

Jaime bboy JT

lab.jaimetorrealba.com

Jaime bboy jt @jaimebboyjt.bsky.social · Aug 10

Demo day! #threejsjourney #threejs Multi layer demo (I always wanted to try this one, like the old Disney machine)

As usual with
@tresjs.org

Jaime bboy jt @jaimebboyjt.bsky.social · Aug 5

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

stackblitz.com

Jaime bboy jt @jaimebboyjt.bsky.social · Aug 5

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

ThreeScatter TakeOver mode (instanceMesh) - StackBlitz

Next generation frontend tooling. It's fast!

stackblitz.com

Jaime bboy jt @jaimebboyjt.bsky.social · Aug 5

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

ThreeScatter TakeOver mode (custom meshes) - StackBlitz

Next generation frontend tooling. It's fast!

stackblitz.com

Jaime bboy jt @jaimebboyjt.bsky.social · Jul 11

Hahaha

Jaime bboy jt @jaimebboyjt.bsky.social · Jul 8

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

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.

tympanus.net

Jaime bboy jt @jaimebboyjt.bsky.social · Jul 7

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

github.com/JaimeTorreal...

Reposted by Jaime bboy jt

MadeWithVueJS @madewithvuejs.com · Jul 4

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

1 2

Jaime bboy jt @jaimebboyjt.bsky.social · Jun 10

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

Jaime bboy jt @jaimebboyjt.bsky.social · Jun 5

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

Jaime bboy jt @jaimebboyjt.bsky.social · May 30

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

Jaime bboy jt @jaimebboyjt.bsky.social · May 27

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