Во весь экран
Приветствую!
Возможен ли запуск игры во весь экран? Кто-то сталкивался, может есть временное решение/хардкод?
Поковырялся в экспортированном файле html - получилось немного кривое, но вполне рабочее решение (работу спрайтов не проверял, но все кнопки меню работают):
В таблицу стилей (параграф StoryStyle) добавить стиль кнопки
#FullscreenButton {background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTkwMCAzNjAzIGwwIC02MTggMTY4IDE2OCAxNjcgMTY3IDQwOCAtNDA4IGMyMjQgLTIyNCA0MDcgLTQxMiA0MDcKLTQxNyAwIC0xMyAtODAyIC04MTUgLTgxNSAtODE1IC01IDAgLTgzIDczIC0xNzIgMTYyIGwtMTYzIDE2MyAwIC02MTggMCAtNjE3CjYxNyAwIDYxOCAwIC0xNjMgMTYzIGMtODkgODkgLTE2MiAxNjcgLTE2MiAxNzIgMCAxMyA4MDIgODE1IDgxNSA4MTUgNSAwIDE5MwotMTgzIDQxNyAtNDA3IGw0MDggLTQwOCAtMTY3IC0xNjcgLTE2OCAtMTY4IDYxOCAwIDYxNyAwIDAgNjE3IDAgNjE4IC0xNjUKLTE2NSAtMTY1IC0xNjUgLTQxMyA0MTMgLTQxMiA0MTIgNDEwIDQxMCA0MTAgNDEwIDE2NyAtMTY3IDE2OCAtMTY4IDAgNjE4IDAKNjE3IC02MTcgMCAtNjE4IDAgMTY4IC0xNjggMTY3IC0xNjcgLTQwOCAtNDA4IGMtMjI0IC0yMjQgLTQxMSAtNDA3IC00MTUKLTQwNyAtMTEgMCAtODE3IDgwNSAtODE3IDgxNiAwIDUgNzMgODIgMTYyIDE3MSBsMTYzIDE2MyAtNjE4IDAgLTYxNyAwIDAKLTYxN3oiLz4KPC9nPgo8L3N2Zz4K);}
Добавить кнопку перехода в полноэкранный режим
<td width='20%' align='left'>
<nobr><div class='imgbutton' style='margin-left:8px;' onclick='asmGlobal_tbAnimate(this,event);asmGlobal_togglePrint(false,true);event.stopPropagation();' id='ViewButton'></div>
<div class='imgbutton' style='margin-left:8px;' onclick='asmGlobal_tbAnimate(this,event);openFullscreen();' id='FullscreenButton'></div>
</nobr></td>
Ну и в <script></script> добавить
var elempage = document.documentElement;
function openFullscreen() {
if (elempage.requestFullscreen) {
elempage.requestFullscreen();
} else if (elempage.webkitRequestFullscreen) { /* Safari */
elempage.webkitRequestFullscreen();
} else if (elempage.msRequestFullscreen) { /* IE11 */
elempage.msRequestFullscreen();
}
}
И, наконец, в функцию asmGlobal_StartGame() добавить вызов функции openFullscreen()
function asmGlobal_StartGame() {
asmGlobal.musicAudio.play();
asmGlobal.showCover = false;
asmGlobal.pageDiv.style.display = 'block';
openFullscreen();
asmGlobal.toolbarDiv.style.display = 'block';
asmGlobal_MenuInit();
asmGlobal_PrintLocation('Start');
}
Готово. Может кому-нибудь еще пригодится)