HTML Project Settings

Development Platform & Builds
, ,
1

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?

2

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>

==