Matias 🧉's banner

Matias 🧉

@matiNotFound • 5,579 subscribers

🇦🇷 Developer @vercel | building https://t.co/qyVJuJm2No Prev @basementstudio, @DiputadosAR. Member of @okaydevs

Shorts

vgpu 0.6 is out 🔉 · Build complex 3D scenes more easily · Create 3D websites, VR, or videos · Better performance and memory usage

vgpu 0.6 is out 🔉 · Build complex 3D scenes more easily · Create 3D websites, VR, or videos · Better performance and memory usage

11,404 просмотров

Created a multiplayer game with Three.js and PartyKit. It also uses WebRTC to connect your phone as a controller It will be part of my talk at React Miami (source will be public soon)

Created a multiplayer game with Three.js and PartyKit. It also uses WebRTC to connect your phone as a controller It will be part of my talk at React Miami (source will be public soon)

124,870 просмотров

Shipped a new shader today: - Ray-traced lights locally - Stored bakes as a small texture - Display with a simple WebGL script It's all about placing pretty pixels on the screen

Shipped a new shader today: - Ray-traced lights locally - Stored bakes as a small texture - Display with a simple WebGL script It's all about placing pretty pixels on the screen

19,469 просмотров

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

27,334 просмотров

(shaders) for humans and agents

(shaders) for humans and agents

14,771 просмотров

Another year, another basement.studio x Vercel collaboration. We created the Next.js and ShipAi Conf websites and added a 3D badge generator using the AI SDK & Three.js You can now register to generate your own! Congrats to the entire team that shipped this 🚀

Another year, another basement.studio x Vercel collaboration. We created the Next.js and ShipAi Conf websites and added a 3D badge generator using the AI SDK & Three.js You can now register to generate your own! Congrats to the entire team that shipped this 🚀

37,429 просмотров

🔉Using the Geist Pixel to create music

🔉Using the Geist Pixel to create music

19,589 просмотров

$My favorite feature of the Next.js conf site: The 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)$

My favorite feature of the Next.js conf site: The 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)

51,570 просмотров

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

12,954 просмотров

Creating a multiplayer game on v0 using Three.js and Liveblocks Models/textures/tracks/environments/physics, everything is being created by v0. The key part was asking v0 to create automation scripts to export logs/screenshots so it can iterate on its own.

Creating a multiplayer game on v0 using Three.js and Liveblocks Models/textures/tracks/environments/physics, everything is being created by v0. The key part was asking v0 to create automation scripts to export logs/screenshots so it can iterate on its own.

15,090 просмотров

Mañana voy a estar en Café Cursor dando una charla sobre Agentic Orchestration Voy a contar un cómo logré que más de 3000 agentes trabajen en el sitio Vercel Ship, implementando features complejas como una navigation mesh para los personajes Nos vemos ahí! ☕️💻

Mañana voy a estar en Café Cursor dando una charla sobre Agentic Orchestration Voy a contar un cómo logré que más de 3000 agentes trabajen en el sitio Vercel Ship, implementando features complejas como una navigation mesh para los personajes Nos vemos ahí! ☕️💻

10,359 просмотров

Warming up for Vercel Ship, we created this small experience using Three.js To detect pointer events, we used a separate render target; each sticker's instance renders its own ID as a color. On click, we sample that texture to detect which instance you are trying to remove

Warming up for Vercel Ship, we created this small experience using Three.js To detect pointer events, we used a separate render target; each sticker's instance renders its own ID as a color. On click, we sample that texture to detect which instance you are trying to remove

10,720 просмотров

Just released the multiplayer game we did for React Miami! I made it so that everyone that joins goes into the same room, lets see how many people we can fit! Try it at: Source: Made with Three.js and PartyKit

Just released the multiplayer game we did for React Miami! I made it so that everyone that joins goes into the same room, lets see how many people we can fit! Try it at: Source: Made with Three.js and PartyKit

13,888 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

The vgpu skill now helps your agent create better 3D models in Blender, optimized for web npx skills add vercel-labs/vgpu

