Alvaro 사부. Profile Banner
Alvaro 사부. Profile
Alvaro 사부.

@alvarosabu

3,464
Followers
933
Following
2,911
Media
29,370
Statuses

Creative DX Engineer at @storyblok | 🥚 @eggheadio instructor Author @tresjs_dev Content creator AlvaroDevLabs Former founder of Porsche Digital Bcn.

Barcelona, España
Joined January 2010
Don't wanna be here? Send us removal request.
Pinned Tweet
@alvarosabu
Alvaro 사부.
2 months
I'm thrilled to announce my very first course as @eggheadio instructor🥚🎉 "Create Interactive 3D Experiences with TresJS @tresjs_dev " 🪐 Learn how to create a fully functional 3D Product Configurator with @vuejs and @threejs using the Tres ecosystem. Ohh so excited!!!
@eggheadio
egghead.io
2 months
🚨 New Course! 🚨 Struggling to bring 3D into your Vue projects? Three.js too complex and time-consuming? Introducing "Create Interactive 3D Experiences with TresJS" by @alvarosabu , the author of @tresjs_dev ! 🎉 Check it out 👇
Tweet media one
1
1
24
8
5
52
@alvarosabu
Alvaro 사부.
1 year
I'm happy to officially announce TresJS A new declarative way of building 3D @threejs with @vuejs components. Docs: Playground:
24
155
951
@alvarosabu
Alvaro 사부.
2 years
Thanks Javascript. 😂 I'm oficially a flat owner
Tweet media one
55
20
925
@alvarosabu
Alvaro 사부.
12 days
@0xashesonchain @copy_ai @midjourney @facetune @CallRecordApp @Superhuman @WhatsApp @telegram @gmail @Android I mean, you are excited about a calculator on an iPad and being able to position icons on the home screen 😂.
3
5
650
@alvarosabu
Alvaro 사부.
7 months
@WortenES @lladosfitness JAJAJJAJAAJAJAJJAJAJAJAJJA subidle el sueldo al CM
2
3
558
@alvarosabu
Alvaro 사부.
2 months
@lucas__crespo The next step: a single-purpose map paper. We call it map.
4
0
451
@alvarosabu
Alvaro 사부.
3 months
@Holytruthteller Rocket League
2
0
304
@alvarosabu
Alvaro 사부.
1 year
When you realize you ain't no Senior because you use Gitlab instead of Github.
Tweet media one
16
18
290
@alvarosabu
Alvaro 사부.
7 months
This is how far I have gotten with the Tres @nuxt_js devtools. A proper scene graph view to inspect @threejs objects on the scene. Let's see how this evolves. Kudos to @antfu and nuxt team, custom tab API 👌
9
28
293
@alvarosabu
Alvaro 사부.
3 years
@SaloGuardione Me pasó igual. Luego te das cuenta que estuviste mal trabajando durante mucho tiempo.
1
4
263
@alvarosabu
Alvaro 사부.
3 years
I can't believe how easy is to manage keyboard navigation and focus traps using Composition API + @VueUse
Tweet media one
7
16
227
@alvarosabu
Alvaro 사부.
2 months
The worst part was that she called out Henry Cavill of being difficult just because he wanted to stay true to the original source of the Witcher. The audacity.
Tweet media one
2
12
147
@alvarosabu
Alvaro 사부.
1 year
Looool @youyuxi , forget about framework wars. You made it on Aggretsuko 😂!
Tweet media one
2
10
134
@alvarosabu
Alvaro 사부.
1 year
We're happy to announce TresJS v2 beta! 🔥🎉 After a month of hard work and gathering feedback from users, a new major version of TresJS is available. Guess what, TresJS is now a Vue Custom Render 🤯 What's hot 🔥🌶️? --> 🧵Thread
6
29
132
@alvarosabu
Alvaro 사부.
2 years
Now, all my #Vue related PRs are prompt with this image on the Slack Channel.
Tweet media one
3
7
131
@alvarosabu
Alvaro 사부.
1 year
The most significant release of TresJS v1.7.0 📦is here 🤩: - Realistic preset for the renderer 🔥 - Better HMR disposal of scenes (Improves DX) 🥹 - Better state management with useTres - Environment abstraction (cientos) - Removed annoying warns
3
15
125
@alvarosabu
Alvaro 사부.
10 months
While recording my next video about @astrodotbuild I managed to fix the shader for the Houston model and now the gradient looks pretty smooth. 😊 Basically, I simulated @Blender Texture Coordinate and Color Ramp with glsl How? Check thread 🧵
3
9
119
@alvarosabu
Alvaro 사부.
1 year
Yesterday, I had the chance to talk with @youyuxi at @vuejsamsterdam and hang out with so many amazing people from the Vue and Nuxt community. 😊 What a great time.
Tweet media one
2
4
114
@alvarosabu
Alvaro 사부.
1 year
🪐🪐🪐I have a huge announcement to make today. 🪐🪐🪐 I changed my avatar some weeks ago to give a hint of my new role. My new mission 🚀👨‍🚀 The time has come.
29
5
115
@alvarosabu
Alvaro 사부.
7 months
Update on the TresJS Nuxt devtools 😋. Say hello to the Performance monitor 🚀: - FPS - Memory (usedJSHeapSize and allocated) - Render info Todo: - Shaders info (programs) - GPU Graph - CPU Graph
6
12
111
@alvarosabu
Alvaro 사부.
3 years
This is all you need to add a Vue3 Plugin into your @nuxt_js 3 app 🥰
Tweet media one
4
5
107
@alvarosabu
Alvaro 사부.
9 months
🥺😍 I just received a DM from a company that is using @tresjs_dev for production-level projects. They decided to sponsor me. 😍 As a FOSS maintainer, this is absolutely the best thing that can happen to you. I deeply appreciate it 🙏🏻
21
1
110
@alvarosabu
Alvaro 사부.
2 years
Ok, this is akward LOL 😂
Tweet media one
13
4
108
@alvarosabu
Alvaro 사부.
2 years
A rare footage of @patak_dev working on Vite 4. #classified
Tweet media one
3
4
99
@alvarosabu
Alvaro 사부.
3 years
Forgot about the Metaverse, come join us in the VueVerse #vue
Tweet media one
3
15
96
@alvarosabu
Alvaro 사부.
9 months
I finally managed to finish the HTML component for @tresjs_dev cientos package 🥳. This one is very powerful, you can project any HTML into your 3D objects like an iframe containing your website 😜. Video Inspired by @bruno_simon portfolio lesson Macbook Model from @pmndrs
6
8
93
@alvarosabu
Alvaro 사부.
1 year
OMG 😱, wait whaaat
@vuejsfeed
Vue.js Feed
1 year
Build 3D experiences in your #vuejs application with Tres.js. Tres.js is a new declarative way of building 3D @threejs with @vuejs components. Built by @alvarosabu Try it out:
Tweet media one
2
20
118
5
2
90
@alvarosabu
Alvaro 사부.
11 months
Big shoutout to @_yogr for this handy 3D model previewer vscode extension 🙌
Tweet media one
3
23
88
@alvarosabu
Alvaro 사부.
1 year
A Shiny Vue logo was added ☺️. Now let's export it to TresJS
Tweet media one
5
4
85
@alvarosabu
Alvaro 사부.
3 years
@Rasv21 @SaloGuardione Si es verdad que poco a poco esa Ansiedad desaparece y te habituas al nuevo ritmo y a realmente disfrutar de tu trabajo. No es malo haber pasado por ello. Ahora sabes lo que está bien y lo que está mal. Lo que quieres y lo que no. Ánimos
1
2
79
@alvarosabu
Alvaro 사부.
1 month
I'm incredible excited to announce that I have started a new role as a DX (Developer Experience) Engineer at @storyblok to lead the OSS of the product! I guess my experience as author on @tresjs_dev ecosystem helped out 😂 Pretty excited about this new challenge
Tweet media one
22
2
81
@alvarosabu
Alvaro 사부.
10 months
🌶️📞 @tresjs_dev
Tweet media one
3
5
74
@alvarosabu
Alvaro 사부.
1 year
The Last Supper #Vue version Who says conferences are not a kind of art. Photo by @VueJSLive
Tweet media one
6
6
76
@alvarosabu
Alvaro 사부.
2 years
WTF Copilot, you also know about Pokemon? 😱
Tweet media one
4
10
75
@alvarosabu
Alvaro 사부.
2 years
Interesting 🤔 I managed to set up a @Ionicframework with vue and @vite_js and previewed it with the Ionic VSCode extension. It looks fantastic so far. Are you interested in a full video tutorial on how to do it? 🤘
Tweet media one
12
9
75
@alvarosabu
Alvaro 사부.
4 months
Stop trying to go fast. I'm overwhelmed by the amount of social media toxic-productivity posts, do web fast, do designs fast, etc. STOP, enjoy the process, and focus on quality. The only thing that should be fast should be your build tools. Peace ✌️
3
13
75
@alvarosabu
Alvaro 사부.
3 years
I just realized how bad I want Nuxt 3.
5
0
75
@alvarosabu
Alvaro 사부.
5 months
Dreams come true. After several years of attending the conference and looking out to all the VueJS and Open Source leaders who inspired my career on that stage, it is now my time to give back to the community 🥰. See you soon.
@vuejsamsterdam
Vuejs Amsterdam
5 months
🌐✨ Embark on a mesmerizing journey with @tresjs_dev 🚀 Immerse yourself in 3D scrolly-telling that weaves storytelling and breathtaking visuals with @alvarosabu . Elevate user engagement by adding personalized touches! 🎨 👉  #vuejsamsterdam #vuejs #vue
Tweet media one
2
3
19
16
2
75
@alvarosabu
Alvaro 사부.
7 months
@jamesqquick The layout shift is killing me, the space should be maintained.
4
0
74
@alvarosabu
Alvaro 사부.
3 years
Vite ⚡️ is the Eminem of frontend tooling. Why? Because is crazy fast and delivers well. If you want to get started with @vite_js + @vuejs check out my new article at @ThePracticalDev #frontenddev #javascript
7
20
73
@alvarosabu
Alvaro 사부.
9 months
This is what I call: the @ViteConf effect 😂📈 But seriously, showcasing @tresjs_dev in such an amazing event meant a huge increase in npm downloads🚀. For a small team like ours, this is more than important Now, more devs know that they can create 3D experiences with Vue
Tweet media one
3
10
72
@alvarosabu
Alvaro 사부.
2 months
Overall I think we are aiming AI in the wrong way, I want AI to automate boring tasks like doing laundry or washing dishes so I can do the ones I love: like coding or 3d modeling, not automating these so I end up sending my time doing laundry and washing dishes 😒
3
9
72
@alvarosabu
Alvaro 사부.
1 year
OMG is finally here!!!!!!!! 🔥🎉 Also special thanks to @yaeeelglx and @nuxtlabs team for your continuous support. If you want to check the Nuxt magic stones scene, it is live here 😊
@tresjs_dev
TresJS
1 year
We're happy to finally announce the official Nuxt Module for TresJS 🎉🥳 Special thanks to @danielcroe and @nuxt_js team for making it possible 😊 Now you can enjoy the Nuxt DX Magic on the Tres ecosystem 🧙‍♀️ Official announcement #Do3DwithNuxt
Tweet media one
6
72
411
2
3
71
@alvarosabu
Alvaro 사부.
2 years
Imagine a world where you can import @Blender procedure textures into a @threejs scene. 😍 haha
7
0
69
@alvarosabu
Alvaro 사부.
2 years
Happy Halloween 🎃!! To celebrate I created this little Pumpkin Ivysaur in blender. This is by far the best character I have modeled - Learned how to sculpting and how it improves modelling workflow - Hand draw textures using my Wacom tablet. #Blender3d #b3d #Halloween
Tweet media one
4
10
70
@alvarosabu
Alvaro 사부.
2 years
Got a big announcement! 🔥🔥 My Portfolio is live! 🤩 Tech stack: - @nuxt_js v3 SSG - @storyblok - @antfu7 's UnoCSS - Hosted in @Netlify Huge thanks to @danielcroe and @filrakowski for all the support on deployment and performance!
12
1
69
@alvarosabu
Alvaro 사부.
2 years
fack 🥲 performance after using @danielcroe Fontaine module. I'm so happy.
Tweet media one
5
5
68
@alvarosabu
Alvaro 사부.
10 months
OMG This made my entire year! 😍 Someone made a small game with my library Tres!!! I can't describe the feeling 🥹. Thank you @enpitsulin This is what I dreamt of when I started Tres 😭
@tresjs_dev
TresJS
10 months
The first game ever done with TresJS is here!!! 🥳 The Aviator - by @enpitsulin Inspired by "The Making of 'The Aviator': Animating a Basic 3D Scene with Three.js", by @yakudoo tutorial Amazing work!! Give it some love 🧡 #Do3DWithVue
9
46
244
4
3
67
@alvarosabu
Alvaro 사부.
1 year
On my way to @vuejsamsterdam see ya all there!
Tweet media one
7
0
66
@alvarosabu
Alvaro 사부.
5 months
Friday update on TresJS Devtools @tresjs_dev Managed to make the scene graph editable yesterday night. 😊 This is the DX I was dreaming of 3D on the browser. @webfansplz
12
10
67
@alvarosabu
Alvaro 사부.
2 months
I'm having the best time building this realistic 3D Kitchen planner with @tresjs_dev and @storyblok . The editor uploads the PBR Materials to the DAM and they become available on the client interface. If you want to get started with 3D on @vuejs come to my workshop later today
6
8
65
@alvarosabu
Alvaro 사부.
1 month
Nuxt + Pinia 🍍 question. I'm using `useFetch` inside the store but, should I be using `$fetch` here in the actions instead followed by a: await useAsyncData('campaigns', () => fetchCampaigns()) in my component template?
Tweet media one
10
3
65
@alvarosabu
Alvaro 사부.
8 months
When you have depression, normal days become "hard mode" and you just want to sleep. Even the smallest tasks, such as taking a call or preparing a coffee gain some weight. Today is one of those days. 😕. But it's OK, tomorrow will be better, so much to be grateful for. 😊
22
1
64
@alvarosabu
Alvaro 사부.
1 year
Super proud of my tocaya @dawntraoz totally rockin the stage at @vuejsamsterdam . The intro from @debs_obrien gave me the goosebumps.
Tweet media one
Tweet media two
Tweet media three
11
2
65
@alvarosabu
Alvaro 사부.
1 year
▶️ Today at 2:30pm CET ( 1:30pm BST) I'm gonna be a guest at @danielcroe Twitch channel where we are going to build: The @nuxt_js module for @tresjs_dev from scratch 🤯. Make sure you join us! 😊
Tweet media one
1
10
64
@alvarosabu
Alvaro 사부.
2 years
Are u ready to learn How to use 3D on @nuxt_js with @threejs ? Gonna be live at @NuxtNation in couple of minutes. Go go go
Tweet media one
5
5
63
@alvarosabu
Alvaro 사부.
1 year
Do you want to start your journey in 3D and your favorite framework is @vuejs ? This is the first video of a series covering the basics of @tresjs_dev TresJS v2 - First steps with 3D on Vue 🪐. Enjoy!
1
12
63
@alvarosabu
Alvaro 사부.
2 years
Something awesome for VueJS is coming! Can u guess what could be? 😏🤔
@alvarosabu
Alvaro 사부.
2 years
Tweet media one
1
2
10
16
0
61
@alvarosabu
Alvaro 사부.
1 year
Yesterday I was honored to participate in @danielcroe stream to build the @nuxt_js module for @tresjs_dev live. Nuxt proved to be so versatile, that the integration was seamless, 2 hours later we had an almost-ready module 🤯 Ready to use 3D in Nuxt
Tweet media one
Tweet media two
4
4
62
@alvarosabu
Alvaro 사부.
11 months
The Senior Dev holding the legacy code so it doesn't harm the junior devs
Tweet media one
6
1
61
@alvarosabu
Alvaro 사부.
1 year
Having fun with TresJS doing some low poly planets 🌎😊 I must say is pretty handy to be able to use the Vue devtools to debug.
2
1
61
@alvarosabu
Alvaro 사부.
1 year
Do you want to get started with 3D on VueJS but don't know how? 🤔 I got you covered, this TresJS list will boost your knowledge 😎
3
16
59
@alvarosabu
Alvaro 사부.
10 months
@powerbottomdad1 European: it's called geography.
0
0
59
@alvarosabu
Alvaro 사부.
1 year
🤭
Tweet media one
3
2
60
@alvarosabu
Alvaro 사부.
1 year
Come join us at the @storyblok spot at @JSworldconf @vuejsamsterdam and take a picture with us. For every photo, a developer gets his/her ticket pass through QA without bugs 😜
Tweet media one
6
1
59
@alvarosabu
Alvaro 사부.
2 years
So, this is the result of ~7 hours at an airport 😅 Can you recognize the logo? 😜 @nuxt_js logo model .gltf done in @Blender and exported to @threejs
3
1
59
@alvarosabu
Alvaro 사부.
1 year
Is there any vue UI lib for controls like this?
Tweet media one
9
7
59
@alvarosabu
Alvaro 사부.
1 year
OK, this is just amazing 😱. Testing TresJS in the browser with @vitest_dev thanks to @userquin @asleMammadam @_jessicasachs Not in my wildest dreams I thought I would be able to test TresJS this way, is just 🤯. I love the community.
Tweet media one
3
9
59
@alvarosabu
Alvaro 사부.
10 months
I'm really happy to announce that I'm going to give a talk about @tresjs_dev at @ViteConf 2023! The speaker list is wild 🔥. I am truly honored to have a spot between all those legends. 🥹 Get yours! The Vue community will not miss it!
4
7
58
@alvarosabu
Alvaro 사부.
2 years
What if I told you that you can create 3D scenes like this using Vue Components and composition API? And it's automatically updated with the latest @threejs versions, no need to update🤔 Are you interested?
Tweet media one
9
4
56
@alvarosabu
Alvaro 사부.
6 months
@RocketLeague Yup, that's called letting a game die slowly
0
0
58
@alvarosabu
Alvaro 사부.
7 months
0
0
56
@alvarosabu
Alvaro 사부.
1 year
This was the initial Roadmap I presented for TresJS at the WeReDevs @vuejs day. A lot of you are requesting Nuxt support, should we prioritize it for Q1? Vote with 💚 We would need help with the HMR disposal if someone feels up to the challenge. 🤓
Tweet media one
3
2
56
@alvarosabu
Alvaro 사부.
3 years
I made a really simple & opinionated Vue3 template + #Vite Starter template with a lot of cool stuff out of the box 🔥: - 💨 #WindiCSS - 📦 Components auto importing - 👩‍🎨 i18n out of the box - 🔝 Easy to use SVG icons - Routing with Vue Router 4
5
6
55
@alvarosabu
Alvaro 사부.
3 years
I really enjoyed recording this tutorial about #Pinia , and look how amazing that Devtools looks with the 🍍 module 🤩. Great job @posva
Tweet media one
3
4
53
@alvarosabu
Alvaro 사부.
11 months
@agenersurrell Curioso. Mi compañía es 100% remota. - Alta identificación con la cultura de la empresa. - Producto con 582% ROI - Trabajo flexible y por objetivos. - Producto innovador - Empleados con balance trabajo-personal saludable. - Rotación mínima. Dejad de justificar lo insostenible.
1
5
52
@alvarosabu
Alvaro 사부.
4 months
Look mom I did it!
Tweet media one
1
0
54
@alvarosabu
Alvaro 사부.
1 year
It's pretty cool that with TresJS now I can do @bruno_simon ThreeJS Journey R3F lessons with Vue seamless ☺️.
Tweet media one
3
7
53
@alvarosabu
Alvaro 사부.
1 year
I'm so excited to announce that I will be talking about TresJS at VueJS Live in London 🔥🤩. Let's bring the magic of @threejs to Vue. There is gonna be a huge surprise live that day so stay tuned.
@VueJSLive
Vue.js Live Conference 😎 April 25 & 26
1 year
Are you ready to add a new dimension to your #VueJS Apps?😎 Discover TresJS, a declarative way of creating 3D scenes from Vue components, at the #VueJSLive . @alvarosabu , Author of TresJS and Creative Engineer, will talk about it at the conference. Save the date 🗓 May 12 & 15
0
9
37
4
2
53
@alvarosabu
Alvaro 사부.
1 year
🥲 I think I solved the HMR issue on TresJS
5
0
52
@alvarosabu
Alvaro 사부.
1 year
Today, I just received my very first payment entirely from content creation that's not comes from Sponsorship. 🥲 I did it.
8
0
52
@alvarosabu
Alvaro 사부.
1 year
Vapor mode presented by @youyuxi at @vuejsamsterdam
Tweet media one
1
4
52
@alvarosabu
Alvaro 사부.
1 year
The realistic preset for Renderer is coming to TresJS v1.7.0 😏
Tweet media one
2
2
50
@alvarosabu
Alvaro 사부.
1 year
0
0
51
@alvarosabu
Alvaro 사부.
1 year
Going back home after an amazing @vuejsamsterdam with @storyblok I was able to see a lot of friends again, enjoy amazing talks, and meet a lot of new awesome people. I couldn't be happier.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
1
51
@alvarosabu
Alvaro 사부.
9 months
Vue + ThreeJS will never be performant enough Marcin: hold my 🍺 🤭
@DekierMarcin
Marcin Dekier
9 months
Performance update 📈🪄 Before: 300 models grass => ~100 - 125 FPS 1000 models grass => ~50FPS NOW On video is 1800 models grass => stable 130FPS I tried adding 3000 models and it was still stable at 130FPS 🤯🤯🤯 (Now I'm using InstancedMesh) Thanks for your help @alvarosabu
0
3
97
3
1
51
@alvarosabu
Alvaro 사부.
1 year
Is there any animator available in my network that could help me with a simple animation? The assets are already created just need the animations, Obviously paid for. DM me and share with your friends
37
2
47
@alvarosabu
Alvaro 사부.
6 months
Your favorite @nuxt_js model.
Tweet media one
9
2
50
@alvarosabu
Alvaro 사부.
1 year
@antfu7 @AoTWiki The final season is 5 season long 😅
0
1
50
@alvarosabu
Alvaro 사부.
4 years
Look mom, no component imports, I 😍 @nuxt /components @nuxt_js gonna miss this feature when working with normal Vue 🤣.
Tweet media one
5
7
50
@alvarosabu
Alvaro 사부.
6 months
Update on the @tresjs_dev vue chrome devtools plugin. - Now there is visual feedback when objects get inspected (highlight) - Memory allocation was added to the scene graph - You can edit the object properties directly 😛 Happy Christmas 🎄 @vuejs community.
4
4
49
@alvarosabu
Alvaro 사부.
2 years
New release for TresJS core 📦v1.4.0. What's changed? - Support for ThreeJS BufferGeometry and BufferAttribute to create particle systems. Demo:
Tweet media one
2
5
49
@alvarosabu
Alvaro 사부.
6 months
So, I did a thing. Official @tresjs_dev plugin for @vuejs chrome devtools coming soon. It was about time. Dunno why I was so scared to try it, the API for plugin authors is fantastic.
1
2
49
@alvarosabu
Alvaro 사부.
1 year
This is a real-world use case of how to use @tresjs_dev to create a landing page featuring Product staging, allowing the end user to customize it. This example is using @nuxt_js and the latest version of Tres. You can check it out here #Do3DwithVue
5
2
49
@alvarosabu
Alvaro 사부.
1 year
I mean, it does look realistic, doesn't it? #TresJS #Do3DwithVue
0
0
49
@alvarosabu
Alvaro 사부.
5 months
@GeorgeCrudo Sure, let's add a 184749237474892984 polycount asset to our mobile game 💀
0
0
47
@alvarosabu
Alvaro 사부.
8 months
@thekitze @McPizza0 That's unnecessary rude tho.
1
0
45
@alvarosabu
Alvaro 사부.
1 year
Tweet media one
3
0
47
@alvarosabu
Alvaro 사부.
4 months
Tweet media one
Tweet media two
Tweet media three
Tweet media four
8
2
47