Matias 🧉's banner
Matias 🧉's profile picture

Matias 🧉

@matiNotFound • 3,815 subscribers

🇦🇷 developer @vercel Prev @basementstudio, @DiputadosAR. member of @okaydevs

Shorts

(shaders) for humans and agents

(shaders) for humans and agents

14,771 views

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)

123,380 views

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 views

🔉Using the Geist Pixel to create music

🔉Using the Geist Pixel to create music

19,329 views

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,091 views

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,330 views

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 views

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 views

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 views

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,640 views

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,750 views

Videos

LIVE
1.2k

Anya Rossi

sweetdream.ai

SweetDream.aiSponsored•Livecam
Streaming Now

Watch Anya Live

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

HD live stream
Exclusive private shows
1.2k viewers online

Free preview available • Premium content

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.
0:41
matiNotFound's profile picture

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.

Matias 🧉

49,799 views • 2 months ago

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
0:47
matiNotFound's profile picture

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

Matias 🧉

165,851 views • 2 years ago

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵
0:21
matiNotFound's profile picture

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

Matias 🧉

27,091 views • 4 months ago

I asked Cursor "Go to localhost:3000 and click the plus button." Cooking an MCP server that will enable your AI to use websites. Useful for automating tasks or testing. Built with xmcp
0:20
matiNotFound's profile picture

I asked Cursor "Go to localhost:3000 and click the plus button." Cooking an MCP server that will enable your AI to use websites. Useful for automating tasks or testing. Built with xmcp

Matias 🧉

42,665 views • 11 months ago

🚀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
0:21
matiNotFound's profile picture

🚀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

Matias 🧉

63,432 views • 1 year ago

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 👏
0:43
matiNotFound's profile picture

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 👏

Matias 🧉

44,094 views • 1 year ago

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 🧵
0:39
matiNotFound's profile picture

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 🧵

Matias 🧉

30,782 views • 1 year ago

🚀 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
0:20
matiNotFound's profile picture

🚀 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

Matias 🧉

25,057 views • 1 year ago

The basement.studio has been cooking. New site is out 🚀 Of course, made with Three.js
0:24
matiNotFound's profile picture

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

Matias 🧉

13,005 views • 1 year ago

No more content to load