Создание геологических часов с помощью 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
👀 Смотрите также
Плагин Pair Programmer добавляет в Claude Code живую трансляцию экрана, голосовое и аудио-сопровождение.
Разработчик создал плагин под названием Pair Programmer, который предоставляет Claude Code восприятие рабочего стола в реальном времени, захватывая потоки экрана, микрофона и системного аудио. Архитектура использует специализированные агенты, работающие параллельно для различных типов ввода, при этом индексация в настоящее время обрабатывается облачными моделями, но спроектирована так, чтобы быть независимой от модели.
Топ-6 навыков Claude с открытым исходным кодом (15 апреля – 3 мая)
Шесть навыков Claude с открытым исходным кодом за последние 15 дней: бренд-алхимия, npm-downloads-to-leads, hyperframes, email-newsletter, ценообразование и другие. Подробный разбор функциональности каждого навыка.
SmallClaw V1.0.3 добавляет поддержку Webhooks, автоматизацию n8n и сервер MCP.
SmallClaw V1.0.3 представляет вебхук-эндпоинты для триггеров внешних сервисов, локальные рабочие процессы автоматизации с n8n и подключения к MCP-серверам для интеграции инструментов. Обновление сохраняет фокус инструмента на работе с небольшими локальными LLM.
Lightfeed Extractor: Библиотека на TypeScript для надежного извлечения веб-данных с использованием LLM
Lightfeed Extractor — это библиотека на TypeScript, которая обрабатывает полный конвейер от исходного HTML до проверенных структурированных данных с использованием LLM, с такими функциями, как преобразование HTML в markdown, валидация схем Zod, восстановление JSON и встроенная автоматизация браузера Playwright.