Blog · BITÁCORA DE A BORDO
Entradas largas y técnicas sobre cómo se hizo cada pieza de este sitio —shaders, Three.js, Next.js, rendimiento— con el código y las cifras reales, no con resúmenes.
Gargantúa no es un efecto: casi todo lo que se ve en pantalla lo dicta la gravedad. Qué es la sombra, por qué el disco aparece por encima y por debajo, qué es el anillo de fotones y qué quitó la película a propósito.
Qué mirar en un portafolio, qué tiene que decir una propuesta, por qué pedir avances que puedas abrir desde el teléfono y qué preguntar sobre el dominio, el código y el después. Lo que yo pediría si fuera el cliente.
Un cubo de cuatro dimensiones que gira en planos que no existen en nuestro espacio, dibujado con un solo trazo de luz. Los 16 vértices, la rotación en W, la perspectiva y lo que hizo falta para que no pareciera una jaula.
Un sitio con un agujero negro trazado en tiempo real suele ser invisible para los buscadores y pesado en un móvil. Las reglas, los niveles de efectos y las mediciones con las que este no lo es.
Cómo está hecho este sitio en inglés y español con el App Router de Next.js 16: rutas traducidas, una sola fuente para todas las URL, hreflang, sitemap, selector de idioma y ni una línea de middleware.
Gargantúa, el centro de este portafolio, no está dibujado: un shader sigue la luz rayo a rayo alrededor del agujero negro. La física, el disco, el Doppler y lo que costó que corriera en cualquier equipo.