Startseite>Ressourcen zum Erstellen von Websites>Website-Daten
Herunterladen

Unity WebGL -Ladetest

Vorschau

Testen Sie die WebGL -Größe und die Ladezeit von Unity für verschiedene Versionen (2018.4 - 6000.0) und Einstellungen

  • Unity Forum Thread
  • Übersichtsseite aller Builds

Merkmale

  • Physik
  • GPU -Instanz für Materialien
  • Schatten
  • Brotli -Kompression
  • Toggle-Asse-Dom-Dom-Debug-Konsole Debugg Console Screenshot mit Beschreibung der Funktionen
  • Einheit Rich Text Styling Support für Browser Console & Debugg Console Screenshot der gestalteten Unity -Protokollnachricht in der Browserkonsole
  • Einfacher Zugriff auf Einheitsfunktionen über die Browserkonsole (YouTube)
  • Handliche Debug -Funktionen für Zeiten und Speicherkonsum
  • Responsive Vorlagenlayout für maximale mobile Kompatibilität
  • GitHub -Aktionen zum automatischen Erstellen des Projekts und zur Bereitstellung von Github über Game CI
  • Arbeitet mit Unity WebGL Publisher (verwenden Sie 2020.3-LTS oder 2020.3-LTS-URP-Zweig)
  • Verfolgung mehrerer Einheitsversionen ab 2018.4
  • Erstellen Sie Ziele für WebGl1, WebGL2 und WebGPU

Live -Demos (alle Builds)

Integrierte Renderpipeline WebGL2

Version Größe Link
6000.0.25f1 3,32 MB https://deml.io/experiments/unity-webgl/6000.0.25f1-webgl2
2023.2.20f1 3,23 MB https://deml.io/experiments/unity-webgl/2023.2.20f1-webgl2
2023.1.20f1 3.14 MB https://deml.io/experiments/unity-webgl/2023.1.20f1-webgl2
2022.3.50f1 3,12 MB https://deml.io/experiments/unity-webgl/2022.3.50f1-webgl2
2021.3.45f1 2,78 MB https://deml.io/experiments/unity-webgl/2021.3.45f1-webgl2
2020.3.48f1 2,96 MB https://deml.io/experiments/unity-webgl/2020.3.48f1-webgl2

Eingebaute Renderpipeline Mindestgröße

Version Größe Link
6000.0.25f1 2,92 MB https://deml.io/experiments/unity-webgl/6000.0.25f1-minsize-webgl2
2023.2.20f1 2,85 MB https://deml.io/experiments/unity-webgl/2023.2.20f1-minsize-webgl2
2023.1.20f1 2,72 MB https://deml.io/experiments/unity-webgl/2023.1.20f1-minsize-webgl2
2022.3.50f1 2,69 MB https://deml.io/experiments/unity-webgl/2022.3.50f1-minsize-webgl1
2021.3.45f1 2,74 MB https://deml.io/experiments/unity-webgl/2021.3.45f1-minsize-webgl1
2020.3.48f1 2,48 MB https://deml.io/experiments/unity-webgl/2020.3.48f1-minsize-webgl1

URP WebGl2

Version Größe Link
6000.0.25f1 7,82 MB https://deml.io/experiments/unity-webgl/6000.0.25f1-urp-webgl2
2023.2.20f1 6,87 MB https://deml.io/experiments/unity-webgl/2023.2.20f1-urp-webgl2
2023.1.20f1 6,25 MB https://deml.io/experiments/unity-webgl/2023.1.20f1-urp-webgl2
2022.3.50f1 5,92 MB https://deml.io/experiments/unity-webgl/2022.3.50f1-urp-webgl2
2021.3.45f1 6,31 MB https://deml.io/experiments/unity-webgl/2021.3.45f1-urp-webgl2
2020.3.48f1 5,60 MB https://deml.io/experiments/unity-webgl/2020.3.48f1-urp-webgl2

URP Mindestgröße

