Jaime bboy jt

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 😊

Nuxt Showcase Explore inspiring websites, apps, and digital experiences made by developers and companies around the world.

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 slides here: heartfelt-axolotl-993542.netlify.app/1

YouTube video by Vue.jsTalks | Frontend Community by Vuestic Team Vue.js Talks #8 — 3D with Vue.js and Three.js, Formwerk, Latest Frontend Trends April 2025

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

YouTube video by Scottish Technology Club Creating Immersive Experiences in the Browser - Jaime Torrealba at EdinburghJS

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

Online Courses - Learn Anything, On Your Schedule | Udemy Udemy is an online learning and teaching marketplace with over 250,000 courses and 73 million students. Learn programming, marketing, data science and more.

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