Cannon.js複雜的形狀

Question

我需要知道如何生成一個複雜的形狀以整合到我的Three.js場景中，以及Cannon.js物理的好處。

我從這個例子開始：http://schteppe.github.io/cannon.js/demos/bunny.html

綜觀代碼，我注意到，兔子用其面和頂點在陣列描述。看起來很強大，但如果我想動態生成這些陣列，我該怎麼辦？

例如，僅使用Three.js，可以導出JSON格式的Blender模型並以編程方式將其加載到場景中。我需要爲Cannon.js做同樣的事情，但它看起來不像Three.js與Blender模型一樣。

在此先感謝

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

我希望你能找到這個答案非常有用。