Создание пиксель-арт JRPG с помощью Claude Code: Рабочий процесс и стек технологий разработчика
Разработчик поделился опытом создания полноценной JRPG в пиксель-арте под названием Bakemachi с использованием Claude Code. Игра предназначена для изучения японского языка и включает игровое демо с реализованными основными элементами геймплея.
Детали проекта
В игре представлены исследование открытого мира, диалоги с NPC с интерактивной лексикой, мини-игры, система боя, отслеживание заданий, а также поддержка сенсорного, клавиатурного и контроллерного ввода. Игровое демо длится примерно 10–15 минут и доступно по адресу https://bakemachi-steam-demo-production.up.railway.app/ (нажмите «New Game», чтобы начать).
Технологический стек
- Фронтенд: Vite + React + TypeScript
- Игровой движок: Phaser 3 обрабатывает игровой холст (плиточное движение, спрайты, анимации)
- Управление состоянием: Zustand связывает Phaser и React
- Пользовательский интерфейс: React отрисовывает все оверлеи (диалоги, меню, HUD, бой, мини-игры)
- Ассеты: В основном созданы вручную или приобретены, некоторые «пиксель-арт» ассеты сгенерированы Nano Banana
Рабочий процесс с Claude Code
Разработчик использовал Claude Code (Opus 4.6) для всего проекта, отметив, что он не является геймдевом и это его первая игра. Его рабочий процесс включал:
- Описание требований на естественном языке
- Проверку кода, сгенерированного Claude
- Тестирование игры
- Итерации на основе результатов
Ключевые наблюдения о Claude Code
- Сложные изменения: Claude эффективно справлялся с изменениями в нескольких файлах, например, при добавлении системы боя, которая затрагивала около 8 файлов в хранилищах, компонентах, конфигурации и сценах Phaser, правильно определив архитектуру с первой попытки.
- Управление контекстом: Opus 4.6 показал лучшие результаты с длинным контекстом по сравнению с предыдущими версиями. Разработчик поддерживал файлы claude.md и progress.md для обеспечения плавного переключения между сессиями.
- Отладка: Claude отлично справляется с отладкой при предоставлении скриншотов или описаний визуальных ошибок, быстро отслеживая код и исправляя проблемы. Однако иногда он испытывает трудности с микро-специфичными фронтенд-задачами, такими как позиционирование элементов.
Разработчик планирует выпустить игру в Steam, iOS и Android в будущем и ищет отзывы как об игре, так и о своём рабочем процессе с Claude Code.
📖 Read the full source: r/ClaudeAI
👀 Смотрите также
SeatBee.app использует искусственный интеллект Claude для составления рассадки гостей на свадьбе.
SeatBee.app был создан с использованием Claude Code и Claude AI через OpenRouter для решения проблем с рассадкой гостей на свадьбах. ИИ обрабатывает задачи удовлетворения ограничений для 150 гостей с 20 правилами, генерирует оптимальную рассадку за секунды и понимает социальную динамику, например, создавая буферные зоны между людьми, пережившими болезненный разрыв.
Пользовательский рабочий процесс: Использование Claude.ai для планирования и Claude Code для реализации
Разработчик описывает использование Claude.ai для детального планирования и обсуждения архитектуры, затем Claude Code для реализации, но отмечает, что между двумя инструментами нет общего состояния, что требует ручной передачи файлов.
Разработка игр в Steam с использованием Claude Code: Процесс технического обзора и реструктуризация кода
Разработчик использовал Claude Code для создания и публикации игры в Steam, подробно описав, как он справился с интеграцией Steamworks SDK, настройкой депозита и локализацией на 7 языков, но столкнулся с трудностями с требованиями к изображениям и жёстко заданными структурами данных.
Создание управляемой платформы для размещения ИИ с использованием Rails 8, Docker и Traefik
Разработчик создал управляемую платформу хостинга для AI-приложений, используя Rails 8 монолит, PostgreSQL и API Hetzner Cloud, привлек 50 платящих клиентов за две недели. Технический разбор охватывает проблемы конфигурации Docker, SSE-стриминг через Traefik и обработку аварийных инцидентов с клиентскими инстансами.