从 THREE.Mesh 或 THREE.Geometry 创建 CANNON.RigidBody

Question

我正在使用THREE.JSONLoader 对象创建一个THREE.Mesh 对象，如下所示：

// Create castle.
loader.load('/Meshes/CastleTower.js', function(geometry, materials) {
    var tmp_material = new THREE.MeshLambertMaterial();
    THREE.ColorUtils.adjustHSV(tmp_material.color, 0, 0, 0.9);

    var castle = new THREE.Mesh(geometry, tmp_material);
    castle.scale.set(0.2, 0.2, 0.2);
    castle.rotation.setX(-Math.PI/2);
    scene.add(castle);
});

是否可以从THREE.Mesh (var castle) 或THREE.Geometry (var geometry) 对象创建CANNON.RigidBody？ _{另一种阅读方式是：如何自定义THREE.Mesh“solid”？}

更新

我使用 Blender，用盒子创建了一座新城堡，并将 exported 转换为 Three.js 格式。如果将质量设置为 0 的 CANNON.Body，则它保持静态。 This 完美解决了...

Answer 1

我遇到了类似的问题，并使用这两个函数从 THREE.Geometry（此处称为 geometry）创建了必要的“点”和“面”（如 Cannon 文档中所述）：

cannonPoints = geometry.vertices.map(function(v) {
    return new CANNON.Vec3( v.x, v.y, v.z )
})

cannonFaces = geometry.faces.map(function(f) {
    return [f.a, f.b, f.c]
})

Answer 2

这取决于模型的物理表示应该有多精确。我对 cannon.js 不是很熟悉，但这里有一些我知道的选项：

• 在您的塔上使用“computeBoundingBox”并使用这些边界创建一个 cannon.js 框
• 以类似方式使用“computeBoundingSphere”
• 对凹面（即任意）网格使用物理。这是最消耗性能的方式。 Cannon.js 有一个例子：http://schteppe.github.io/cannon.js/demos/bunny.html

与 cannon.js 无关的方法是，例如使用重铸。 Recast 会为您加载 .obj 文件并根据您的设置为您创建导航网格。然后你可以在那里四处走动（如果你有类似 RTS 鸟瞰的游戏，或者机器人到处乱跑，那绝对很棒）。可以在此处找到重铸的 javascript 端口：https://github.com/vincent/recast.js

希望这会有所帮助！