Gargantúa
Agujero negro trazado en tiempo real: disco de acreción, lente gravitacional y efecto Doppler.
Abrir en el Observatorio3D · THREE.JS · WEBGL
Webs y apps 3D con Three.js y WebGL.
Construyo experiencias 3D interactivas para la web y el teléfono: escenas para una marca, objetos que se giran, visualizaciones y sitios enteros como éste. Shaders propios, rendimiento medido en dispositivos reales y el contenido siempre legible para Google.
Desarrollo 3D
Lo que construyo.
Sitios web 3D
Portadas y sitios completos con una escena en tiempo real que responde al visitante, como el sistema de este portafolio.
Modelos y visores 3D
Objetos que se observan de cerca, se giran y cambian de luz en el navegador, sin instalar nada.
Shaders a medida
GLSL propio: un agujero negro con lente gravitacional, un océano en movimiento, cristal iridiscente.
3D en el teléfono
Escenas que ajustan su resolución al ritmo de cada teléfono, en la web o dentro de una app con React Native y Expo.
Seis especímenes en tiempo real.
Cada uno se abre en el Observatorio de este sitio: míralos en vivo, también desde el móvil.
Tesseracto
Hipercubo de cristal que gira en cuatro dimensiones, con membranas iridiscentes.
Abrir en el Observatorio
Endurance
Nave de doce módulos con metal, paneles térmicos y ventanas encendidas.
Abrir en el Observatorio
Ranger
Nave de descenso con casco loftado, metal cañón y pluma de propulsión.
Abrir en el Observatorio
Miller
Un océano sin costa con oleaje y luz en tiempo real, hecho con shaders propios.
Abrir en el Observatorio
Edmunds
Un planeta de roca seca con provincias minerales y relieve en tiempo real.
Abrir en el ObservatorioCómo lo hago.
Rendimiento medido
Cada escena se mide en GPU real y en teléfonos: la resolución se adapta al dispositivo y la escena duerme cuando no se ve.
Legible para Google
El 3D nunca es el contenido: texto y enlaces viven en el HTML. Mi simulador de Gargantúa sale en Google Imágenes.
Accesible
Un solo interruptor apaga el movimiento, y los equipos modestos reciben una versión sin escena.
Preguntas frecuentes
Antes de escribirme.
¿Una web 3D funciona en el teléfono?
Sí. La escena de este sitio corre en teléfonos: ajusta su resolución al ritmo de cada uno y ofrece una versión sin 3D a los equipos que no pueden con ella.
¿El 3D perjudica el SEO?
No si se hace bien: el canvas va detrás y el contenido real está en el HTML. Las páginas 3D de este sitio aparecen en Google y en Google Imágenes.
¿Puedes usar mis modelos 3D?
Sí, en formato glTF, o construyo la geometría en código, como los cuerpos de este sitio.
¿Y dentro de una app móvil?
Sí. Con React Native y Expo la escena puede vivir dentro de la app; y como web, se abre en cualquier teléfono sin instalar nada.
¿Tienes una misión en mente?
Escríbeme con lo que necesitas. Leo cada mensaje y respondo personalmente.