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

Downloand 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.0.4

  • Unity 2020 compatibility

    The new Unity WebGL that appeared in 2020.1 requires greater attention and a different treatment for the templates.

• 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