Flash与HTML 5 WebGL粒子系统性能比较

为了公平起见，粒子系统的计算采用原javascript 实现，没有放到 GPU的shader中计算。

测试网页地址在这里。

结果见下图

这个粒子系统测试在使用HTML和2D Canvas时瓶颈完全在图形的绘制上，而在使用WebGL后瓶颈转移到了Javascript对粒子系统的计算上。以上测试均基于Chrome 5 Dev版，通过添加 –enable-webgl 启动参数启用了WebGL功能。同时使用了Firefox Dev 版进行了比较，与Chrome有较大差距，甚至没有与Chrome的普通图形绘制方式拉开差距。

此测试中Flash是否启用了GPU加速还不得而知。今 后浏览器使用GPU加速技术后，可以对HTML和2D Canvas的绘制进行加速，从而不用采用复杂的WebGL就能获得较快的绘制速度。