Cannon.js 复杂形状

Question

我需要知道如何利用 Cannon.js 物理特性生成复杂的形状以集成到我的 Three.js 场景中。

我从这个例子开始：http://schteppe.github.io/cannon.js/demos/bunny.html

查看代码，我注意到兔子是用数组中的面和顶点来描述的。看起来很强大，但是如果我想动态生成这些数组怎么办？

例如，仅使用 Three.js，可以将 Blender 模型导出为 json 格式，并以编程方式将其加载到场景中。我需要为 Cannon.js 做同样的事情，但它似乎与使用 Blender 模型的 Three.js 的工作方式不同。

提前致谢

Answer 1

兔子是由使用名为HACD 的凸分解软件预先计算的凸形状制成的。凸分解是指将凹网格转换为凸子形状。

一种解决方案是自己做同样的事情：使用工具从更复杂的网格中制作凸子形状。 另一种解决方案是使用简单的内置基元（例如球体和盒子）来构建您的物理形状。由多个子形状组成的形状称为复合形状（请参阅Cannon.js compound demo）。许多游戏开发人员使用这种方法，因为它的工作流程更简单，并且提供更好的物理性能。

（图片来自Unity manual）

Answer 2

对于未来的读者，有一个将自定义网格转换为大炮体的示例。

• 首先我使用 v-hacd 算法将凹形转换为多个凸形。
• 然后我用这个解析 wrl 输出文件：https://gist.github.com/Anthelmed/688499e314122f493a8f1c9d3b299594
• 最后我生成了一个带有解析数据的凸多面体：https://gist.github.com/Anthelmed/976bb456db0bb3bd42ecda5dfa482a66

希望这个答案对您有用。