Construyendo un Reloj Geológico con Claude Code: HTML Único + Three.js

Owen Thomas, un diseñador de productos con habilidades básicas de HTML/CSS, creó eona.earth, un reloj geológico que asigna los 4.500 millones de años de historia de la Tierra a una esfera de reloj de 12 horas sincronizada con la hora local. El proyecto se construyó completamente usando Claude Code (plan Pro) y se distribuye como un único archivo HTML con JavaScript vanilla, Three.js para WebGL y un shader de fragmentos personalizado, sin paso de compilación.

Detalles clave de la construcción

• Uso de Claude Code: Principalmente se usó Sonnet para la implementación, cambiando a Opus 4.6 para trabajos complejos o cuando se quedaba atascado. Inicialmente probó Opus 4.7, pero resultó ser sobredimensionado (por ejemplo, ejecutando 4 pases de ruido por píxel a 60 fps).
• Shader WebGL personalizado renderiza el globo con datos de continentes paleogeográficos. Nubes procedurales y neblina atmosférica evolucionan a medida que avanzas en el tiempo geológico.
• Paleta de colores diseñada en Gemini (plan gratuito, modo Pensamiento) para crear un sistema para 14 fases de la evolución de la Tierra. Opus 4.6 luego construyó un editor de paleta interactivo (sin solicitud) para ajustar colores, superficies y nubes, disponible en eona.earth/colour-lab.html.
• Interacción: Arrastra un control deslizante para recorrer manualmente 4.500 millones de años. Activa o desactiva capas mediante los controles en la esquina superior derecha.
• Correspondencias temporales: 12:06 — se forma la Luna, 2:45 — primera vida, 11:39 — los dinosaurios se extinguen, los humanos aparecen en los últimos 3 segundos.
• Deriva continental: La Tierra bola de nieve post-criogénica se renderiza usando datos de continentes paleogeográficos (series de mapas con interpolación de formas).

Flujo de trabajo y limitaciones

Owen trabajó por las tardes durante 2 semanas, manteniéndose dentro de los límites del plan Pro siendo intencional: sesiones cortas, horas valle, trabajando fuera de Claude cuando era posible y usando archivos de contexto. El código fuente está en GitHub en github.com/owen-thomas/eona-earth.

Funciones planeadas

• Navegación por teclado para saltar entre eventos
• Avance sin que el globo gire (para observar la deriva continental)
• Proyección futura de la Tierra que cubra la vida restante del planeta (segundo período de 12 horas)
• Versión física con pantalla redonda Waveshare + Raspberry Pi 4
• Diseño de sonido
• Aplicación para reloj, móvil y escritorio