홈페이지>웹사이트 구축 리소스>웹사이트 데이터
다운로드

Unity WebGL로드 테스트

시사

Unity의 WebGL 크기 및 다른 버전 (2018.4-6000.0) 및 설정 테스트 및 설정 테스트

  • 유니티 포럼 스레드
  • 모든 빌드의 개요 페이지

특징

  • 물리학
  • 재료를위한 GPU 인스턴스
  • 그림자
  • 브로 틀리 압축
  • 토글 이용 가능한 인내 디버그 콘솔 기능에 대한 설명이 포함 된 콘솔 스크린 샷 디버그
  • Unity Rich 텍스트 스타일링 브라우저 콘솔 및 디버그 콘솔에 대한 지원 브라우저 콘솔에서 스타일의 유니티 로그 메시지 스크린 샷
  • 브라우저 콘솔 (YouTube)을 통해 Unity 기능에 쉽게 액세스 할 수 있습니다.
  • 시간과 메모리 소비에 대한 편리한 디버그 기능
  • 최대 모바일 호환성을위한 응답 템플릿 레이아웃
  • GitHub 조치 프로젝트를 자동으로 구축하고 게임 CI를 통해 서버에 배포하는 것
  • Unity WebGL Publisher와 함께 작동합니다 (2020.3-LTS 또는 2020.3-LTS-URP 지점 사용)
  • 2018.4부터 시작하여 여러 개의 Unity 버전을 추적합니다
  • WebGL1, WebGL2 및 WebGPU의 대상을 구축하십시오

라이브 데모 (모든 빌드)

내장 된 RenderPipeline WebGL2

버전 크기 링크
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.96MB https://deml.io/experiments/unity-webgl/2020.3.48f1-webgl2

내장 렌더링 파이프 라인 최소 크기

버전 크기 링크
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

버전 크기 링크
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.25MB 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 최소 크기

버전 크기 링크
6000.0.25F1 6.05MB 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.65MB 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.86MB https://deml.io/experiments/unity-webgl/2020.3.48f1-urp-minsize-webgl1

플랫폼 호환성

플랫폼 크롬 파이어 폭스 가장자리 원정 여행 인터넷 익스플로러
Windows 10 ✔️ ✔️ ✔️ ➖
리눅스 ✔️ ✔️ ✔️ ➖ ➖
스코틀랜드 사람 ✔️ ✔️ ✔️ ✔️ ➖
기계적 인조 인간 ✔️ ✔️ ✔️ ➖ ➖
iOS ✔️ ✔️ ✔️ ✔️ ➖
안드로이드 스마트 TV ✔️ ➖ ➖ ➖ ➖

✔️ : 지원 | 켈 : 경고, 아래 참조 | : 지원되지 않음 | ➖ : 적용 할 수 없습니다

  • 이전 Unity 2019 빌드의 경우 iOS Firefox (iOS Safari 또는 iOS Chrome의 경우 발생하지 않음)에 오류가 발생합니다. An error occurred running the Unity content on this page. See you browser JavaScript console for more info. The error: Script error. -IOS 16.2와 Firefox 108을 사용하면 2019.4에 더 이상이 문제를 재현 할 수 없었습니다.
  • Internet Explorer는 WASM을 지원하지 않기 때문에 Unity WebGL 빌드에는 작동하지 않습니다.
  • Android의 이전 버전의 Firefox에는 몇 가지 성능 문제가 있었으며 문제를 해결 한 것 같습니다. 일반적으로 모바일의 성능은 기본 앱 빌드만큼 좋지는 않지만 간단한 게임에는 충분해야합니다.
  • 안드로이드 스마트 TV의 경우 더 긴 로딩 시간이 예상됩니다 (최대 ~ 2 분)

