javascript - 专注于碰撞检测和物理的 HTML5 Canvas 2D 框架

Question

我正在寻找在 Canvas 上下文中管理对象的最佳方式。对于我的第一个项目，我希望执行以下操作:

1. 绘制地面。
2. 使用碰撞检测和弹性将一个圆放到地上。
3. 让圆“爆炸”减去它下方的地面(爆炸改变地面，看起来像火山口)。

所以基本上什么是跟踪对象然后被其他对象更改的最佳方法。我猜你可以跟踪数组中对象的所有更改，但我很好奇是否有任何好的框架可以处理这样的事情。谢谢!

Answer 1

如果您正在尝试构建坦克游戏(摧毁地面的武器)，最好的办法是不要实际跟踪地面/非地面的位置，因为您最终会得到荒谬的形状.相反，使用 Canvas 和地面本身的图像作为该对象。 Canvas 具有在特定点获取像素颜色的方法，您可以使用该方法检查“此处是否有地面”。然后你的爆炸会简单地擦掉 Canvas 的一部分，然后你会运行一个循环来让任何 float 的地面“掉落”

如果你这样做，我建议将地面本身与任何其他元素放在一个单独的 Canvas 元素中，这样你就可以在地面上放置效果/单位/等，而不会干扰你的碰撞检测。