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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

(shaders) for humans and agents

(shaders) for humans and agents

14,771 görüntüleme

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 görüntüleme

🔉Using the Geist Pixel to create music

🔉Using the Geist Pixel to create music

19,589 görüntüleme

$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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme • 16 gün önce

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 görüntüleme • 24 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 7 ay önce

🚀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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

🚀 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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

Daha fazla içerik yok.