Fatal编程技术网
  • javascript/
  • Javascript 使用图像模拟重力的2D物理引擎

Javascript 使用图像模拟重力的2D物理引擎

javascript image

Javascript 使用图像模拟重力的2D物理引擎,javascript,image,physics-engine,Javascript,Image,Physics Engine,我正在寻找一个2D物理引擎来模拟重力使用图像，最好是PNG图像的透明度。因此，引擎将知道如何根据图像的不透明部分计算碰撞。我只找到了可以处理原始形状和基本HTML元素的Javascript引擎，但不能处理图像。我不知道任何方法可以实现您的愿望，但您可以尝试在HTML5画布中绘制形状，并使用它处理形状冲突。您可以做的一件事是计算图像的凸包（）然后使用这些外壳来计算碰撞等等（例如，使用这些外壳，您可以找到一些很好的解释或示例） 正如micnic所指出的，我想您确实可以使用并提供b2PolygonSh

我正在寻找一个2D物理引擎来模拟重力使用图像，最好是PNG图像的透明度。因此，引擎将知道如何根据图像的不透明部分计算碰撞。我只找到了可以处理原始形状和基本HTML元素的Javascript引擎，但不能处理图像。

我不知道任何方法可以实现您的愿望，但您可以尝试在HTML5画布中绘制形状，并使用它处理形状冲突。

您可以做的一件事是计算图像的凸包（）然后使用这些外壳来计算碰撞等等（例如，使用这些外壳，您可以找到一些很好的解释或示例）

正如micnic所指出的，我想您确实可以使用并提供
b2PolygonShape
为什么图像的不透明像素（或者您可以计算它们的轮廓并将轮廓用作
b2PolygonShape
的输入）

难道不是一个基本的html元素吗？我想他的意思是图像的透明部分不应该碰撞。是的。我将使用PNG图像和透明使用HTML5画布标签。这样做更好更快，但我认为它无法识别PNG图像的空白区域