Construindo um Relógio Geológico com Claude Code: HTML Único + Three.js

Owen Thomas, um designer de produto com habilidades básicas em HTML/CSS, criou o eona.earth — um relógio geológico que mapeia os 4,5 bilhões de anos de história da Terra em um mostrador de 12 horas sincronizado com o horário local. O projeto foi construído inteiramente usando o Claude Code (plano Pro) e é distribuído como um único arquivo HTML com JavaScript puro, Three.js para WebGL e um fragment shader personalizado — sem etapa de build.

Detalhes principais da construção

• Uso do Claude Code: Usou principalmente o Sonnet para implementação, alternando para o Opus 4.6 em trabalhos complexos ou quando travava. Inicialmente tentou o Opus 4.7, mas achou superengenharia (ex.: rodando 4 passes de ruído por pixel a 60fps).
• Shader WebGL personalizado renderiza o globo com dados paleogeográficos dos continentes. Nuvens processuais e névoa atmosférica evoluem conforme você avança no tempo geológico.
• Paleta de cores foi criada no Gemini (plano gratuito, modo Thinking) para gerar um sistema para 14 fases da evolução da Terra. O Opus 4.6 então construiu um editor de paleta interativo (sem solicitação) para ajustar cores, superfícies e nuvens — disponível em eona.earth/colour-lab.html.
• Interação: Arraste um controle deslizante para percorrer 4,5 bilhões de anos manualmente. Ative/desative camadas pelos controles no canto superior direito.
• Mapeamentos de tempo: 12:06 — Lua se forma, 2:45 — primeira vida, 11:39 — dinossauros são extintos, humanos aparecem nos últimos 3 segundos.
• Deriva continental: Terra bola de neve pós-criogênica renderizada usando dados paleogeográficos dos continentes (série de mapas com morphing de formas).

Fluxo de trabalho e restrições

Owen trabalhou durante as noites ao longo de 2 semanas, mantendo-se dentro dos limites do plano Pro sendo intencional: sessões curtas, horários de menor uso, trabalhando fora do Claude quando possível e usando arquivos de contexto. O código-fonte está no GitHub em github.com/owen-thomas/eona-earth.

Funcionalidades planejadas

• Navegação por teclado para pular entre eventos
• Percorrer sem girar o globo (para observar a deriva continental)
• Projeção da Terra futura abrangendo o tempo restante do planeta (segundo período de 12 horas)
• Construção física usando display redondo Waveshare + Raspberry Pi 4
• Design de som
• Aplicativo para relógio/celular/desktop