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

Question

我创建一个THREE.Mesh使用对象THREE.JSONLoader对象，像这样：

// 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 “坚实”？}

更新

我使用了Blender，从盒子中创建了一个新城堡，并将其导出为Three.js格式。 如果将质量设置为CANNON.Body 0 ，它将保持静态。 这完美地解决了......

Answer 1

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

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

非cannon.js相关方法将是例如使用Recast。 Recast会为您加载.obj文件，并根据您的设置为您创建导航网格。 然后你可以在那里走动（如果你有像游戏一样的RTS鸟瞰图，或者跑来跑去的机器人，那就太棒了）。 可以在这里找到重铸javascript端口： https ： //github.com/vincent/recast.js

希望这可以帮助！

Answer 2

我有一个类似的问题，并使用这两个函数从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]
})