Найти тему

Как сменить дефолтный экран загрузки в HTML5 игре на Game Maker

Оглавление

Добрый день, дорогие читатели! И еще одна статья, написанная по просьбам подписчиков. Это будет очень коротенькая статья с полной инструкцией о замене дефолтного экрана загрузки в HTML5 игре, созданной на Game Maker.

Зачем это может пригодиться?

Как я писал в статье про прохождение мной модерации на Яндекс Играх, иногда модераторы могут отклонить игру, если вы укажите, что она локализована на какие-то другие языки кроме английского как раз из за дефолтного загрузочного экрана. Описывал я вот в этой статье:

Почему модераторы отклоняют? Да дело в том, что на дефолтном экране загрузки HTML5 игры, собранной на Game Maker помимо прогресс бара присутствует еще и надпись "Loading". И выглядит это вот таким образом:

Дефолтный экран загрузки HTML5 игры, созданной на Game Maker
Дефолтный экран загрузки HTML5 игры, созданной на Game Maker

Т.е. в данном случае, чтобы вам пройти модерацию на Яндекс Игры, нужно:

  • Либо убрать все упоминания о том, что игра локализована на какие-то другие языки, кроме английского (включая русский).
  • Либо вам нужно делать различный экран загрузки под каждую страну, переводя эту надпись на все необходимые языки.
  • Либо же вообще убрать эту надпись из экрана загрузки.

Как вы понимаете, самый простой способ как раз последний. Им я и воспользовался.

Каким образом поменять загрузочный экран HTML5 игры на Game Maker?

Сделать это прям из самого Game Maker напрямую не представляется возможным, так как этот загрузочный экран по сути работает еще до запуска самой игры. Т.е. сменить его можно только внеся код, написанный на языке JavaScript. Но это можно сделать косвенно, загрузив в ваш проект расширение, которое как раз написано на JavaScript'е и которое поменяет этот загрузочный экран.

Такого языка программирования мы с вами не знаем, но есть очень знаменитый в наших кругах человек Вадим Дяченко, известный под ником YellowAfterlife (или сокращенно просто yal). Это очень опытный пользователь движка Game Maker, наверное один из самых известных в русскоговорящем сегменте сети, так как он начинал еще с очень ранних версий этого движка. И если я не ошибаюсь, он даже напрямую как-то сотрудничал с создателями GM. Чем он еще знаменит? Да тем, что знает и другие ЯП и пишет крутые расширения для нашего любимого движка. Вот как раз под его авторством есть бесплатное расширение для смены загрузочного экрана в HTML5 игре. Им мы и воспользуемся.

Кому интересно, прикрепляю ссылку на его сайт:

YellowAfterlife

Мы же для скачивания его расширения переходим по этой ссылке:

HTML5 extensions for GameMaker

И нажимаем "Download Now":

Скриншот с сайта с расширением для смены загрузочного экрана HTML5 игры от yal
Скриншот с сайта с расширением для смены загрузочного экрана HTML5 игры от yal

У вас откроется следующее окно с возможность скачивания двух файлов. Один из них - это само расширение, а второй, это пример проекта, созданного на Game Maker:

Ссылки на скачивание двух файлов
Ссылки на скачивание двух файлов

Нам нужен лишь один из них, само расширение, а именно ImgLoadbar.gmez

Качайте его. Это локальный пакет с расширением, которые мы уже несколько раз импортировали в наши игры. Думаю вы уже прекрасно разберетесь как это сделать, если читали предыдущие статьи. Но лишний раз напомню.

Открывайте свою игру. Нажимайте Tools ->Import Local Package

Импортируем локальный пакет в нашу игру
Импортируем локальный пакет в нашу игру

В открывшемся окне находим наш скаченный файл ImgLoadbar.gmez и выбираем его. Откроется следующее окно, в котором нужно будет нажать "Add all" и далее "Import"

Импортируем расширение с локального пакета в вашу игру
Импортируем расширение с локального пакета в вашу игру

Далее остается только сменить дефолтный экран загрузки на экран загрузки с этого расширения. Для этого переходим в глобальный настройки HTML5:

Выбираем настройки HTML5
Выбираем настройки HTML5

Ну а далее думаю уже сами разберетесь что делать:

Меняем дефолтное расширение экрана загрузки
Меняем дефолтное расширение экрана загрузки

Все готово! Можете запустить и посмотреть результат. У вас должно получиться что-то вроде этого (просто прогрессбар без надписи):

Новый экран загрузки
Новый экран загрузки

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

Вариант экрана загрузки HTML5 игры (изображение взято из сети)
Вариант экрана загрузки HTML5 игры (изображение взято из сети)

Но в данной статье я уже не буду затрагивать это. Уж слишком много материала выйдет и он окажется сложноватым, так как там придется работать с html и javascript. Надеюсь сами при необходимости сможете разобраться. Я в своих HTML5 играх на загрузочном экране просто менял белый фон на темный, и менял цвет самого прогресс бара.

Спасибо, что дочитали статью до конца! Надеюсь она действительно окажется вам полезной. Ставьте лайки, оставляйте комментарии, подписывайтесь, делитесь - это все мотивирует меня писать дополнительные статьи на данном канале.