Awesome
A Better Unity WebGL template
I have no idea why Unity choose to not make its WebGL exporter default to filling the window like pretty much all other WebGL apps on the net but in any case here is a template
Example: https://greggman.github.io/better-unity-webgl-template/
Instructions 2020
Download and add in this unity package
into your project. Then pick Edit->Project Settings->Player
, in the WebGL tab
under Resolution and Presentation pick "Better2020".
Change Assets/WebGLTemplates/Better2020/logo.png
to whatever you want.
You can also set "Hide Full Screen Button" to 1
or true
if you don't want the fullscreen button to appear
in the bottom right.
See Unity docs on how to customize WebGL Templates.
Instructions 2019
Download and add in this unity package
into your project. Then pick Edit->Project Settings->Player
, in the WebGL tab
under Resolution and Presentation pick "BetterTemplate".
Change Assets/WebGLTemplates/BetterTemplate/logo.png
to whatever you want.
See Unity docs on how to customize WebGL Templates.
Changelist
-
0.1.0
- Add Unity 2020
-
0.0.3
-
Try to make mobile dialog appear above logo.
It's a little sad that Unity hard coded this rather than make it some kind of event and/or make the template itself handle this. The issue is there's no easy way to know if the inserted elements are the mobile warning or something else.
I suppose could check if the game has actually loaded. If no it's the mobile warning. If yes then disable the CSS. Oh well, burn that bridge when we get there.
-
Fix logo size css
-
Add viewport tag
-