Alvaro Sabu
@alvarosabu.bsky.social
Creative Software Engineer
Author of TresJS @tresjs_dev
Content creator AlvaroDevLabs 🎥
Former founder of Porsche Digital Bcn.
Author of TresJS @tresjs_dev
Content creator AlvaroDevLabs 🎥
Former founder of Porsche Digital Bcn.
People underestimate how well @vuejs.org composables map to game dev.
Skip the inheritance trap (Player is a Character) and think in entity–component terms instead: a Character has Movement, Health, etc.
useMovement, useHealth… see it?
Combine that with @tresjs_dev and you’ve got a web game.
Skip the inheritance trap (Player is a Character) and think in entity–component terms instead: a Character has Movement, Health, etc.
useMovement, useHealth… see it?
Combine that with @tresjs_dev and you’ve got a web game.
August 14, 2026 at 9:10 AM
People underestimate how well @vuejs.org composables map to game dev.
Skip the inheritance trap (Player is a Character) and think in entity–component terms instead: a Character has Movement, Health, etc.
useMovement, useHealth… see it?
Combine that with @tresjs_dev and you’ve got a web game.
Skip the inheritance trap (Player is a Character) and think in entity–component terms instead: a Character has Movement, Health, etc.
useMovement, useHealth… see it?
Combine that with @tresjs_dev and you’ve got a web game.
Hey friends! How are you doing?
How's life treating you lately?
How's life treating you lately?
August 13, 2026 at 9:17 AM
Hey friends! How are you doing?
How's life treating you lately?
How's life treating you lately?
✨ Introducing TresJS Rapier v1.0
Drop a `` wrapper around your scene, add ``, and your Vue 3D objects fall, bounce and collide.
Frame-rate independent, Rust-powered, WASM-fast.
Huge thanks to Nathan Mande and
@jaimebboyjt.bsky.social
tresjs.org/blog/tresjs-...
Drop a `
Frame-rate independent, Rust-powered, WASM-fast.
Huge thanks to Nathan Mande and
@jaimebboyjt.bsky.social
tresjs.org/blog/tresjs-...
Rapier Physics v1 - TresJS
@tresjs/rapier hits stable v1. Declarative physics for TresJS, powered by Rapier and WASM.
tresjs.org
July 30, 2026 at 3:12 PM
✨ Introducing TresJS Rapier v1.0
Drop a `` wrapper around your scene, add ``, and your Vue 3D objects fall, bounce and collide.
Frame-rate independent, Rust-powered, WASM-fast.
Huge thanks to Nathan Mande and
@jaimebboyjt.bsky.social
tresjs.org/blog/tresjs-...
Drop a `
Frame-rate independent, Rust-powered, WASM-fast.
Huge thanks to Nathan Mande and
@jaimebboyjt.bsky.social
tresjs.org/blog/tresjs-...
July 28, 2026 at 8:18 AM
As a dev, would you still want to learn through videos or you just need AI to learn for you.
No wrong answers.
No wrong answers.
July 22, 2026 at 11:41 AM
As a dev, would you still want to learn through videos or you just need AI to learn for you.
No wrong answers.
No wrong answers.
This aged beautifully
July 20, 2026 at 1:54 PM
This aged beautifully
July 18, 2026 at 2:55 PM
@tresjs.org downloads getting off the roof 😯.
Close to the 2M total downloads 🤯
I wonder if this increase is due AI adoption.
Close to the 2M total downloads 🤯
I wonder if this increase is due AI adoption.
July 13, 2026 at 9:04 AM
@tresjs.org downloads getting off the roof 😯.
Close to the 2M total downloads 🤯
I wonder if this increase is due AI adoption.
Close to the 2M total downloads 🤯
I wonder if this increase is due AI adoption.
Did we just unlocked portals on @tresjs.org 😱 ?
Ships a TresPortal component, which is a custom renderer version of @vuejs.org
Who want's to see a full video showing how to use it? 🧙♂️
Ships a TresPortal component, which is a custom renderer version of @vuejs.org
Who want's to see a full video showing how to use it? 🧙♂️
July 8, 2026 at 2:38 PM
Did we just unlocked portals on @tresjs.org 😱 ?
Ships a TresPortal component, which is a custom renderer version of @vuejs.org
Who want's to see a full video showing how to use it? 🧙♂️
Ships a TresPortal component, which is a custom renderer version of @vuejs.org
Who want's to see a full video showing how to use it? 🧙♂️
Shareholders are the death sentence of all enjoyable things.
July 3, 2026 at 8:45 AM
Shareholders are the death sentence of all enjoyable things.
Well, Fable 5 is back, but not for coding 😂
So if you want to see what the @AnthropicAI model was able to do before it was nerfed check my previous video on #vibecode with @tresjs_dev and Fable 5
youtu.be/CG7Fbd_L8ho
So if you want to see what the @AnthropicAI model was able to do before it was nerfed check my previous video on #vibecode with @tresjs_dev and Fable 5
youtu.be/CG7Fbd_L8ho
Can You Vibe Code 3D games with TresJS (Testing Claude Fable 5)
YouTube video by Alvaro Dev Labs
youtu.be
July 1, 2026 at 2:32 PM
Well, Fable 5 is back, but not for coding 😂
So if you want to see what the @AnthropicAI model was able to do before it was nerfed check my previous video on #vibecode with @tresjs_dev and Fable 5
youtu.be/CG7Fbd_L8ho
So if you want to see what the @AnthropicAI model was able to do before it was nerfed check my previous video on #vibecode with @tresjs_dev and Fable 5
youtu.be/CG7Fbd_L8ho
June 30, 2026 at 3:36 PM
New video drop 🎥
Can you vibe code with @tresjs.org ?
We are going to test @claudeai latest model Fable 5 (RIP 🪦) and see if its capable to build a breakout game from scratch.
Stay until the end for my personal take on AI and vibecoding.
Video youtu.be/CG7Fbd_L8ho
#threejs #fable5 #VibeCoding
Can you vibe code with @tresjs.org ?
We are going to test @claudeai latest model Fable 5 (RIP 🪦) and see if its capable to build a breakout game from scratch.
Stay until the end for my personal take on AI and vibecoding.
Video youtu.be/CG7Fbd_L8ho
#threejs #fable5 #VibeCoding
Can You Vibe Code 3D games with TresJS (Testing Claude Fable 5)
YouTube video by Alvaro Dev Labs
youtu.be
June 18, 2026 at 9:15 AM
New video drop 🎥
Can you vibe code with @tresjs.org ?
We are going to test @claudeai latest model Fable 5 (RIP 🪦) and see if its capable to build a breakout game from scratch.
Stay until the end for my personal take on AI and vibecoding.
Video youtu.be/CG7Fbd_L8ho
#threejs #fable5 #VibeCoding
Can you vibe code with @tresjs.org ?
We are going to test @claudeai latest model Fable 5 (RIP 🪦) and see if its capable to build a breakout game from scratch.
Stay until the end for my personal take on AI and vibecoding.
Video youtu.be/CG7Fbd_L8ho
#threejs #fable5 #VibeCoding
Reposted by Alvaro Sabu
Community highlights ✨
- @mastrojs.bsky.social built a standard.site helper
- @wil.to helps us understand standard.site in the first place
- @chenjiahan.bsky.social highlights RSPack's new import source phase for WASM
- @bostonts.club calling for speakers
- @alvarosaburido.dev's video intro to TSL
- @mastrojs.bsky.social built a standard.site helper
- @wil.to helps us understand standard.site in the first place
- @chenjiahan.bsky.social highlights RSPack's new import source phase for WASM
- @bostonts.club calling for speakers
- @alvarosaburido.dev's video intro to TSL
June 16, 2026 at 4:14 PM
Community highlights ✨
- @mastrojs.bsky.social built a standard.site helper
- @wil.to helps us understand standard.site in the first place
- @chenjiahan.bsky.social highlights RSPack's new import source phase for WASM
- @bostonts.club calling for speakers
- @alvarosaburido.dev's video intro to TSL
- @mastrojs.bsky.social built a standard.site helper
- @wil.to helps us understand standard.site in the first place
- @chenjiahan.bsky.social highlights RSPack's new import source phase for WASM
- @bostonts.club calling for speakers
- @alvarosaburido.dev's video intro to TSL
So I had a lot of fun this weekend creating a Surface System to my @tresjs.org game based on Larian's Divinity Original Sin 2.
Water, oil, poison & blood that spread and combo + burn, electrify, freeze, all driven by WebGPU/TSL shaders ⚡ #threejs #gamedev
Water, oil, poison & blood that spread and combo + burn, electrify, freeze, all driven by WebGPU/TSL shaders ⚡ #threejs #gamedev
June 15, 2026 at 9:49 AM
So I had a lot of fun this weekend creating a Surface System to my @tresjs.org game based on Larian's Divinity Original Sin 2.
Water, oil, poison & blood that spread and combo + burn, electrify, freeze, all driven by WebGPU/TSL shaders ⚡ #threejs #gamedev
Water, oil, poison & blood that spread and combo + burn, electrify, freeze, all driven by WebGPU/TSL shaders ⚡ #threejs #gamedev
So I have been experimenting something new, agents create plans so agents can implement them. So taking a look to them in a human step by step way is overwhelming.
So Im starting to ask Claude for human-plans, so I can go and implement the feature myself. And its working surprisingly well
So Im starting to ask Claude for human-plans, so I can go and implement the feature myself. And its working surprisingly well
June 11, 2026 at 3:34 PM
So I have been experimenting something new, agents create plans so agents can implement them. So taking a look to them in a human step by step way is overwhelming.
So Im starting to ask Claude for human-plans, so I can go and implement the feature myself. And its working surprisingly well
So Im starting to ask Claude for human-plans, so I can go and implement the feature myself. And its working surprisingly well
You can write Three.js shaders without a single line of GLSL.
The old way: string-replace internal shader code with onBeforeCompile, or hand-wire a ShaderMaterial.
The TSL way → composable, type-safe TypeScript nodes
Full breakdown 👇
youtu.be/dlrVCxsq1tE
alvarosabu.dev/blog/intro-t...
The old way: string-replace internal shader code with onBeforeCompile, or hand-wire a ShaderMaterial.
The TSL way → composable, type-safe TypeScript nodes
Full breakdown 👇
youtu.be/dlrVCxsq1tE
alvarosabu.dev/blog/intro-t...
Intro to TSL - WebGPU Shaders without GLSL
YouTube video by Alvaro Dev Labs
youtu.be
June 9, 2026 at 9:36 AM
You can write Three.js shaders without a single line of GLSL.
The old way: string-replace internal shader code with onBeforeCompile, or hand-wire a ShaderMaterial.
The TSL way → composable, type-safe TypeScript nodes
Full breakdown 👇
youtu.be/dlrVCxsq1tE
alvarosabu.dev/blog/intro-t...
The old way: string-replace internal shader code with onBeforeCompile, or hand-wire a ShaderMaterial.
The TSL way → composable, type-safe TypeScript nodes
Full breakdown 👇
youtu.be/dlrVCxsq1tE
alvarosabu.dev/blog/intro-t...
I'm determined to transform Nuxt into a game engine 😂. Useless but fun
June 4, 2026 at 5:57 PM
I'm determined to transform Nuxt into a game engine 😂. Useless but fun
Whats the best free or OSS support friendly option to host assets (3D models, textures, hdrs) ?
On @tresjs.org we have been using raw.githubusercontent.com but I don't think is the best option
On @tresjs.org we have been using raw.githubusercontent.com but I don't think is the best option
June 4, 2026 at 10:38 AM
Whats the best free or OSS support friendly option to host assets (3D models, textures, hdrs) ?
On @tresjs.org we have been using raw.githubusercontent.com but I don't think is the best option
On @tresjs.org we have been using raw.githubusercontent.com but I don't think is the best option
New post-processing docs for @tresjs.org are live now! ✨
Built with @nuxt.com and Nuxt UI, they’re LLM‑ready and packed with demos and effects so you can copy, paste, tweak and learn fast.
Check them out and tell me what you build with them 👇
post-processing.tresjs.org
Built with @nuxt.com and Nuxt UI, they’re LLM‑ready and packed with demos and effects so you can copy, paste, tweak and learn fast.
Check them out and tell me what you build with them 👇
post-processing.tresjs.org
June 2, 2026 at 3:11 PM
New post-processing docs for @tresjs.org are live now! ✨
Built with @nuxt.com and Nuxt UI, they’re LLM‑ready and packed with demos and effects so you can copy, paste, tweak and learn fast.
Check them out and tell me what you build with them 👇
post-processing.tresjs.org
Built with @nuxt.com and Nuxt UI, they’re LLM‑ready and packed with demos and effects so you can copy, paste, tweak and learn fast.
Check them out and tell me what you build with them 👇
post-processing.tresjs.org
Tres website is done in Nuxt baby tresjs.org
TresJS
Build Interactive 3D experiences with Vue
tresjs.org
May 29, 2026 at 9:40 AM
Tres website is done in Nuxt baby tresjs.org
Part 2 of Build a Porsche 911 car showcase with Vue and @tresjs.org is out!
We take the Porsche showcase from "working" to "showroom" by tuning the car's materials for that reflective, polished paint, and building a custom GLSL shader for the gradient backdrop.
Full video youtu.be/mY5fLW2OsdM
We take the Porsche showcase from "working" to "showroom" by tuning the car's materials for that reflective, polished paint, and building a custom GLSL shader for the gradient backdrop.
Full video youtu.be/mY5fLW2OsdM
Build a Porsche 911 car showcase with Vue and Tres - Part 2
YouTube video by Alvaro Dev Labs
youtu.be
May 28, 2026 at 3:25 PM
Part 2 of Build a Porsche 911 car showcase with Vue and @tresjs.org is out!
We take the Porsche showcase from "working" to "showroom" by tuning the car's materials for that reflective, polished paint, and building a custom GLSL shader for the gradient backdrop.
Full video youtu.be/mY5fLW2OsdM
We take the Porsche showcase from "working" to "showroom" by tuning the car's materials for that reflective, polished paint, and building a custom GLSL shader for the gradient backdrop.
Full video youtu.be/mY5fLW2OsdM