欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

07 Physijs的复合对象(Three.js的物理引擎)

程序员文章站 2024-03-16 21:12:16
...

复合对象是向场景添加复杂几何图形的有效方式,并且通过将Physij中的可用形状拼凑在一起以创建更大,更复杂的几何体来创建复合形状。

在three.js中,您可以将这些子几何添加到父对象中,例如:

var parent = new THREE.Mesh( new THREE.BoxGeometry( 5, 5, 5 ), new THREE.MeshBasicMaterial({ color: 0x888888 }) );

var child = new THREE.Mesh( new THREE.SphereGeometry( 2.5 ), new THREE.MeshBasicMaterial({ color: 0x888888 }) );
child.position.z = 5;

parent.add( child );
scene.add( parent );

上面的代码会创建一个5x5x5的立方体,并在z轴负5的位置添加一个直径为5的球。移动和旋转父对象直接影响子类。为了保持Physijs插件简单并且简单,唯一需要改变的是将THREE.Mesh替换为Physijs相匹配的物理引擎模型:

var parent = new Physijs.BoxMesh( new THREE.CubeGeometry( 5, 5, 5 ), new THREE.MeshBasicMaterial({ color: 0x888888 }) );

var child = new Physijs.SphereMesh( new THREE.SphereGeometry( 2.5 ), new THREE.MeshBasicMaterial({ color: 0x888888 }) );
child.position.z = 5;

parent.add( child );
scene.add( parent );

在使用复合对象时唯一需要记住的是所有的子类都必须在父对象添加到场景之前添加到父对象中。当父对象放入场景中时,其形状已完成并且无法添加。