返回上一页  首页 | cnbeta报时: 10:31:51
Flash与HTML 5 WebGL粒子系统性能比较
发布日期:2010-04-18 08:20:47  稿源:

最近Michael Chaize使用HTML 5和Flash等技术实现了同样一个粒子系统,并对其在不同浏览器,不同操作系统,不同平台(桌面和移动设备)的性能进行了一个评测。可以看到,当粒子数达到4000时,Flash的性能已经是HTML 5的3倍。 但是这个评测没有使用到HTML 5 最新的WebGL Canvas。于是在原测试程序基础上新加了基于WebGL的测试功能。

graph_osx_ff

 

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

测试网页地址在这里。

结果见下图

benchmark

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

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

我们在FebBox(https://www.febbox.com/cnbeta) 开通了新的频道,更好阅读体验,更及时更新提醒,欢迎前来阅览和打赏。
查看网友评论   返回完整版观看

返回上一页  首页 | cnbeta报时: 10:31:51

文字版  标准版  电脑端

© 2003-2025