UnityWebGL LoadingTest Téléchargement - UnityWebGL LoadingTest Code source Télécharger

UnityWebGL LoadingTest

Données du site Web

1.3.0

Télécharger

Test de chargement Unity Webgl

Prévisualisation

Tester la taille et le temps de chargement de l'Unity pour différentes versions (2018.4 - 6000.0) et paramètres

Fil du forum Unity
Présentation de la page de toutes les versions

Caractéristiques

Physique
GPU INSTANCE POUR MATÉRIAUX
Ombres
Compression de brotli
Console de débogage à doom à bascule
Unity Rich Text Styling Prise en charge de la console de navigateur et de la console de débogage
Accès facile aux fonctions d'unité via la console du navigateur (YouTube)
Fonctions de débogage pratique pour les temps et la consommation de mémoire
Disposition de modèle réactive pour une compatibilité mobile maximale
Actions GitHub pour créer automatiquement le projet et le déployer sur le serveur via le jeu CI
Fonctionne avec Unity Webgl Publisher (Utilisez 2020.3-LTS ou 2020.3-LTS-URP Branch)
Suivi de plusieurs versions d'unité à partir de 2018.4
Créez des cibles pour WebGL1, WebGL2 et WebGPU

Démos en direct (toutes constructions)

RenderPipeline WEBGL2 intégré

Version	Taille	Lien
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

Taille minimale de rendu intégré

Version	Taille	Lien
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	Taille	Lien
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 Mo	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

Taille minimale URP

Version	Taille	Lien
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

Compatibilité de la plate-forme

Plate-forme	Chrome	Incendier	Bord	Safari	Internet Explorer
Windows 10	✔️	✔️	✔️	➖
Linux	✔️	✔️	✔️	➖	➖
Mac	✔️	✔️	✔️	✔️	➖
Androïde	✔️	✔️	✔️	➖	➖
ios	✔️	✔️	✔️	✔️	➖
Android Smart TV	✔️	➖	➖	➖	➖

✔️ : Soutenu | ️ : Avertissement, voir ci-dessous | : non pris en charge | ➖ : Non applicable