The vgpu skill now helps your agent create better 3D models in Blender, optimized for web npx skills add vercel-labs/vgpu

28,987 просмотров • 15 дней назад

Visualizing the 2973 agents that built vgpu (v1) Made my own agents using Vercel AI SDK, they delegated tasks across different sessions To control the code you are producing, you must control your agents too Link in 🧵

Visualizing the 2973 agents that built vgpu (v1) Made my own agents using Vercel AI SDK, they delegated tasks across different sessions To control the code you are producing, you must control your agents too Link in 🧵

23,741 просмотров • 23 дней назад

Curious how the vgpu hero works? 🔍 Add ?debug to the URL to inspect the render pipeline 🎛️ Use the controls to tweak values in real time. 📝 Full article coming soon.

Curious how the vgpu hero works? 🔍 Add ?debug to the URL to inspect the render pipeline 🎛️ Use the controls to tweak values in real time. 📝 Full article coming soon.

18,115 просмотров • 1 месяц назад

Vercel Ship26 is live! This year, we shipped a 3D device that can create WASM apps using wterm, just-bash, and Workflow SDK ...and a landing full of agents that walk around the site using a dynamic navigation mesh.

Vercel Ship26 is live! This year, we shipped a 3D device that can create WASM apps using wterm, just-bash, and Workflow SDK ...and a landing full of agents that walk around the site using a dynamic navigation mesh.

50,823 просмотров • 5 месяцев назад

Have you ever enjoyed the sunset shadow on a website? Here is a sneak peek of what we have been cooking with Matias Perez at basement.studio : 🔗 📝 Article coming soon

Have you ever enjoyed the sunset shadow on a website? Here is a sneak peek of what we have been cooking with Matias Perez at basement.studio : 🔗 📝 Article coming soon

166,381 просмотров • 2 лет назад

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

27,334 просмотров • 7 месяцев назад

🚀New work is out! The 2024 Next.js conf site. Creating a multiplayer game for it is a dream come true. We put a ton of love into this one! Hope people enjoy it. Thanks to the entire team that made this possible. 🖤 basement.studio Vercel

🚀New work is out! The 2024 Next.js conf site. Creating a multiplayer game for it is a dream come true. We put a ton of love into this one! Hope people enjoy it. Thanks to the entire team that made this possible. 🖤 basement.studio Vercel

63,432 просмотров • 2 лет назад

New Vercel x basement.studio Ship site! This time, we went with fluid simulations using Three.js You can also customize your badge using prompts. Congrats to the entire team 👏

New Vercel x basement.studio Ship site! This time, we went with fluid simulations using Three.js You can also customize your badge using prompts. Congrats to the entire team 👏

44,268 просмотров • 1 год назад

Introducing mcp-three An MCP server for Three.js made with xmcp Add toolkit for your AI to work with .gltf/.glb files: ✅ Understand model structure and animations ✅ Generate types & code with gltfjsx ✅ Less bugs when working with AI & 3D files Instructions below 🧵

Introducing mcp-three An MCP server for Three.js made with xmcp Add toolkit for your AI to work with .gltf/.glb files: ✅ Understand model structure and animations ✅ Generate types & code with gltfjsx ✅ Less bugs when working with AI & 3D files Instructions below 🧵

30,782 просмотров • 1 год назад

🚀 We are releasing all the explorations from Vercel Ship 25, open source. Working with Vercel is always a good opportunity to experiment with cool tech; This year, we pushed the limit again. Made with Three.js & OGL Link, source, and articles below basement.studio

🚀 We are releasing all the explorations from Vercel Ship 25, open source. Working with Vercel is always a good opportunity to experiment with cool tech; This year, we pushed the limit again. Made with Three.js & OGL Link, source, and articles below basement.studio

25,068 просмотров • 1 год назад

The basement.studio has been cooking. New site is out 🚀 Of course, made with Three.js

The basement.studio has been cooking. New site is out 🚀 Of course, made with Three.js

13,020 просмотров • 1 год назад

Больше нет контента для загрузки