https://github.com/greggman/better-unity-webgl-template

A better default template for Unity WebGL
https://github.com/greggman/better-unity-webgl-template

unity-asset unity-webgl unity3d

Last synced: 4 days ago
JSON representation

A better default template for Unity WebGL

• Host: GitHub
• URL: https://github.com/greggman/better-unity-webgl-template
• Owner: greggman
• License: cc0-1.0
• Created: 2017-11-14T15:19:19.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-01-29T00:42:36.000Z (almost 4 years ago)
• Last Synced: 2024-08-04T02:10:30.843Z (3 months ago)
• Topics: unity-asset, unity-webgl, unity3d
• Language: HTML
• Homepage: https://greggman.github.io/better-unity-webgl-template/
• Size: 12.4 MB
• Stars: 745
• Watchers: 27
• Forks: 135
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# 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

![screenshot](https://user-images.githubusercontent.com/234804/42355593-d466f416-8108-11e8-8662-2c8b8ce13032.gif)

Example: https://greggman.github.io/better-unity-webgl-template/

## Instructions 2020

Download and add in [this unity package](https://github.com/greggman/better-unity-webgl-template/releases/latest)

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](https://docs.unity3d.com/Manual/webgl-templates.html) on how to customize WebGL Templates.

## Instructions 2019

Download and add in [this unity package](https://github.com/greggman/better-unity-webgl-template/releases/tag/v0.0.3)

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](https://docs.unity3d.com/Manual/webgl-templates.html) 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