Создание пиксель-арт JRPG с помощью Claude Code: Рабочий процесс и стек технологий разработчика

✍️ OpenClawRadar📅 Опубликовано: 27 февраля 2026 г.🔗 Source
Создание пиксель-арт JRPG с помощью Claude Code: Рабочий процесс и стек технологий разработчика
Ad

Разработчик поделился опытом создания полноценной 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
Ad

Рабочий процесс с 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

Ad

👀 Смотрите также

OpenClaw на AWS Lightsail: Разбор затрат и уроки по настройке
Кейсы

OpenClaw на AWS Lightsail: Разбор затрат и уроки по настройке

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

OpenClawRadar
Как я создал 62 бесплатных инструмента за месяц с помощью Claude Code и скрипта с циклом
Кейсы

Как я создал 62 бесплатных инструмента за месяц с помощью Claude Code и скрипта с циклом

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

OpenClawRadar
Эпизод 9: Создание магазина под управлением ИИ — Координация мультиагентов для кодовых агентов Claude
Кейсы

Эпизод 9: Создание магазина под управлением ИИ — Координация мультиагентов для кодовых агентов Claude

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

OpenClawRadar
Рабочий процесс корпоративного разработчика Claude для бэкенд-разработки
Кейсы

Рабочий процесс корпоративного разработчика Claude для бэкенд-разработки

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

OpenClawRadar