Pour les bâtiments d'unité plus âgés 2019, lancez une erreur sur iOS Firefox (ne se produit pas pour iOS Safari ou iOS Chrome): An error occurred running the Unity content on this page. See you browser JavaScript console for more info. The error: Script error. - Avec iOS 16.2 et Firefox 108, je n'ai plus pu reproduire ce problème le 2019.4.
Internet Explorer ne fonctionne pas pour les versions Unity WebGL, car elle ne prend pas en charge Wasm.
Les versions précédentes de Firefox sur Android avaient des problèmes de performances, ils semblaient les avoir corrigées. En général, les performances sur mobile ne sont pas de loin pas aussi bonnes qu'une construction d'applications natives, mais devrait être suffisante pour les jeux simples.
Pour Android Smart TV, attendez des temps de chargement plus longs (jusqu'à ~ 2 minutes)

Notes

Il existe des combinaisons pour iOS qui ont des problèmes : avec les versions récentes, URP avec WebGL 1 ne fonctionne pas du tout et le pipeline de rendu intégré avec WebGL 2 a des problèmes de performances ou peut ne pas charger du tout. Je recommande d'utiliser URP avec webgl2 ou intégré avec WebGL1, si vous ciblez iOS. Vous pouvez toujours tester les versions sur votre appareil, pour voir quelle combinaison pourrait répondre à vos besoins: https://deml.io/experiments/unity-webgl/
Si vous souhaitez utiliser ce projet comme base de votre projet, assurez-vous de sélectionner la version / branche de votre version Unity. Les versions bêta ont souvent des problèmes, donc je recommanderais d'utiliser la dernière version LTS pour exécuter votre projet.
Le serveur est configuré pour prendre en charge le streaming WasM et la compression Brotli, voir .htaccess 2020 .htaccess 2019
En raison de la manière étrange que l'unité fait la compression de Brotli, certains serveurs (tels que itch.io) ne le prennent pas en charge, vous devez apprendre à compresser manuellement votre jeu ou à utiliser la compression GZIP à la place. Si Brotli est mal configuré ou non pris en charge, vous obtiendrez une erreur dans le sens de:
```
 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.
```
Vous pouvez modifier la compression dans les paramètres du projet:
Afin de se débarrasser de l'avertissement sur Android / iOS, il est supprimé dans une étape de construction post-processus (fichier)
Vous devrez peut-être recharger la page sur Android / iOS lors de l'exécution de la première fois
Ceci est un très petit exemple. Lors de la création de plus grandes applications WebGL, vous pouvez rencontrer des problèmes de mémoire ou de compiler des erreurs. Je recommande de construire dès le début et très souvent, pour prendre les changements qui créent ces problèmes.
Si vous souhaitez avoir la plus petite taille de fichier possible et des temps de chargement plus rapides, jetez un œil aux bibliothèques de projets minuscules ou spécifiques au Web comme Three.js ou PlayCanvas.
La suppression de la Skybox par défaut enregistrera ~ 30 Ko.
Avec 2021.2 Unity a ajouté la possibilité d'utiliser différents formats de texture. Les builds utilisent le format DXT par défaut, mais comme aucune texture n'est utilisée, les paramètres ne font aucune différence dans ce projet.

URP (Universal Render Pipeline)

L'URP ajoute une taille de fichier ~ 2,5 Mo supplémentaire par rapport au pipeline de rendu intégré.
En général, les performances de l'URP semble être meilleure par rapport à la construction, mais elle a une taille de construction plus grande.

Avec Unity 2021.2, il y a actuellement un problème avec la compilation du shader et donc les bâtiments échouent:

 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 sur mobile fonctionne beaucoup mieux avec WebGL 2 que WebGL 1 sur iOS. Par exemple, comparez 2021.3.6f1 URP WebGL1 avec 2021.3.6f1 URP WebGL2 sur votre iPhone.

Unity 2022.1 a des problèmes de construction pour URP avec WebGL1 (également sur le bureau), erreur:

 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.

Bâtiments de taille min

Construit avec Tools/Build WebGL/minsize
Construit avec l'optimisation du code: Size
Activer les exceptions: None
Configuration du compilateur C ++: Master

Commandes de console de navigateur

Cette fonctionnalité a été ajoutée 2021-11-21 et n'est prise en charge que par les versions à partir de cette date

Le script WebGlBridge ajoute un GameObject facile à accéder qui peut être appelé à partir de la console du navigateur via unityGame.SendMessage("WebGL", "COMMAND_NAME",PARAMETER)

Actuellement, les commandes suivantes sont disponibles:

Commandes communes

 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

ObjetSpawnerCommands

 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 Build Actions

Ce référentiel prend en charge l'intégration continue via Game.ci. Il existe des scripts pour créer une licence Unity, construire le projet et mettre à niveau le projet.

Builds automatiques

Le flux de travail des actions GitHub principal est release.yml. Du côté unité, un script de build personnalisé sur la base de Game.ci's BuildScript est utilisé: buildScript.cs. Ce script prend en charge la définition de différentes logiques de construction via des balises GIT via la syntaxe suivante: UNITY_VERSION - TAG1 - TAG2 ... Exemple: 2022.2.0f1-urp-webgl2

Les balises suivantes sont prises en charge:

minsize : Définissez l'optimisation du code sur la taille et ne prend pas en charge les exceptions
debug : construire une construction de développement avec des symboles de débogage intégrés et une trace complète de pile
webgl1 : construire pour webgl1
webgl2 : construire pour webgl2

Mettre à niveau l'unité CI

Pour la mise à niveau d'unité Unity-Unity.yml est utilisé. Il peut être déclenché par les actions GitHub manuellement en définissant la branche pour mettre à niveau et quelques paramètres supplémentaires Mettre à niveau Unity GitHub Action Capture d'écran Il créera une demande de traction avec la version Unity nouvellement définie ainsi que les balises pour déclencher des versions automatiques. De plus, tous les packages sont mis à jour vers leur dernière version, voir également UnityPackagescripts.cs.