Создание геологических часов с помощью Claude Code: единый HTML + Three.js

Оуэн Томас, продуктовый дизайнер с базовыми навыками HTML/CSS, создал eona.earth — геологические часы, которые отображают 4,5-миллиардную историю Земли на 12-часовом циферблате, синхронизированном с местным временем. Проект был целиком построен с использованием Claude Code (тариф Pro) и выпущен как один HTML-файл с ванильным JS, Three.js для WebGL и пользовательским фрагментным шейдером — без этапа сборки.

Ключевые детали сборки

• Использование Claude Code: В основном использовался Sonnet для реализации, переключение на Opus 4.6 для сложной работы или при затруднениях. Изначально пробовали Opus 4.7, но он оказался излишне сложным (например, 4 прохода шума на пиксель при 60fps).
• Пользовательский шейдер WebGL отображает глобус с палеогеографическими данными континентов. Процедурные облака и атмосферная дымка меняются по мере перемещения по геологическому времени.
• Цветовая палитра была разработана в Gemini (бесплатный тариф, режим Thinking) для создания системы из 14 этапов эволюции Земли. Затем Opus 4.6 построил интерактивный редактор палитры (без запроса) для настройки цветов, поверхностей и облаков — доступен на eona.earth/colour-lab.html.
• Взаимодействие: Перетаскивайте ползунок для ручного перемещения по 4,5 миллиардам лет. Включайте/выключайте слои через элементы управления в правом верхнем углу.
• Временные соответствия: 12:06 — формирование Луны, 2:45 — первая жизнь, 11:39 — вымирание динозавров, люди появляются в последние 3 секунды.
• Дрейф континентов: Посткриогенная «Земля-снежок» отображается с использованием палеогеографических данных континентов (серия карт с морфингом форм).

Рабочий процесс и ограничения

Оуэн работал вечерами в течение 2 недель, оставаясь в рамках тарифа Pro за счет осознанного подхода: короткие сессии, непиковые часы, работа вне Claude где возможно и использование контекстных файлов. Исходный код на GitHub: github.com/owen-thomas/eona-earth.

Планируемые функции

• Навигация с клавиатуры для перехода между событиями
• Перемотка без вращения глобуса (для наблюдения дрейфа континентов)
• Прогноз будущего Земли, охватывающий оставшийся срок жизни планеты (второй 12-часовой период)
• Физическая сборка с использованием круглого дисплея Waveshare + Raspberry Pi 4
• Звуковой дизайн
• Приложение для часов/мобильных/ПК