Version Größe Link
6000.0.25f1 6,05 MB https://deml.io/experiments/unity-webgl/6000.0.25f1-urp-minsize-webgl2
2023.2.20f1 5,30 MB https://deml.io/experiments/unity-webgl/2023.2.20f1-urp-minsize-webgl2
2023.1.20f1 5,71 MB https://deml.io/experiments/unity-webgl/2023.1.20f1-urp-minsize-webgl2
2022.3.50f1 4,65 MB https://deml.io/experiments/unity-webgl/2022.3.50f1-urp-minsize-webgl1
2021.3.45f1 6.11 MB https://deml.io/experiments/unity-webgl/2021.3.45f1-urp-minsize-webgl1
2020.3.48f1 4,86 MB https://deml.io/experiments/unity-webgl/2020.3.48f1-urp-minsize-webgl1

Plattformkompatibilität

Plattform Chrom Firefox Rand Safari Internet Explorer
Windows 10 ✔️ ✔️ ✔️ ➖
Linux ✔️ ✔️ ✔️ ➖ ➖
MAC ✔️ ✔️ ✔️ ✔️ ➖
Android ✔️ ✔️ ✔️ ➖ ➖
iOS ✔️ ✔️ ✔️ ✔️ ➖
Android Smart TV ✔️ ➖ ➖ ➖ ➖

✔️ : unterstützt | Euen : Warnung, siehe unten | : Nicht unterstützt | ➖ : nicht anwendbar

  • Für ältere Unity 2019 -Builds werfen Sie einen Fehler auf iOS Firefox (findet für iOS Safari oder iOS Chrome nicht statt): An error occurred running the Unity content on this page. See you browser JavaScript console for more info. The error: Script error. - Mit iOS 16.2 und Firefox 108 konnte ich dieses Problem im Jahr 2019 nicht mehr reproduzieren.
  • Internet Explorer funktioniert nicht für Unity WebGL -Builds, da es WASM nicht unterstützt.
  • Frühere Versionen von Firefox auf Android hatten einige Leistungsprobleme, sie schienen diese behoben zu haben. Im Allgemeinen ist die Leistung auf Mobilgeräten bei weitem nicht so gut wie ein native App -Build, sollte aber für einfache Spiele ausreichen.
  • Für Android -Smart -TVs erwarten Sie längere Ladezeiten (bis zu ~ 2 Minuten)

Notizen

  • Es gibt einige Kombinationen für iOS , die Probleme haben: Mit aktuellen Versionen UP mit WebGL 1 funktioniert überhaupt nicht und die integrierte Render -Pipeline mit WebGL 2 hat Leistungsprobleme oder lädt möglicherweise überhaupt nicht. Ich empfehle, entweder URP mit WebGl2 oder integriert mit WebGL1 zu verwenden, wenn Sie auf iOS abzielen. Sie können die Builds auf Ihrem Gerät jeder
  • Wenn Sie dieses Projekt als Grundlage für Ihr Projekt verwenden möchten, wählen Sie unbedingt die Version/Filiale für Ihre Einheit -Version. Beta -Versionen haben oft Probleme, daher würde ich empfehlen, die neueste LTS -Version zu verwenden, um Ihr Projekt auszuführen.
  • Der Server ist so konfiguriert, dass das WASM -Streaming und die Brotli -Komprimierung unterstützt werden. Htaccess 2020 .htaccess 2019
  • Aufgrund der seltsamen Art und Weise, wie Unity die Brotli -Komprimierung macht, unterstützen Sie einige Server (wie Itch.io) nicht. Sie sollten lernen, wie Sie Ihr Spiel manuell komprimieren oder stattdessen die GZIP -Komprimierung verwenden. Wenn Brotli falsch konfiguriert oder nicht unterstützt wird, erhalten Sie einen Fehler in den Zeilen von: 
     Unable to parse Build/WEBGL.framework.js.br! This can happen if build compression was enabled but web server hosting the content was misconfigured to not serve the file with HTTP Response Header "Content-Encoding: br" present. Check browser Console and Devtools Network tab to debug.
    Sie können die Komprimierung in den Projekteinstellungen ändern: Screenshot der Projekteinstellungen Gzip Dropdown
  • Um die Warnung auf Android/iOS zu beseitigen, wird sie in einem Schritt -Erstellungstschritt (Datei) entfernt (Datei).
  • Möglicherweise müssen Sie die Seite auf Android/iOS neu laden, wenn Sie beim ersten Mal ausgeführt werden
  • Dies ist ein sehr kleines Beispiel. Beim Erstellen größerer WebGL -Anwendungen können Sie Probleme mit dem Speicher haben oder Fehler kompilieren. Ich empfehle, von Anfang an und sehr oft die Änderungen zu erfassen, die diese Probleme verursachen.
  • Wenn Sie über die kleinste Dateigröße und schnellere Ladezeiten verfügen möchten, schauen Sie sich das Projekt Tiny oder Web-spezifische Bibliotheken wie drei.Js oder Playcanvas an.
  • Das Entfernen der Standard -Skybox speichert ~ 30 KB.
  • Mit 2021.2 wurden die Möglichkeit hinzugefügt, verschiedene Texturformate zu verwenden. Die Builds verwenden das Standard -DXT -Format, aber da keine Textur verwendet wird, macht diese Einstellungen keinen Unterschied in diesem Projekt aus.

