Alvaro Sabu
@alvarosabu.bsky.social
Creative Software Engineer 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.
Hey friends! How are you doing? How's life treating you lately?
✨ Introducing TresJS Rapier v1.0 Drop a `<Physics>` wrapper around your scene, add `<RigidBody>`, 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-...
Rapier Physics v1 - TresJS
@tresjs/rapier hits stable v1. Declarative physics for TresJS, powered by Rapier and WASM.
tresjs.org
As a dev, would you still want to learn through videos or you just need AI to learn for you. No wrong answers.
I'm about to start a @tresjs.org level editor with @nuxt.com for composition Please stop me 🥲
@tresjs.org downloads getting off the roof 😯. 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 <Teleport /> and a MeshPortalMaterial ✌️ Who want's to see a full video showing how to use it? 🧙♂️
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
Can You Vibe Code 3D games with TresJS (Testing Claude Fable 5)
YouTube video by Alvaro Dev Labs
youtu.be
New monthly format for @tresjs.org updates The Loop Chronicles June 2026 Recap. Check it out!
Physics alpha is here! 🥳 A lot has been going on with @tresjs.org nicely covered by @alvarosaburido.dev in this blog post. Check it out and give us feedback! The Loop Chronicles: June 2026 Recap tresjs.org/blog/whats-n...
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 3D games with TresJS (Testing Claude Fable 5)
YouTube video by Alvaro Dev Labs
youtu.be
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
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
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
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...
Intro to TSL - WebGPU Shaders without GLSL
YouTube video by Alvaro Dev Labs
youtu.be
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
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
Tres website is done in Nuxt baby tresjs.org
TresJS
Build Interactive 3D experiences with Vue
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
Build a Porsche 911 car showcase with Vue and Tres - Part 2
YouTube video by Alvaro Dev Labs
youtu.be
Against all odds, seems like @tresjs.org is more popular than ever ☺️. More than 1.75 M downloads 🥺 Always bet on vuejs npm.chart.dev/@tresjs/core
Remember the 3D Porsche Carrera 911 showcase from the @tresjs.org lab? 🤔 I created a video on my Youtube channel to show you how to build your own with @vuejs.org Hope you enjoy! youtu.be/pi3zLeCN1mU
Build a Porsche 911 Car Showcase with Vue and TresJS - Part I
YouTube video by Alvaro Dev Labs
youtu.be
When @vuefes.bsky.social Japan launched their 2025's website, I felt in love with the visuals and the suminagashi-like shader inside the Hinomaru😍 So I had a lot of fun porting it to @tresjs.org and TSL shading language. More info about the technique and link below 👇
I really enjoyed recording this video on how to build the Porsche car showcase with @tresjs.org Video dropping this week, probably Thursday ✌️ To check the final result of what we are going to ship, check it here lab.tresjs.org/experiments/...