Skip to content Skip to sidebar Skip to footer

How Do I Fill White Space On Screen Web Gl Unity?

whitespace image hardcoded image so this game we are making i want the game screen to fill up the white space (i think this is called making it the native resolution?). the coder

Solution 1:

You need to make your own template by changing the HTML as documented here. You can choose either one of the defaults or create your own template.

According to those docs you create folder in Assets called WebGLTemplates and inside that create a new folder for your template like BetterTemplate. Inside that put an index.html file and any other images, css, JavaScript files you want included with your game.

The index.html could look something like this

<!DOCTYPE html><htmllang="en-us"><head><metacharset="utf-8"><title>%UNITY_WEB_NAME%</title><style>body { margin: 0; }
      #gameContainer { width: 100vw; height: 100vh; }
      canvas { width: 100%; height: 100%; }
    </style><scriptsrc="Build/UnityLoader.js"></script><script>var gameInstance = UnityLoader.instantiate("gameContainer", "Build/dist.json");
    </script></head><body><divid="gameContainer"></div></body></html>

Then you pick Edit->Project Settings->Player from the menus and under the WebGL tab choose your template

Here's an example that fills the window.

Post a Comment for "How Do I Fill White Space On Screen Web Gl Unity?"