메모

  • 문제가 있는 iOS 에는 몇 가지 조합이 있습니다. WebGL 1이있는 최근 버전에서는 전혀 작동하지 않으며 WebGL 2가 포함 된 렌더링 파이프 라인에는 성능 문제가 있거나 전혀로드되지 않을 수 있습니다. iOS를 대상으로하는 경우 WebGL2와 함께 URP를 사용하거나 WebGL1과 함께 내장하는 것이 좋습니다. 당신은 항상 장치의 빌드를 테스트하여 어떤 조합이 귀하의 요구에 맞는 지 확인할 수 있습니다 : https://deml.io/experiments/unity-webgl/
  • 이 프로젝트를 프로젝트의 기초로 사용하려면 Unity 버전의 릴리스/브랜치를 선택하십시오. 베타 버전은 종종 문제가 있으므로 최신 LTS 버전을 사용하여 프로젝트를 실행하는 것이 좋습니다.
  • 서버는 WASM Streaming 및 Brotli 압축을 지원하도록 구성되어 있습니다. .htaccess 2020 .htaccess 2019 참조
  • Unity가 Brotli 압축을하는 이상한 방법으로 인해 일부 서버 (예 : Itch.io)는 지원하지 않으므로 게임을 수동으로 압축하거나 대신 GZIP 압축을 사용하는 방법을 배워야합니다. Brotli가 잘못 구성되거나 지원되지 않으면 다음 줄을 따라 오류가 발생합니다. 
     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.
    프로젝트 설정에서 압축을 변경할 수 있습니다. 프로젝트 설정 스크린 샷 GZIP 드롭 다운
  • Android/iOS의 경고를 제거하려면 포스트 프로세스 빌드 단계 (파일)에서 제거됩니다.
  • 처음 실행할 때 Android/iOS에서 페이지를 다시로드해야 할 수도 있습니다.
  • 이것은 아주 작은 예입니다. 더 큰 WebGL 애플리케이션을 구축 할 때 메모리 또는 컴파일 오류에 문제가 발생할 수 있습니다. 이러한 문제를 일으키는 변경 사항을 포착하기 위해 처음부터 그리고 자주 구축하는 것이 좋습니다.
  • 파일 크기가 가장 적고 빠른로드 시간을 원한다면 Project Tiny 또는 Web Specifal 라이브러리와 3.js 또는 PlayCanvas와 같은 웹 특정 라이브러리를 살펴보십시오.
  • 기본 SkyBox를 제거하면 ~ 30KB가 절약됩니다.
  • 2021.2로 Unity는 다른 텍스처 형식을 사용할 가능성이 추가되었습니다. 빌드는 기본 DXT 형식을 사용하지만 텍스처가 사용되지 않기 때문에이 설정은이 프로젝트에 차이를 만들지 않습니다.

URP (Universal Render Pipeline)

  • URP는 내장 렌더링 파이프 라인에 비해 ~ 2.5MB 파일 크기를 추가합니다.
  • 일반적으로 URP의 성능은 내장과 비교할 때 더 나은 것처럼 보이지만 빌드 크기가 더 큽니다.
  • Unity 2021.2를 사용하면 현재 셰이더 컴파일에 문제가 있으므로 빌드가 실패합니다. 
     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는 iOS의 WebGL 1보다 WebGL 2에서 훨씬 더 잘 실행됩니다. 예를 들어 2021.3.6f1 URP WebGL1을 iPhone에서 2021.3.6F1 URP WebGL2와 비교하십시오.
  • Unity 2022.1에는 WebGL1 (데스크탑에)을 사용하여 URP를 구축하는 데 문제가 있습니다. 
     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.

최소 크기 빌드

  • Tools/Build WebGL/minsize 로 제작되었습니다
  • 코드 최적화로 구축 : Size
  • 예외를 활성화 : None
  • C ++ 컴파일러 구성 : Master

브라우저 콘솔 명령

이 기능은 2021-11-21이 추가되었으며 해당 날짜부터 시작하는 릴리스에서만 지원됩니다.

스크립트 WebGlBridge unityGame.SendMessage("WebGL", "COMMAND_NAME",PARAMETER) 통해 브라우저 콘솔에서 호출 할 수있는 쉽게 액세스 할 수있는 GameObject를 추가합니다.

현재 다음 명령을 사용할 수 있습니다.

공통 명령 

 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

ObjectSpawnercommands 

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

웹 브리지 

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

Github 빌드 작업

이 저장소는 Game.ci를 통한 지속적인 통합을 지원합니다. Unity 라이센스 생성, 프로젝트 구축 및 프로젝트 업그레이드를위한 스크립트가 있습니다.

자동 빌드

기본 GitHub 작업 워크 플로는 release.yml입니다. Unity 측면에서 Game.ci의 빌드 스크립트를 기준으로 사용자 정의 빌드 스크립트가 사용됩니다 : buildscript.cs. 이 스크립트는 다음 구문을 통해 GIT 태그를 통해 다른 빌드 로직 정의를 지원합니다. UNITY_VERSION TAG1 TAG2 ... 예 : 2022.2.0f1-urp-webgl2

다음 태그가 지원됩니다.

  • minsize : 크기로 코드 최적화를 설정하고 예외를 지원하지 않습니다.
  • debug : 내장 디버그 기호와 전체 스택 추적으로 개발 빌드 구축
  • webgl1 : WebGL1을위한 빌드
  • webgl2 : WebGL2를위한 빌드

Unity CI 업그레이드

Unity Upgrade-Unity.yml을 업그레이드하려면 사용됩니다. 업그레이드 및 일부 추가 설정을 정의하여 수동으로 GitHub 작업을 통해 트리거 될 수 있습니다. Unity Github 액션 스크린 샷 업그레이드 새로 정의 된 Unity 버전과 태그와 함께 자동 빌드를 트리거하여 풀 요청을 만듭니다. 또한 모든 패키지는 최신 버전으로 업데이트됩니다. UnityPackagescripts.cs도 참조하십시오.

오래된 버전

여기에는 크기가있는 모든 라이브 빌드 목록을 찾을 수 있습니다 : https://deml.io/experiments/unity-webgl/

특허

  • MIT (C) Johannes DEML- 라이센스 참조
확장하다
추가 정보
관련 애플리케이션
추천
관련 정보 전체