Lightnews — Scholar-powered news

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

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 · 5d

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 · 8d

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

1

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

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

Reposted by Jaime bboy jt

Alvaro Sabu @alvarosaburido.dev · 18d

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 · 18d

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

1

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

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

2

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

1

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

2

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

2

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

Hahaha

2

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

1

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

1

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

1

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

2

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

1

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

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

1

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

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

2

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

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

1 1

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

My current company pushsecurity.com

Thanks man. I'll send a PR 😊

1