Jelly — Estrella de mar blandita en WebGPU
Una criaturita del océano que podés tocar, estirar y soltar, sin más instrucciones que "dale, hacé olas".
- Rol
- Diseño + Frontend
- Año
- 2026
- Disciplinas
- 3D / WebGL, Creative Coding, Interaction Design

01
El problema
La mayoría de las demos de WebGPU son cubos girando y contadores de partículas: técnicamente impresionantes, emocionalmente planas. Quería averiguar si un solo objeto 3D podía sentirse lo bastante vivo como para que la gente juegue con él sin que se lo pidan, y si el nuevo pipeline de renderizado está listo para algo que tiene que sentirse bien, no solo correr rápido.
02
La solución
Toda la página es una sola criatura. Una estrella de mar rosa y translúcida flota en un océano oscuro y estrellado y responde al cursor: si te acercás, deriva hacia vos; si agarrás un brazo, se estira como gelatina; si lo soltás, se bambolea hasta recuperar la forma. El texto es mínimo a propósito (un eyebrow, dos líneas de titular en sans y serif, y dos pistas abajo) para que la interacción sea la interfaz. Renderiza con WebGPU y Three.js, con un material moteado y con subsurface que vende la sensación de blandito.
- Estiramiento soft-body: agarrá un brazo, tirá y soltá
- Con el cursor cerca, la criatura deriva hacia vos
- Controles de teclado: las flechas mueven, la barra espaciadora hace rebotar, Escape suelta
- Material de gelatina translúcido y moteado, renderizado con WebGPU
- Texto editorial mínimo para que la interacción sea la interfaz
- Combinación tipográfica sans + serif sobre un fondo oscuro y estrellado
03
Resultado
Funciona en el navegador. Es un pequeño patio de juegos para las preguntas a las que siempre vuelvo en 3D: cómo hacer que un objeto se sienta físico, cómo invitar a tocar sin un tutorial y qué cambia WebGPU para el trabajo creativo en la web.
Stack
Three.js · WebGPU · React · Next.js · TypeScript
Más proyectos
2026
Vinyl Room — Tocadiscos 3D
Una caja de discos y un tocadiscos en 3D. Elegís un disco, lo ponés en el plato y suena su preview de 30 segundos mientras gira.
2026
Cubo de proyectos — Portfolio para resolver
Un cubo tipo Rubik donde cada una de sus seis caras es uno de mis proyectos. Arrastrá una cara para girarla, resolvelo en pocos movimientos o saltá directo a un proyecto.
2026
Loft interactivo — Escena 3D
Un loft que podés recorrer orbitando en el navegador. Todo lo que se ilumina al hacer hover se puede clickear: los muebles abren paneles, los objetos de la mesa hacen lo suyo y un Shiba da vueltas por ahí.