Is it possible to get HTML Project to fill the entire web-page without the white frame and the four options below it, “Pause, Resume, IndexedDB, Full Screen”? Are there any settings for that?
Yes, you can. I’m changing the HTML page to hide some options and scale the canvas to almost full-page, just open the HTML and replace the <Body> header with this code:
<body>
<button type="button" class="btn btn-primary" id="fullscreen_request">FullScreen</button>
<span style="color: #d7d7d7; font-size: 1.1rem; font-weight: bold;">Works only with 64Bit browsers : Opera, Chrome, Firefox. Click the game area to lock the mouse. Press ESC key to unlock the mouse. </span>
<style>
body { background-color: #000000; }
#buttonrow { display: none;}
#fullscreen_request { margin: 5px; }
#mainarea { margin: 0px; width: 100%; height: 90% !important; max-width: unset; }
#canvas { width: 100% !important; height: 100% !important; margin: 0px !important; margin-left: unset !important; margin-right: unset !important; }
</style>
<script>
try {
window.setTimeout(function() {
$("body").prepend("<span style=\"color: #d7d7d7; font-size: 1.1rem; font-weight: bold;\">Works only with 64Bit browsers : Opera, Chrome, Firefox. Click the game area to lock the mouse. Press ESC key to unlock the mouse. </span>");
$("body").prepend($("#fullscreen_request"));
}, 100);
} catch(err) { throw "Bad custom script, id 1."; }
</script>
==