# Tobi Moccagatta — Creative Developer > hey, I'm tobi. creative developer at basement.studio, working on shaders and 3D on the web. peek into my vision. - Site: https://tobis.vision — Tobi Moccagatta, Creative Developer at basement.studio - Canonical: https://tobis.vision - Contact: contact@tobis.vision ## Hey, I'm Tobi. I build the fun parts of the web: shaders, WebGPU, 3D. Currently at basement.studio. Available for freelance. ## Selected work ### Shader Lab _2026 · Creator and maintainer · Three.js, WebGPU, TSL, Next.js_ Open-source browser tool for stacking shader layers over images, video and audio, with custom TSL compiling live on three.js and WebGPU. Ships an MCP server, so agents can author shaders in it too. Links: [Shader Lab](https://eng.basement.studio/tools/shader-lab) ### Annex _2026 · Vercel Native, Three.js, WebGPU_ A fully local MacOS app to keep all your inspo in a single space. Keep it synced with X bookmarks, local folders, Pinterest, Cosmos, you name it. ### basement.studio _for basement.studio · 2025 · Worked on several features of the 3D scene. Made the basketball minigame, the 404, contributed to the inspectables, the arcade's easter egg, the contact rendering and animations, and more. Also made the songs that play from the speakers! · Next.js, Three.js, WebGL_ basement's website. Links: [basement.studio](https://basement.studio/) ### base.org _for base.org · 2025 · Contributed to the homepage's UI and all shader scenes present in the site, which are still used today. · Next.js, WebGL, Three.js_ Contributions to base.org's old website. Links: [base.org](https://base.org/) ## Services - Shaders & 3D - WebGPU migration - Motion & micro-interactions - Creative frontend - CMS integration & migration - Developer tooling - AI workflows ## Available Let's work together! contact@tobis.vision Based in Buenos Aires (UTC-3). ## Elsewhere - X: https://x.com/bewaretherat - Github: https://github.com/git-chad - LinkedIn: https://www.linkedin.com/in/tobiasmoccagatta/ - Email: contact@tobis.vision --- ## Other pages - [Experiments](https://tobis.vision/experiments) — A growing list of experiments across shaders, sound, scenes, and interaction. Markdown: https://tobis.vision/experiments.md - [Works](https://tobis.vision/works) — Shaders and real-time 3D for Coinbase, Modal, Baseten, E2B and Rox at basement.studio, plus Shader Lab and Annex. Markdown: https://tobis.vision/works.md - [About](https://tobis.vision/about) — Creative developer at basement.studio working on shaders, WebGL and WebGPU. Self-taught, in Buenos Aires, open to freelance. Markdown: https://tobis.vision/about.md - [Contact](https://tobis.vision/contact) — How to reach Tobi Moccagatta: one email address, what to put in it, what he takes on, and current availability from Buenos Aires (UTC-3). Markdown: https://tobis.vision/contact.md - [Privacy](https://tobis.vision/privacy) — What this site collects and what it does not: cookieless analytics, no forms, no trackers, and an in-memory rate-limit counter that expires with its window. Markdown: https://tobis.vision/privacy.md - [Developer resources](https://tobis.vision/developers) — Machine-readable tobis.vision: llms.txt, the OpenAPI spec, the read-only content API, and the markdown representation of every page. Markdown: https://tobis.vision/developers.md - [Notes](https://tobis.vision/notes) — Write-ups from building shaders and real-time 3D on the web: WebGPU, TSL and three.js, mostly the parts that went wrong. Markdown: https://tobis.vision/notes.md - [Grass (2026)](https://tobis.vision/experiments/grass) — A walkable Val d'Orcia field: 790,000 instanced grass cards on a procedurally baked atlas, backlit through a translucency map, bent by a travelling wind field and parted by a displacement trail you leave behind you. Markdown: https://tobis.vision/experiments/grass.md - [Critters](https://tobis.vision/experiments/critters) — Soft vinyl creatures raymarched from signed distance fields, morphing between forms as one continuous surface and reacting to your cursor. Markdown: https://tobis.vision/experiments/critters.md - [LPV](https://tobis.vision/experiments/lpv) — Real-time global illumination via light propagation volumes, hand-written in TSL on WebGPU compute. Markdown: https://tobis.vision/experiments/lpv.md - [BIP](https://tobis.vision/experiments/bip) — A holoprojector experiment with BIP, the robot influencer. Markdown: https://tobis.vision/experiments/bip.md - [Fluid](https://tobis.vision/experiments/fluid) — A WebGPU fluid simulation ported from Pavel Dobryakov's classic to three.js TSL. Markdown: https://tobis.vision/experiments/fluid.md - [Alpha-to-coverage, and the black edges it doesn't fix](https://tobis.vision/notes/alpha-to-coverage-foliage-atlases) — 790,000 grass cards you can walk inside cannot be depth-sorted. Alpha-to-coverage solves the ordering, a contrast curve solves mip alpha collapse, and neither touches the dark outlines. Markdown: https://tobis.vision/notes/alpha-to-coverage-foliage-atlases.md - [Real-time GI that just brightened the walls](https://tobis.vision/notes/real-time-gi-that-just-brightened-the-walls) — A light propagation volume can solve live and still read as a brightness slider: the missing sun-patch bounce, the dynamic range propagation destroys, and the read-side falloff that gives it back. Markdown: https://tobis.vision/notes/real-time-gi-that-just-brightened-the-walls.md - [An MCP server that lets an agent write WebGPU shaders](https://tobis.vision/notes/mcp-server-that-writes-webgpu-shaders) — You cannot render WebGPU in a Node process, so the server owns nothing and relays into a live editor tab. The compile feedback loop is what makes an agent able to write shaders at all. Markdown: https://tobis.vision/notes/mcp-server-that-writes-webgpu-shaders.md - [MSAA on a RenderTarget breaks GTAO on WebGPU](https://tobis.vision/notes/msaa-breaks-gtao-on-webgpu) — Why three.js GTAO fails with `Invalid ShaderModule "fragment_GTAO"` the moment a RenderTarget asks for samples, and what to do instead. Markdown: https://tobis.vision/notes/msaa-breaks-gtao-on-webgpu.md - [Making three.js bloom 9x faster with the Call of Duty blur](https://tobis.vision/notes/three-js-bloom-jimenez-dual-filter) — three.js renders a fixed 5-mip chain of separable Gaussians every frame and ignores your radius. The Advanced Warfare downsample/upsample took bloom from 8.2ms to 0.9ms. Markdown: https://tobis.vision/notes/three-js-bloom-jimenez-dual-filter.md ## Machine-readable - [llms.txt](https://tobis.vision/llms.txt) - [sitemap.xml](https://tobis.vision/sitemap.xml) - [robots.txt](https://tobis.vision/robots.txt) - [openapi.json](https://tobis.vision/openapi.json) - [developer resources](https://tobis.vision/developers)