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
Post a Comment for "How Do I Fill White Space On Screen Web Gl Unity?"