Публикация от 16 октября 2026

Как сделать свой загрузочный экран для 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 😴