การเปรียบเทียบประสิทธิภาพของระบบอนุภาค Flash และ HTML 5 WebGL

เมื่อเร็วๆ นี้ Michael Chaize ใช้ระบบอนุภาคเดียวกันโดยใช้เทคโนโลยี เช่น HTML 5 และ Flash และดำเนินการประเมินประสิทธิภาพในเบราว์เซอร์ ระบบปฏิบัติการที่แตกต่างกัน และแพลตฟอร์มที่แตกต่างกัน (เดสก์ท็อปและอุปกรณ์มือถือ) จะเห็นได้ว่าเมื่อจำนวนอนุภาคถึง 4000 ประสิทธิภาพของ Flash จะเพิ่มขึ้นสามเท่าของ HTML 5 อย่างไรก็ตาม การตรวจสอบนี้ไม่ได้ใช้ WebGL Canvas ล่าสุดของ HTML 5 ดังนั้นจึงมีการเพิ่มฟังก์ชันการทดสอบใหม่ที่ใช้ WebGL ตามโปรแกรมทดสอบดั้งเดิม

เพื่อความเป็นธรรม การคำนวณระบบอนุภาคจะดำเนินการโดยใช้ JavaScript ดั้งเดิม และไม่ได้คำนวณใน GPU Shader

ที่อยู่หน้าเว็บทดสอบอยู่ที่นี่

ผลลัพธ์แสดงไว้ด้านล่าง

เมื่อใช้ HTML และ 2D Canvas คอขวดของการทดสอบระบบอนุภาคนี้จะอยู่ที่การวาดภาพกราฟิกทั้งหมด แต่หลังจากใช้ WebGL คอขวดจะเปลี่ยนไปเป็นการคำนวณระบบอนุภาคใน JavaScript การทดสอบข้างต้นอิงตามเวอร์ชัน Chrome 5 Dev และฟังก์ชัน WebGL ถูกเปิดใช้งานโดยการเพิ่มพารามิเตอร์เริ่มต้น –enable-webgl ในขณะเดียวกันก็ใช้เวอร์ชัน Firefox Dev เพื่อเปรียบเทียบ มีช่องว่างขนาดใหญ่กับ Chrome และไม่มีแม้แต่ช่องว่างกับวิธีการวาดกราฟิกแบบธรรมดาของ Chrome

ไม่ทราบว่า Flash เปิดใช้งานการเร่งความเร็ว GPU สำหรับการทดสอบนี้หรือไม่ ในอนาคต เมื่อเบราว์เซอร์ใช้เทคโนโลยีการเร่งความเร็ว GPU พวกเขาสามารถเร่งการวาดภาพของ HTML และ 2D Canvas ได้ จึงได้ความเร็วในการวาดที่เร็วขึ้นโดยไม่ต้องใช้ WebGL ที่ซับซ้อน