Как сделать свой загрузочный экран для WebGL-игры с SDK Playgama.
Не знаю как вам, а мне не очень нравится черный стандартный экран загрузки, думаю игрокам тоже... 😠
А если просто накинуть фоновую картинку в html файл, то перед отрисовкой первой сцены пару секунд будет висеть неприятный черный экран ⬛
Проблема:
Playgama прячет свой прогресс-бар сразу после загрузки движка. Но Unity в этот момент ещё грузит первую сцену - игрок видит статичный чёрный кадр.
Решение:
В index.html добавляем свой оверлей с фоновой картинкой и прогресс-баром
HTML
window.hideLoadingOverlay = function () {
const overlay = document.getElementById('loading-overlay');
if (overlay) {
overlay.classList.add('hidden');
setTimeout(() => {
overlay.style.display = 'none';
}, 600);
}
};
Ставим z-index: 9999
Не скрываем оверлей по таймеру - ждём сигнал из unity, что всё чётко загрузилось
В unity ждём один кадр - WaitForEndOfFrame() и вызываем Application.ExternalEval("window.hideLoadingOverlay()"), когда первая сцена отрисована.
Application.ExternalEval(
"if (typeof window.hideLoadingOverlay === 'function') window.hideLoadingOverlay();"
);
В итоге - игрок видит вашу супер имбовую картинку на фоне и не скучает☺️
#gamedev #unity #WebGL #Playgama
😴
@lazzzy_gamedev 😴
