Журнал разработки игр Claude: Уроки и стек разработки агентного Three.js

Агентный рабочий процесс разработки игр

Веб-разработчик без опыта в геймдеве создавал игру Three.js Line Rider под названием LUMINAL полностью с помощью Claude AI в течение двух недель, не написав ни строчки кода самостоятельно. Разработчик сообщает, что с настойчивостью и подпиской Claude 5x или 20x можно создать качественную игру за несколько месяцев.

Ключевые практики разработки

• Стратегия Git: Используйте Git worktrees, чтобы избежать конфликтов, поддерживайте ветку develop и работайте исключительно в feature-ветках. Завершайте сессии ИИ и начинайте новые после завершения каждой функции.
• TypeScript и тестирование: Внедряйте TypeScript на ранних этапах и пишите модульные тесты заранее, включая тесты в каждый план, пока контекст доступен. Регулярно проводите аудит тестов и не откладывайте сквозное тестирование.
• Осведомленность об инфраструктуре: Определяйте, когда Claude выполняет повторяющиеся задачи, и создавайте общую инфраструктуру до того, как контроль качества станет рутиной.
• Интеграция инструментов: Используйте плагин Superpowers для развития навыков и мозгового штурма, а также подписку Codex за $20 для ревью кода, создания спецификаций и точечных правок UI (лучше, чем Claude для обратной связи по UI на основе изображений).
• Настройка терминала: Рекомендуется терминал WARP вместо других вариантов.

Решение ограничений ИИ

ИИ испытывает трудности с субъективными вопросами, такими как цветовые палитры, уровни свечения и процедурный звуковой дизайн. Решение: заставить Claude создать сотни административных слайдеров и переключателей для параметров вроде свечения, цветовых карт и процедурных звуков, с функцией экспорта/импорта JSON для передачи конфигураций обратно ИИ.

Использование ресурсов

Используйте существующие ресурсы вместо создания всего с нуля: 21st.dev, CodePen, Sketchfab и ассеты сообщества.

Мудрость разработки

• Вы можете создавать быстрее, чем исправлять ошибки. Слишком быстрое добавление функций приводит к неделям полировки и тестирования в браузерах.
• Используйте простои для планирования с помощью инструментов вроде Workflowy, сохраняя 20-30 планов/идей/исправлений багов для детализации с ChatGPT/Codex во время ожидания Claude или лимитов использования.
• Сосредоточьтесь на обучении и удовольствии, а не на немедленной монетизации.

Стек технологий

• Основное: TypeScript, Three.js, Vite
• Бэкенд: Firebase (Auth, RTDB, Firestore, Hosting, Cloud Functions)
• Игровой сервер: Node.js с библиотекой WebSocket ws
• Тестирование/линтинг: Vitest + ESLint
• Сетевой код: Детерминированная пошаговая симуляция, синхронизирующая только дельты ввода через WebSocket ретранслятор (Cloudflare Workers). Использует seeded RNG + обнаружение рассинхронизации по хешу кадра для согласованного состояния между клиентами. Требует доработки переподключения.

URL игры: https://luminal.live/ (описана как "всё ещё глючная мешанина")