cor*_*zza 9 javascript html5 canvas
我知道HTML5 gamedev中最昂贵的操作之一就是在画布上绘图.但是,在它之外绘制图像怎么样？这有多贵？当画布是100 x 100像素并且我尝试在(1000,1000)处绘制图像时到底发生了什么？检查精灵坐标以确保它在画布内部会使渲染效率更高吗？
在这些测试中,我使用的是Google Chrome版本21.0.1180.57.
我做了一个测试这种情况的小提琴......你可以在这里查看:http://jsfiddle.net/Yannbane/Tnahv/.
我已经运行了1000000次测试,这是我得到的数据:
在画布内渲染图像持续2399毫秒.
在画布外渲染图像持续888毫秒.
这意味着在画布外绘图确实需要一些时间,大约需要37%的时间来渲染它.
结论:最好在渲染之前检查图像是否在画布内.
但是,当然,我想知道有多好......所以,我做了另一个测试.这一次,我当然实现了边界检查,并且只需要3毫秒就可以在画布外"渲染"图像1000000次.这比简单地渲染它好29600%.
你可以在这里看到这些测试:http://jsfiddle.net/Yannbane/PVZnz/3/.
| 归档时间： |
|
| 查看次数： |
2422 次 |
| 最近记录： |