Создание пиксель-арт 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
👀 Смотрите также

OpenClaw на AWS Lightsail: Разбор затрат и уроки по настройке
Разработчик потратил $100 за неделю на запуск OpenClaw на AWS Lightsail с Claude Sonnet 4.6 через Bedrock, обнаружив, что настройки песочницы, управление токенами и размер промптов существенно влияют на функциональность и затраты.

Как я создал 62 бесплатных инструмента за месяц с помощью Claude Code и скрипта с циклом
Разработчик опубликовал 62 браузерных, SEO-готовых инструмента за 30 дней, используя shell-скрипт по имени Ralph, который автономно запускает Claude Code слоями, а также параллельный cook.sh для одновременного запуска нескольких инструментов.

Эпизод 9: Создание магазина под управлением ИИ — Координация мультиагентов для кодовых агентов Claude
Последний эпизод серии об оркестрации посвящён тому, как шесть кодовых агентов Claude координируют передачу задач, избегают конфликтов и сохраняют состояние между сессиями при управлении ИИ-компанией.

Рабочий процесс корпоративного разработчика Claude для бэкенд-разработки
Бэкенд-разработчик из крупной американской финансовой компании делится своим рабочим процессом с Claude: предоставление подробных описаний задач со спецификациями и внутренними документами, использование Claude для создания рабочего документа в формате markdown, а затем применение агента codeReviewing с организационными стилевыми рекомендациями.