Advertisement Β· 728 Γ— 90

Posts by Alvaro Sabu

Creating a Ghost Shader with TSL - AlvaroSabu Building a spectral "ghost arm" effect using Three.js TSL, the node-based shader system that ships with Three.js's WebGPU renderer.

Have you ever wondered how games like Divinity: Original Sin 2 or BG3 create those ethereal ghost/spectral effects? πŸ‘»

I wrote a short breakdown on building a ghost shader with Three.js TSL (WebGPU), using a Fresnel-based rim glow, emissive cyan light and bloom:

alvarosabu.dev/blog/creatin...

1 week ago 1 0 0 0
I Tried Vite+ and This is What Happened
I Tried Vite+ and This is What Happened YouTube video by Alvaro Dev Labs

Vite+ Alpha just dropped and I gave it a real test on a production monorepo @tresjs.org

vp create, vp check, vp test, vp pack, vp migrate from NX,
The speed improvements are genuinely wild. The migration? Honest answer in the video πŸ‘‡

πŸŽ₯ I Tried Vite+ and This is What Happened

youtu.be/7M7kEOXeRBY

2 weeks ago 6 0 0 0
Build Your First 3D Scene with Vue + TresJS
Build Your First 3D Scene with Vue + TresJS YouTube video by Alvaro Dev Labs

You requested it

You have it youtu.be/XsXfF9-qe60?... haha

2 weeks ago 0 0 0 0

Ohhh there is below the ham, and ofc olive oil, otherwise wifey would kill me hahaha

2 weeks ago 1 0 1 0
Post image

Happy start of the week ✌️

2 weeks ago 5 0 2 0
Preview
Portfolio Creative Software Engineer. Author of TresJS.

Find all the endings here alvarosabu.dev

Repo is open source github.com/alvarosabu/a...

More to come.

3 weeks ago 2 1 0 0
Video

Curated Geist Pixel font thanks to @evilrabbit.bsky.social

It was the perfect fit for my project.

3 weeks ago 1 0 1 0
Video

Seamless dark mode between the UI and the 3D canvas.

Particle systems and post-processing effects applied on variation.
@gsap-greensock.bsky.social for animations

All declarative.

3 weeks ago 4 1 2 0
Advertisement
Video

It's finally here!

My new portfolio is available now. Made with @tresjs.org
and @nuxt.com as result of my study of threejs shaders over the last couple of years.

The home page contains 3 different variations, can you find them all?

More about the project on thread πŸ‘‡ (01/04)

3 weeks ago 6 0 2 0

+100000 Is painful

Nx does help orchestate version releases better but still lot of noise around

3 weeks ago 2 0 1 0
Post image

Thanks to my current sponsors and for everybody that sponsored me in the past πŸ™

4 weeks ago 5 0 0 0

Take it slow, don’t burn out amigo πŸ«‚

4 weeks ago 1 1 0 0

CRAZY amount of work lol, but happy to see some friends coming over this weekend.

I did from product work, to a threejs course to videos to social media to you name it. Even installing furniture home πŸ€ͺ

4 weeks ago 1 0 1 0

Hey amigos! πŸ‘‹

It's finally friday, how was your week? How are you feeling?

4 weeks ago 4 0 1 0
Video

For today's TresJS community highlight πŸͺπŸ›Έ

We have Rstore landing page made by @guillaume.akryum.dev
full of space-themed 3d scene that are mesmerising to watch 😍

Give him some love!

Check it out here rstore.dev @tresjs.org

4 weeks ago 7 1 0 0
Preview
5th anniversary of the Vite Team Creation Vite: The Documentary re-premiere. Join the ecosystem this March 19th at 3 PM UTC to remember the story we wrote together. And participate in the live stage to discuss our past, present, and future. W...

We're vite.dev/live! Come watch and chat.vite.dev with us πŸ’œ
And join the live panel after the movie at Vite Land's #stage

4 weeks ago 21 6 1 0
Video

Been building a game with @tresjs.org and learning TSL along the way.

I'm preparing a couple of tutorials in my upcoming portfolio to share with you.

Recreate those
BG3/Divinity spirits with node-based shaders. πŸ€“

4 weeks ago 4 0 1 0

Ohhhh i have more sick beats from where that comes from 😎

4 weeks ago 1 0 1 0
Advertisement
The easiest way to add 3D to Nuxt using TresJS #threejs #nuxt #tresjs  #coding
The easiest way to add 3D to Nuxt using TresJS #threejs #nuxt #tresjs #coding YouTube video by Alvaro Dev Labs

The easiest way to add 3D to Nuxt using TresJS

@nuxt.com + @tresjs.org = πŸ’š

youtu.be/2Yj12KyTO2k?...

4 weeks ago 3 1 1 0

Ohh thats true, feel you. I'm always jealous of the people that take their cats to the mountain. Mine do not like to go out of the house.

1 month ago 1 0 1 0

You deserve all the love man 🫢

1 month ago 4 0 1 0
Post image

Three @tresjs.org maintainers in the wild! @iamtino.bsky.social @alvarosaburido.dev at @vuejsamsterdam.bsky.social πŸ’šπŸ§‘

1 month ago 12 2 0 0
Post image

Lol why am I a requested feature for @nuxt.com πŸ˜‚?

Amazing talk by @danielroe.dev

1 month ago 10 0 0 0
Post image Post image Post image

I’m in love with @guillaume.akryum.dev talk at @vuejsamsterdam.bsky.social full of interactive 3D experiences with @tresjs.org

Even a Pokémon island 😍

1 month ago 13 2 0 0
How to add TresJS to your Nuxt project
How to add TresJS to your Nuxt project YouTube video by Alvaro Dev Labs

New video drop πŸ›Έ

How to easily add 3D to your @nuxt.com
project using @tresjs.org 😎

And, cinematic πŸ˜‰ youtube.com/watch?v=hhtT...

1 month ago 4 0 0 0
Advertisement
Post image

Should we do a video about adding @tresjs.org
to @nuxt.com ? πŸ€”

Who is with @thealexlichter.com ?

1 month ago 18 2 4 0
Post image

Gotta give some credit to the @tresjs.org cubebot for landing a @threejs Clock joke as response to a deprecation warning issue opened on the repo πŸ˜‚

1 month ago 1 0 0 0

To sponsor the core team and the maintainer's of @tresjs.org and then if we have cash left, make some mugs and swag for them ☺️.

1 month ago 1 0 0 0
Build Your First 3D Scene with Vue + TresJS
Build Your First 3D Scene with Vue + TresJS YouTube video by Alvaro Dev Labs

Video here youtu.be/XsXfF9-qe60?...

1 month ago 1 0 0 0
Post image Post image

I'm really happy to see so many nice comments on my comeback video on Youtube 😊

With a brand new series about Creating 3D websites with Vue and @tresjs.org

Thank you everyone πŸ™

1 month ago 7 0 1 0