หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

การทดสอบการโหลด WebGL Unity

ดูตัวอย่าง

การทดสอบขนาด WebGL และเวลาในการโหลดของ Unity สำหรับรุ่นที่แตกต่างกัน (2018.4 - 6000.0) และการตั้งค่า

  • เธรด Unity Forum
  • หน้าภาพรวมของการสร้างทั้งหมด

คุณสมบัติ

  • ฟิสิกส์
  • GPU Instancing สำหรับวัสดุ
  • เงา
  • การบีบอัด Brotli
  • คอนโซลการดีบักในโดมที่สามารถสลับได้ Debug Console ภาพหน้าจอพร้อมคำอธิบายคุณสมบัติ
  • Unity Rich Text Styling Support สำหรับคอนโซลเบราว์เซอร์และดีบักคอนโซล ภาพหน้าจอของข้อความบันทึกความสามัคคีในคอนโซลเบราว์เซอร์
  • เข้าถึงฟังก์ชั่น Unity ได้ง่ายผ่านคอนโซลเบราว์เซอร์ (YouTube)
  • ฟังก์ชั่นการดีบักที่มีประโยชน์สำหรับเวลาและการใช้หน่วยความจำ
  • เค้าโครงแม่แบบตอบสนองเพื่อความเข้ากันได้สูงสุดของมือถือ
  • การกระทำของ GitHub เพื่อสร้างโครงการโดยอัตโนมัติและปรับใช้บนเซิร์ฟเวอร์ผ่าน Game CI
  • ทำงานร่วมกับ Unity WebGL Publisher (ใช้ 2020.3-LTS หรือ 2020.3-LTS-URP สาขา)
  • การติดตามหลายเวอร์ชันเอกภาพเริ่มต้นจาก 2018.4
  • สร้างเป้าหมายสำหรับ 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.96 MB https://deml.io/experiments/unity-webgl/2020.3.48f1-webgl2

ขนาดต่ำสุดของ RenderPipeline

รุ่น ขนาด การเชื่อมโยง
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.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

รุ่น ขนาด การเชื่อมโยง
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

ความเข้ากันได้ของแพลตฟอร์ม

แพลตฟอร์ม โครเมี่ยม Firefox ขอบ ซาฟารี Internet Explorer
Windows 10
ลินเวกซ์
Mac
Android
iOS
Android Smart 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 ไม่ทำงานเพื่อสร้าง Unity WebGL เนื่องจากไม่สนับสนุน WASM
  • Firefox รุ่นก่อนหน้าบน Android มีปัญหาด้านประสิทธิภาพบางอย่างพวกเขาดูเหมือนจะแก้ไขเหล่านั้น ในการแสดงทั่วไปบนมือถือนั้นไม่ค่อยดีเท่าแอพดั้งเดิม แต่ควรเพียงพอสำหรับเกมง่ายๆ
  • สำหรับ Android Smart TVS คาดว่าจะมีเวลาโหลดนานขึ้น (มากถึง ~ 2 นาที)

หมายเหตุ

  • มีชุดค่าผสมสำหรับ iOS ที่มี ปัญหา : ด้วยเวอร์ชันล่าสุด URP กับ WebGL 1 ไม่ ทำงานเลย ฉันแนะนำให้ใช้ URP กับ WebGL2 หรือ Builtin กับ WebGL1 หากคุณกำหนดเป้าหมาย iOS คุณสามารถทดสอบการสร้างบนอุปกรณ์ของคุณได้ตลอดเวลาเพื่อดูว่าชุดค่าผสมใดที่เหมาะกับความต้องการของคุณ: https://deml.io/experiments/unity-webgl/
  • หากคุณต้องการใช้โครงการนี้เป็นพื้นฐานสำหรับโครงการของคุณอย่าลืมเลือกรุ่น/สาขาสำหรับเวอร์ชัน Unity ของคุณ รุ่นเบต้ามักจะมีปัญหาดังนั้นฉันขอแนะนำให้ใช้เวอร์ชัน LTS ล่าสุดเพื่อเรียกใช้โครงการของคุณ
  • เซิร์ฟเวอร์ได้รับการกำหนดค่าให้รองรับการสตรีม WASM และการบีบอัด 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-specific เช่น Three.js หรือ Playcanvas
  • การลบ Skybox เริ่มต้นจะบันทึก ~ 30KB
  • ด้วย 2021.2 Unity เพิ่มความเป็นไปได้ที่จะใช้รูปแบบพื้นผิวที่แตกต่างกัน Builds ใช้รูปแบบ DXT เริ่มต้น แต่เนื่องจากไม่มีการใช้พื้นผิวการตั้งค่านี้ไม่ได้สร้างความแตกต่างในโครงการนี้

