[Часть 3] Создание веб-игры за 30 минут с помощью ИИ.

Внезапно возникла серия вопросов, но поскольку это интересно, то всё в порядке.

Теперь количество вопросов о багах и мелких правках постепенно увеличивается, поэтому

записать все вопросы будет непросто, но давайте попробуем.

В13. Добавьте в игру область холста (canvas) для отображения фонового изображения, персонажа и монстров над областью консоли.

-> После этого был сделан запрос на добавление графики, и область холста была добавлена с добавлением в 3 отдельных файла необходимых функций. При этом были добавлены функции отрисовки фона, персонажа и монстра, а также healthbar поверх персонажа и монстра (Вау!), пришлось подготовить изображения hero, goblin, orc, troll, dragon, background, поэтому в новой вкладке был сделан запрос на генерацию изображений в Perplexity (модель flux, тип illustrator).

При вводе на корейском языке изображения генерировались некорректно, поэтому был сделан запрос в следующем формате:

В13.1. fantasy, hero, right side, 2d pixel, 100x100size, character draw

В13.2. fantasy, goblin, right side, 2d pixel, 100x100size, character draw

В13.3. fantasy, orc monster, left side, 2d pixel, 100x100size, draw it.

13.4. fantasy, troll monster, left side, 2d pixel, 100x100size, draw it.

13.5. fantasy, dragon monster, left side, 2d pixel, 100x100size, draw it.

13.6. fantasy, forest, width 800pixel, height 400pixel, draw images

В14. Выведите весь исходный код ещё раз.

-> Был сделан запрос на вывод всего кода для внесения изменений.

В15. В конце файла game.js отсутствует часть кода. Выведите этот файл ещё раз.

-> В конце файла game.js обнаружилась небольшая ошибка, поэтому был сделан запрос на повторный вывод файла.

В16. Файл game.js слишком длинный. Можно ли разделить его по основным функциям?

-> Так как один js-файл стал слишком длинным, был сделан запрос на разделение по функциям для удобства дальнейшего обслуживания, и изменения были внесены, как показано ниже.

Да, конечно. Файл game.js можно разделить на части по основным функциям, чтобы упростить его обслуживание. Давайте попробуем разделить файл следующим образом:

characters.js: определение классов Character, Player, Monster
items.js: определение классов Weapon, Armor и связанных данных
game.js: класс Game и основная игровая логика
ui.js: функции, связанные с пользовательским интерфейсом (рисование холста, обновление состояния и т.д.)
main.js: функции инициализации и запуска игры

В17. Отсутствует файл main.js. Выведите этот файл ещё раз.

-> В конце пятого файла также обнаружилась ошибка, поэтому был сделан запрос на повторный вывод.

В18. Выведите исходный код html, включающий разделенные js-файлы.

-> Запрос на вывод html-кода, включающего разделенные файлы.

В19. Во время боя healthbar не отображается на canvas. Проверьте код и исправьте ошибку.

-> Healthbar отображается корректно, но только в начале, а во время боя не появляется, поэтому был сделан запрос на исправление.

В20. При вызове monsterImage в ui.js возникает ошибка. Исправьте её.

-> Произошла ошибка в функции, поэтому был сделан запрос на исправление.

На этом работа за обеденный перерыв завершена, и результат работает корректно.

https://ggoban.com/hof/