URP (Universal Render Pipeline)

  • URP fügt eine zusätzliche Größe von ~ 2,5 MB im Vergleich zur integrierten Render -Pipeline hinzu.
  • Im Allgemeinen scheint die Leistung für URP besser im Vergleich zu Bau zu sein, hat aber eine größere Buildgröße.
  • Mit der Einheit 2021.2 gibt es derzeit ein Problem bei der Shader -Kompilierung und daher fehlschlägt Builds: 
     Shader error in 'Hidden/Universal/CoreBlit': invalid subscript 'positionCS' at
UnityWebGL-LoadingTest/Library/PackageCache/[email protected]/Runtime/Utilities/Blit.hlsl(92) (on gles)
Compiling Vertex program with DISABLE_TEXTURE2D_X_ARRAY
Platform defines: SHADER_API_DESKTOP UNITY_COLORSPACE_GAMMA UNITY_ENABLE_DETAIL_NORMALMAP UNITY_LIGHTMAP_RGBM_ENCODING UNITY_PBS_USE_BRDF1 UNITY_SPECCUBE_BLENDING UNITY_SPECCUBE_BOX_PROJECTION UNITY_USE_DITHER_MASK_FOR_ALPHABLENDED_SHADOWS
Disabled keywords: BLIT_SINGLE_SLICE SHADER_API_GLES30 UNITY_ASTC_NORMALMAP_ENCODING UNITY_ENABLE_NATIVE_SHADOW_LOOKUPS UNITY_ENABLE_REFLECTION_BUFFERS UNITY_FRAMEBUFFER_FETCH_AVAILABLE UNITY_HALF_PRECISION_FRAGMENT_SHADER_REGISTERS UNITY_HARDWARE_TIER1 UNITY_HARDWARE_TIER2 UNITY_HARDWARE_TIER3 UNITY_LIGHTMAP_DLDR_ENCODING UNITY_LIGHTMAP_FULL_HDR UNITY_LIGHT_PROBE_PROXY_VOLUME UNITY_METAL_SHADOWS_USE_POINT_FILTERING UNITY_NO_DXT5nm UNITY_NO_FULL_STANDARD_SHADER UNITY_NO_SCREENSPACE_SHADOWS UNITY_PBS_USE_BRDF2 UNITY_PBS_USE_BRDF3 UNITY_PRETRANSFORM_TO_DISPLAY_ORIENTATION UNITY_UNIFIED_SHADER_PRECISION_MODEL UNITY_VIRTUAL_TEXTURING


Shader error in 'Hidden/kMotion/CameraMotionVectors': SV_VertexID semantic is not supported on GLES 2.0 at line 11 (on gles)