URP (ไปป์ไลน์เรนเดอร์สากล)

  • URP เพิ่มขนาดไฟล์ ~ 2.5 MB เพิ่มเติมเมื่อเทียบกับไปป์ไลน์การเรนเดอร์ในตัว
  • โดยทั่วไปแล้วประสิทธิภาพของ URP ดูเหมือนจะดีกว่าเมื่อเทียบกับ Builtin แต่มีขนาดการสร้างที่ใหญ่กว่า
  • ด้วย Unity 2021.2 ขณะนี้มีปัญหาเกี่ยวกับการรวบรวม shader และดังนั้นจึงสร้างความล้มเหลว: 
     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 บนมือถือทำงานได้ดีกว่าด้วย WebGL 2 มากกว่า WebGL 1 บน iOS ตัวอย่างเช่นเปรียบเทียบ 2021.3.6F1 URP WebGL1 กับ 2021.3.6F1 URP WebGL2 บน iPhone ของคุณ
  • Unity 2022.1 มีปัญหาในการสร้าง URP ด้วย WebGL1 (เช่นเดสก์ท็อป), ข้อผิดพลาด: 
     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 และได้รับการสนับสนุนจากรุ่นที่เริ่มต้นตั้งแต่วันนั้น

Script WebGlBridge เพิ่ม GameObject ที่เข้าถึงได้ง่ายซึ่งสามารถเรียกได้จากคอนโซลเบราว์เซอร์ผ่าน unityGame.SendMessage("WebGL", "COMMAND_NAME",PARAMETER)

ขณะนี้มีคำสั่งต่อไปนี้:

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

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 ถูกใช้: buildScript.cs สคริปต์นี้รองรับการกำหนดตรรกะบิลด์ที่แตกต่างกันผ่านแท็ก GIT ผ่านไวยากรณ์ต่อไปนี้: UNITY_VERSION - TAG1 - TAG2 ... ตัวอย่าง: 2022.2.0f1-urp-webgl2

รองรับแท็กต่อไปนี้:

  • minsize : ตั้งค่าการเพิ่มประสิทธิภาพรหัสให้เป็นขนาดและไม่รองรับข้อยกเว้น
  • debug : สร้างการพัฒนาสร้างด้วยสัญลักษณ์การดีบักแบบฝังตัวและการติดตามสแต็กเต็มรูปแบบ
  • webgl1 : Build for WebGL1
  • webgl2 : Build for WebGL2

อัพเกรด Unity CI

สำหรับการอัพเกรดการอัพเกรด Unity-unity.yml ใช้ มันสามารถเรียกผ่านการกระทำของ GitHub ด้วยตนเองโดยกำหนดสาขาเพื่ออัพเกรดและการตั้งค่าเพิ่มเติมบางอย่าง อัพเกรดภาพหน้าจอแอ็คชั่น Unity GitHub มันจะสร้างคำขอดึงด้วยเวอร์ชัน Unity ที่กำหนดไว้ใหม่พร้อมกับแท็กเพื่อทริกเกอร์การสร้างอัตโนมัติ นอกจากนี้แพ็คเกจทั้งหมดจะได้รับการอัปเดตเป็นเวอร์ชันล่าสุดของพวกเขาดูที่ UnityPackagesCripts.cs

รุ่นเก่ากว่า

คุณสามารถค้นหารายการของการสร้างสดทั้งหมดด้วยขนาดของพวกเขาที่นี่: https://deml.io/experiments/unity-webgl/

ใบอนุญาต

  • MIT (C) Johannes Deml - ดูใบอนุญาต
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด