04/04/2025
Good morning fellow developers,
After much awaited anticipation, our Webgl template is finally available on the asset store!
https://assetstore.unity.com/packages/tools/integration/sdsdink-responsive-webgl-template-314596
🔥🔥🔥The SDSDInk Responsive WebGL Template (SDRT) gives you a clean, flexible, and responsive template, with an intermediate set of settings – offering a Pillarbox or Aspect Ratio Mode.
⭐️⭐️⭐️ The SDRT is designed with simplicity in mind. No need to go into the index.html after building to make changes (In most cases ex. [Creating custom settings, or fine tuning]). Most of what customizes this simple template is right in your Player Settings.
1️⃣ Fill out your parameters in player settings
2️⃣ Update your logo / loading image
3️⃣ Update your favIcon
4️⃣ → You’re ready to build!
☝️☝️☝️ Note: To pause the WebGL Game AFTER the game has loaded (when waiting for user input), a prefab must be added to your initial scene
With SDRT, you can (all in the inspector):
🎯 Change the Web Page Title
🖼️ Display a custom logo / loading image while loading
📐 Set the Aspect Ratio (If using Aspect Ratio Mode)
🖱️ Set an HTML button (tap to start) that forces users to interact
⏳ Before the game loads
✅ After the game loads
✍️ Set the HTML button’s text (Ex. Tap To Start)
🎨 Set the HTML button’s text color
🔤 Use Google Fonts for custom Tap To Start font
📏 Set the HTML button’s text Y Offset in %
📊 Set the loading bar’s colors and width
🟩 Set the background color of the HTML button
🖼️ Set the Canvas Container’s Background color
🌈 Set the color of the loading screen
🧩 Set your canvas space up using Aspect Ratio Mode, or Pillarbox Mode
🚫 Hide Fullscreen button
🙈 Hide Click To Start Button (which is needed to initiate the game’s sounds in browser)
BattleTested!
Try a demo created for another asset, using pillarbox mode >> DEMO
Try a demo created for another asset, using aspect ratio mode >> DEMO
The above demos load the scene with the game being paused immediately when the tap to start button appears, awaiting the users input to start playing. You can alternatively have the start button happen before load, or not at all.
Works for both pc and mobile IN UNITY 6
Tested with Unity 6, on PC, Android and IPhone.
Browsers tested: Chrome, Firefox, Edge, Safari, and Opera
Other versions of Unity (Prior to Unity 6) don't natively support mobile WebGL
There is no fullscreen on IOS Browsers natively. This asset doesnt offer that support!
This asset was created with and intended to be used with Unity 6+, so it may not be compatible with older versions
Use the SDSDInk Responsive WebGL Template from SDSDInk on your next project. Find this integration tool & more on the Unity Asset Store.