Compiling Subshader: 0, Pass: , Vertex program with <no keywords>
Platform defines: SHADER_API_DESKTOP UNITY_COLORSPACE_GAMMA UNITY_ENABLE_DETAIL_NORMALMAP UNITY_LIGHTMAP_RGBM_ENCODING UNITY_PBS_USE_BRDF1 UNITY_SPECCUBE_BLENDING UNITY_SPECCUBE_BOX_PROJECTION UNITY_USE_DITHER_MASK_FOR_ALPHABLENDED_SHADOWS
Disabled keywords: SHADER_API_GLES30 UNITY_ASTC_NORMALMAP_ENCODING UNITY_ENABLE_NATIVE_SHADOW_LOOKUPS UNITY_ENABLE_REFLECTION_BUFFERS UNITY_FRAMEBUFFER_FETCH_AVAILABLE UNITY_HALF_PRECISION_FRAGMENT_SHADER_REGISTERS UNITY_HARDWARE_TIER1 UNITY_HARDWARE_TIER2 UNITY_HARDWARE_TIER3 UNITY_LIGHTMAP_DLDR_ENCODING UNITY_LIGHTMAP_FULL_HDR UNITY_LIGHT_PROBE_PROXY_VOLUME UNITY_METAL_SHADOWS_USE_POINT_FILTERING UNITY_NO_DXT5nm UNITY_NO_FULL_STANDARD_SHADER UNITY_NO_SCREENSPACE_SHADOWS UNITY_PBS_USE_BRDF2 UNITY_PBS_USE_BRDF3 UNITY_PRETRANSFORM_TO_DISPLAY_ORIENTATION UNITY_UNIFIED_SHADER_PRECISION_MODEL UNITY_VIRTUAL_TEXTURING
  • URP auf Mobilgeräte läuft viel besser mit WebGL 2 als WebGL 1 auf iOS. Vergleichen Sie beispielsweise 2021.3.6f1 URP WebGL1 mit 2021.3.6f1 URP WebGl2 auf Ihrem iPhone.
  • Die Unity 2022.1 hat Probleme, mit WebGl1 (auch auf Desktop) für URP aufzubauen, Fehler: 
     Texture creation failed. 'ShadowAuto' is not supported for Render usage on this platform. Use 'SystemInfo.IsFormatSupported' C# API to check format support.

NullReferenceException: Object reference not set to an instance of an object.

Min -Größe Builds

  • Erstellt mit Tools/Build WebGL/minsize
  • Erstellt mit Codeoptimierung: Size
  • Aktivieren Sie Ausnahmen: None
  • C ++ - Compiler -Konfiguration: Master

Befehle der Browserkonsole

Diese Funktionalität wurde 2021-11-21 hinzugefügt und wird nur durch Veröffentlichungen zu diesem Zeitpunkt unterstützt

Das Skript WebGlBridge fügt ein leicht zugänglicher GameObject hinzu, das über die Browserkonsole über unityGame.SendMessage("WebGL", "COMMAND_NAME",PARAMETER) aufgerufen werden kann.

Derzeit sind die folgenden Befehle verfügbar:

Commoncommands 

 runUnityCommand ( "AllocateByteArrayMemory" , int mb ) ; - > Allocate memory to test memory usage and limits
