Browser-based deployment of your Digital Twin using WebGL
WebGL builds allow you to run your Digital Twin directly in web browsers without any installation. This enables easy sharing and access through URLs, making it ideal for demonstrations and client presentations.
Prerequisites
WebGL build needs to be done with IL2CPP, and Windows DLLs which are used in some interfaces can't be used (only way to communicate from a browser is Websocket).
Required Folder Deletions
For building WebGL, you need to delete the following folders if they are in your project:
CADLink
SpaceNavigator
All Interfaces (besides MQTT and TwinCATHMI - these both are the only ones which are possible with WebGL)
parts4cad
RobotIK
When building to WebGL the rotation of the scene is done with the left mouse button and not the middle mouse button because web browsers have a different mouse button behavior.
Build Configuration
1. Set WebGL Platform
Set WebGL in Build Settings:
Setting WebGL in Build Settings
2. Scripting Define Symbols
Make sure that in Player Settings Scripting Define Symbols you have the same settings as for Windows (e.g., GAME4AUTOMATION and GAME4AUTOMATION_PROFESSIONAL).
3. Graphics API Configuration
Disable Auto Graphics API in Player Settings to use exclusively WebGL2 (recommended):
WebGL2 Graphics API configuration
4. Compression Settings
In Publishing Settings set Decompression Fallback - this prevents problems with some web servers.
Decompression Fallback setting
Build Process
WebGL builds take sometimes a very long time (up to 1 hour), specially for the first build.
As soon as the build is successful Unity starts automatically a temporary web server and opens your browser with your WebGL build.
For running the WebGL build you need to copy the result of the build (the content of your build folder) to a web server.
Open File > Build Settings
Select WebGL as the target platform
Configure Player Settings as described above
Click Build and choose your destination folder
Wait for the build to complete (this may take 30-60 minutes)
Unity will automatically start a local web server and open your browser
WebGL Template (realvirtual Professional)
Enhance your Unity WebGL projects with the realvirtual WebGL Template, offering a full-screen, responsive design for an improved user experience compared to the standard Unity WebGL Template.
Installation Steps
Locate Template Files: Find the template files in your Unity project at:
Copy Template Files: Copy these files.
Paste into WebGLTemplates: Paste the copied files into:
Setting the Template
Open Unity.
Go to Edit > Project Settings.
In Player settings, find Resolution and Presentation.
Choose the realvirtual template from the "Template" dropdown menu.
Save your changes.
realvirtual WebGL Template selection
Deployment
Web Server Requirements
To deploy your WebGL build:
Copy the entire build folder contents to your web server
Ensure your web server supports:
Proper MIME types for Unity files
Compression (gzip or Brotli)
HTTPS (recommended for full functionality)
Common Web Servers
Apache: Add .htaccess with proper MIME types
nginx: Configure mime.types for Unity file extensions
IIS: Add MIME types in web.config
Cloud platforms: AWS S3, Azure Static Web Apps, GitHub Pages
Interface Support
WebGL builds have limited interface support due to browser security restrictions:
