Создание геологических часов с помощью 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
- Звуковой дизайн
- Приложение для часов/мобильных/ПК
📖 Читать полный источник: r/ClaudeAI
👀 Смотрите также
Инструмент командной строки Claude-switch автоматически переключается между аккаунтами Claude Max при достижении лимитов использования.
Разработчик создал claude-switch — CLI-инструмент на bash из 250 строк, который сохраняет и восстанавливает учётные данные Claude Code из macOS Keychain для переключения между аккаунтами при достижении лимитов использования. Инструмент устраняет необходимость повторной аутентификации в браузере и поддерживает непрерывность рабочего процесса.
Жан-Клод: Сатирический фронтенд для LLM, высмеивающий регулирование ИИ в ЕС, с 412 файлами cookie и счетами-фактурами с НДС через каждые 5 сообщений
Jean-Claude — это сатирический фронтенд для LLM, который доводит бюрократию в стиле ЕС до абсурда: 412 партнеров по куки, принцип четырех глаз с обязательной подписью, отслеживание CO₂ за токен с обязательным возмещением в евро, счета НДС каждые 5 сообщений и центр соответствия с фейковыми метриками GDPR и AI Act.
Открытый исходный код для параллельных AI-агентов кодирования с человеческим шлюзом
Определение навыка в формате Markdown для запуска параллельных агентов Claude Code в отдельных git worktree с проверкой интеграционной ветки, дымовыми тестами и жестким контролем человека перед слиянием в production.
TextForge: Инструмент для утверждения электронных писем, созданный на основе Claude Code, для рабочих процессов с использованием больших языковых моделей (LLM).
Разработчик создал TextForge с помощью Claude Code для автоматизации рабочих процессов электронной почты с обязательными этапами утверждения, предотвращая отправку писем ИИ-моделями без явного разрешения пользователя. Инструмент интегрируется с CRM Pipedrive и требует соответствия требованиям аудита безопасности Google CASA2.