Performance 如何提高HTML5游戏中多个对象的性能?

Performance 如何提高HTML5游戏中多个对象的性能?,performance,html5-canvas,Performance,Html5 Canvas,当需要显示多个对象并计算位置、碰撞检测、反应等,并且我希望一切看起来都很顺利时,我可以做些什么?这是我正在开发的一个。我想,如果我有100个球在屏幕上,我可以显示他们顺利。但是我不知道怎么做。每一条建议都将受到感谢。我知道您正在使用box2d——一个优秀而成熟的物理库。不错的选择 Box2d已经进行了相当好的优化…很多人都在关注代码以搜索进一步的优化 因此(如果您的设计需要允许的话),您的改进途径是用更简单的碰撞函数替换这个大型库 查看这套视频教程。忽略它以processingJS为目标的事实,

当需要显示多个对象并计算位置、碰撞检测、反应等,并且我希望一切看起来都很顺利时,我可以做些什么?这是我正在开发的一个。我想,如果我有100个球在屏幕上,我可以显示他们顺利。但是我不知道怎么做。每一条建议都将受到感谢。

我知道您正在使用box2d——一个优秀而成熟的物理库。不错的选择

Box2d已经进行了相当好的优化…很多人都在关注代码以搜索进一步的优化

因此(如果您的设计需要允许的话),您的改进途径是用更简单的碰撞函数替换这个大型库

查看这套视频教程。忽略它以processingJS为目标的事实,它仍然提供了一个关于游戏物理和处理碰撞的很好教程。如果你已经精通物理学基础知识,请跳到第二个链接:

教程“家”:

关于圆形对象碰撞的教程章节:

改进画布性能的基本步骤可以在这个HTML5 Rock中看到

如果您可以在没有Box2D的情况下自由处理碰撞检测,请选中此项。四叉树不直接处理冲突,但可以通过减少检测冲突所需的比较量来提高性能

建议进一步阅读的条款:


它在
2.7ghz i5
上运行平稳。您必须显示一些代码片段,以查看您的代码是否可以简化