Sitio completo para un lodge astronómico en el desierto de Atacama, con su logo, hecho por Stratus para un alojamiento ficticio. En venta para un alojamiento real.
La idea
En Atacama se viaja por el cielo. Un lodge que vende la noche no puede mostrarla con una foto fija: Cielaria la recorre entera, hora por hora, y ayuda a elegir una noche sin luna.
Cómo está hecho
La intro abre una cúpula de observatorio en dos y deja ver la portada del lodge, con su buscador de fechas. Después, el scroll es la hora: de las 18:15 a las 07:45 se pone el sol, salen las estrellas, la Vía Láctea pasa sobre la terraza y, en la exposición larga, las estrellas trazan su arco alrededor del polo sur celeste mientras un reloj gigante marca la hora y el itinerario del lodge aparece a su hora. Con estrellas a la vista la interfaz pasa a luz roja, la que usan los observadores. Después, un ocular que enfoca con el scroll, las cúpulas y un calendario de la luna para elegir una noche oscura, que llena la reserva.
Lo que puedes comprobar
- Lighthouse en conceptos.stratus.cl (31-10-2026, después de la portada nueva): 100 en rendimiento, accesibilidad, buenas prácticas y SEO en celular, y 99, 100, 100 y 100 en escritorio
- La primera carga pesa 159 KB en celular, con imágenes y fuentes incluidas (misma medición)
- El pie es una carta del cielo calculada en el navegador para la noche en que se visita: las estrellas brillantes sobre el horizonte, la Luna con su fase y la puesta de sol de ese día, aproximadas
- El cielo está en coordenadas reales: la latitud de San Pedro de Atacama, el tiempo sidéreo, estrellas brillantes conocidas en su lugar, la Vía Láctea según las coordenadas galácticas y las Nubes de Magallanes. El resto de las estrellas es procedural
- Las estelas de la exposición larga se calculan como arcos exactos para cada hora: al subir con el scroll se acortan igual que se alargaron
- La escena corre en un worker con OffscreenCanvas: a 3440 x 1320, en un equipo con GTX 1070, se mantuvo entre 103 y 122 cuadros por segundo, sin tareas largas en el hilo principal (medición local del 31-10-2026). Si el equipo no alcanza, baja sola su resolución interna
- Las fases de la luna se calculan en el navegador (aproximadas) y se dibujan como se ven desde el hemisferio sur
- Las imágenes de las cúpulas y las del celular salen de la misma escena; el cúmulo del ocular es una ilustración procedural, rotulada como tal
- La fuente de respaldo tiene las medidas de la real: al llegar, el texto casi no se mueve (desplazamiento acumulado de 0,0002 en celular y 0,0017 en escritorio, misma medición)
- En celular no corre el 3D: cada hora llega como imagen. Si el sistema pide menos movimiento, el cielo y las imágenes quedan fijos
Lo técnico
Astro, three.js en un worker con OffscreenCanvas, GSAP, ScrollTrigger y Lenis, cargados solo en escritorio, Jost, una geométrica en la línea de Futura, con su fuente de respaldo medida.