runUnityCommand ( "CheckOnlineStatus" ) ; - > Check if browser is online
runUnityCommand ( "CopyToClipboard" , "string text" ) ; - > Copy text to clipboard
runUnityCommand ( "DeleteAllPlayerPrefs" ) ; - > PlayerPrefs . DeleteAll
runUnityCommand ( "DisableCaptureAllKeyboardInput" ) ; - > Disable unity from consuming all keyboard input
runUnityCommand ( "EnableCaptureAllKeyboardInput" ) ; - > Enable unity from consuming all keyboard input
runUnityCommand ( "LogExampleMessages" ) ; - > Log example messages for Log , warning and error
runUnityCommand ( "LogMemory" ) ; - > Logs the current memory
runUnityCommand ( "LogMessage" , "string message" ) ; - > Log a custom message
runUnityCommand ( "LogShaderCompilation" , int enabled ) ; - > GraphicsSettings . logWhenShaderIsCompiled
runUnityCommand ( "LogTextureSupport" ) ; - > Log supported and unsupported texture formats
runUnityCommand ( "LogUserAgent" ) ; - > Log User Agent and isMobileDevice
runUnityCommand ( "ReleaseByteArrayMemory" ) ; - > Release all allocated byte array memory
runUnityCommand ( "SaveScreenshot" ) ; - > Save current screen as PNG
runUnityCommand ( "SaveScreenshotSuperSize" , int superSize ) ; - > Save current screen as PNG with variable super size
runUnityCommand ( "SetApplicationRunInBackground" , int runInBackground ) ; - > Application . runInBackground
runUnityCommand ( "SetApplicationTargetFrameRate" , int targetFrameRate ) ; - > Application . targetFrameRate
runUnityCommand ( "SetTimeFixedDeltaTime" , float fixedDeltaTime ) ; - > Time . fixedDeltaTime
runUnityCommand ( "SetTimeTimeScale" , float timeScale ) ; - > Time . timeScale
runUnityCommand ( "ThrowDictionaryException" ) ; - > Throw a dictionary key not found exception
runUnityCommand ( "ToggleInfoPanel" ) ; - > Toggle develop ui visibility of InfoPanel
runUnityCommand ( "TriggerGarbageCollection" ) ; - > Trigger garbage collection
runUnityCommand ( "UnloadUnusedAssets" ) ; - > Resources . UnloadUnusedAssets

ObjectPawnercommands 

 runUnityCommand ( "AddSpawner" ) ; - > Add a spawner
runUnityCommand ( "PauseSpawning" ) ; - > Pause spawning of cubes
runUnityCommand ( "RemoveSpawner" ) ; - > Remove a spawner
runUnityCommand ( "ResumeSpawning" ) ; - > Resume spawning of cubes

Webbridge 

 runUnityCommand ( "Help" ) ; - > Log all available commands

Github -Aktionen

Dieses Repository unterstützt die kontinuierliche Integration über Game.ci. Es gibt Skripte zum Erstellen einer Unity -Lizenz, zum Aufbau des Projekts und zur Aktualisierung des Projekts.

Automatische Builds

Der Workflow für Github -Aktionen ist Release.yml. Auf der Unity -Seite wird ein benutzerdefiniertes Build -Skript auf der Grundlage von Game.ci verwendet: Buildscript.cs. Dieses Skript unterstützt das Definieren verschiedener Build -Logik durch Git -Tags über die folgende Syntax: UNITY_VERSION - TAG1 - TAG2 ... Beispiel: 2022.2.0f1-urp-webgl2

Die folgenden Tags werden unterstützt:

  • minsize : Setzen Sie die Codeoptimierung auf Größe und und unterstützen Sie keine Ausnahmen
  • debug : Erstellen Sie einen Entwicklungsbau mit eingebetteten Debug -Symbolen und einer vollständigen Stapelspur
  • webgl1 : Erstellen Sie für WebGl1
  • webgl2 : Erstellen Sie für WebGl2

Upgrade Unity CI

Zur Aktualisierung von Unity upgrade-unity.yml wird verwendet. Es kann durch GitHub -Aktionen manuell ausgelöst werden, indem der Zweig auf Upgrade und einige zusätzliche Einstellungen definiert werden Aktualisieren Sie die Einheit -Github -Aktion Screenshot Mit der neu definierten Unity -Version werden eine Pull -Anfrage zusammen mit Tags erstellt, um automatische Builds auszulösen. Darüber hinaus werden alle Pakete auf ihre neueste Version aktualisiert, siehe auch UnityPackagescripts.cs.

Ältere Versionen

Sie finden eine Liste aller Live-Builds mit ihren Größen hier: https://deml.io/experiments/unity-webgl/

Lizenz

  • MIT (c) Johannes Deml - siehe Lizenz
Expandieren
Zusätzliche Informationen
Ähnliche Anwendungen
Empfohlen für Sie
Ähnliche Nachrichten Alle