Construire une horloge géologique avec Claude Code : HTML unique + Three.js

Owen Thomas, un designer produit avec des compétences de base en HTML/CSS, a construit eona.earth — une horloge géologique qui projette les 4,5 milliards d'années d'histoire de la Terre sur un cadran de 12 heures synchronisé avec l'heure locale. Le projet a été entièrement réalisé avec Claude Code (formule Pro) et livré sous forme d'un fichier HTML unique avec du JavaScript vanilla, Three.js pour WebGL et un shader fragment personnalisé — sans étape de build.

Détails clés de la construction

• Utilisation de Claude Code : Principalement Sonnet pour l'implémentation, passage à Opus 4.6 pour les tâches complexes ou en cas de blocage. Tentative initiale avec Opus 4.7 mais jugé trop sur-conçu (par exemple, 4 passes de bruit par pixel à 60 ips).
• Shader WebGL personnalisé qui rend le globe avec des données paléogéographiques des continents. Les nuages procéduraux et la brume atmosphérique évoluent à mesure que l'on se déplace dans le temps géologique.
• Palette de couleurs conçue dans Gemini (version gratuite, mode Réflexion) pour créer un système pour 14 phases de l'évolution terrestre. Opus 4.6 a ensuite construit un éditeur de palette interactif (sans invite) pour ajuster les couleurs, les surfaces et les nuages — disponible sur eona.earth/colour-lab.html.
• Interaction : Faites glisser une poignée de curseur pour parcourir manuellement 4,5 milliards d'années. Activez/désactivez les calques via les commandes en haut à droite.
• Correspondances temporelles : 12:06 — formation de la Lune, 2:45 — première vie, 11:39 — extinction des dinosaures, les humains apparaissent dans les 3 dernières secondes.
• Dérive des continents : Terre boule de neige post-cryogénique rendue à l'aide de données paléogéographiques des continents (séries de cartes avec interpolation de forme).

Workflow et contraintes

Owen a travaillé en soirée pendant 2 semaines, en restant dans les limites de la formule Pro en étant intentionnel : sessions courtes, heures creuses, travail en dehors de Claude quand possible, et utilisation de fichiers de contexte. Le code source est sur GitHub à github.com/owen-thomas/eona-earth.

Fonctionnalités prévues

• Navigation au clavier pour sauter entre les événements
• Défilement sans rotation du globe (pour observer la dérive des continents)
• Projection de la Terre future couvrant la durée de vie restante de la planète (deuxième période de 12 heures)
• Version physique avec écran rond Waveshare + Raspberry Pi 4
• Design sonore
• Application montre/mobile/bureau