Давайте научимся разделять код на разные файлы для удобства просмотра и поиска. Сначала создаём новую папку и называем её components затем в этой папке создаём файл loader.js причём .js в конце названия обязательно. Далее выделяем всю функцию loadSprite() и вырезаем её. Да я понимаю что мы её только недавно вставили, но в процессе разработки и редактирования кода вам очень часто прийдётся вырезать и переносить куски кода по несколько раз так что привыкайте. Далее вставляем этот код в новый файл.
Просто так код из другого файла работать не будет и нам нужно экспортировать его из нового файла и импортировать в изначальный код с игрой game.js . Для этого создаём новую функцию
export default function loader()И внутрь неё в фигурные скобки вставляем весь код. Для этого откройте фигурную скобку после default export function
loader() { и в самом конце кода закройте скобку } как показано на скриншотах. Затем нам надо импортировать эту функцию в главный скрипт с игрой game.js для этого в самом верху пишем import loader from "./components/loader.js"
И после инициализации kaboom() вызываем нашу функцию loader()Но даже сейчас все ещё код не будет работать. Потому что нужно указать тип нашего скрипта как модуль. Для этого открываем файл index.html и src="game.js" пишем
type="module" как показано на последнем скрине. И вот уже после этого все должно работать. Запускайте игру и проверяйте.P.S. мы изменили структуру кода и наших файлов, и проделали большую работу, но в игре ничего не изменилось. Такое часто бывает во время разработки игры большинство трудов разработчика остаются за кадром и не видны игрокам, главное не расстраивайтесь и получайте удовольствие от разработки и не забывайте отдыхать)