Daniel García
Volver a los proyectos

Atlas Celestial

Esfera astronómica interactiva que se arma como un puzzle y revela mapas de constelaciones de cuatro culturas.

Composición de Atlas Celestial: esfera de bronce seccionada y grabada frente a un cielo oscuro.
Rol
Diseño y desarrollo
Año
2026
Stack
  • React 19
  • TypeScript
  • Three.js
  • WebGL
  • Cloudflare Workers

Problema

El mapa debía sentirse como un objeto que se descubre con las manos: doce piezas, giros que pueden bloquearse entre sí y glifos que sólo responden al encajar.

Ingeniería

Un modelo 3D en Three.js conserva las reglas mecánicas del puzzle: cada giro encaja al soltarlo, un giro parcial impide el perpendicular y tres glifos activan el atlas. El mapa proyecta datos estelares reales y cambia entre tradiciones occidental, inuit, china y egipcia. La geometría, los materiales y los archivos de cada cultura se preparan para escritorio y móvil.

Resultado

Publicado en Cloudflare con cuatro mapas culturales, fichas bilingües de constelaciones y una solución animada para explorar el instrumento sin resolverlo manualmente.

Funcionalidades

  • Doce secciones con giros horizontales y verticales, bloqueos y encaje automático.
  • Tres glifos físicos que se hunden al pulsarlos y desbloquean el mapa.
  • Mapas occidental, inuit, chino y egipcio con materiales propios.
  • Atlas estelar interactivo con zoom, selección y fichas en español e inglés.
  • Armado automático animado y calidad adaptable para móvil.