Javascript 三个J定义了地图学的轴

Javascript 三个J定义了地图学的轴,javascript,three.js,Javascript,Three.js,我有一个长方体几何 我想定义几何体前面的位置,设置一个框: var materialArray = []; materialArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'test/Three.js/images/xpos.png' ) })); materialArray.push(new THREE.MeshBasicMaterial( { map: THREE.Ima

我有一个长方体几何

我想定义几何体前面的位置,设置一个框:

var materialArray = [];
    materialArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'test/Three.js/images/xpos.png' ) }));
    materialArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'test/Three.js/images/xneg.png' ) }));
    materialArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'test/Three.js/images/ypos.png' ) }));
    materialArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'test/Three.js/images/yneg.png' ) }));
    materialArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'test/Three.js/images/zpos.png' ) }));
    materialArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'test/Three.js/images/zneg.png' ) }));
    var MovingCubeMat = new THREE.MeshFaceMaterial(materialArray);
    var MovingCubeGeom = new THREE.BoxGeometry( 100*meter, 50*meter, 300*meter, 1, 1, 1, materialArray );
    myMesh = new THREE.Mesh( MovingCubeGeom, MovingCubeMat );       
    scene.add( myMesh );    
当我使用
myMesh.lookAt(myTarget)
瞄准目标时,背面是纹理“zneg.png”(应该是对象的前面)的一面,对象的方向是“zpos.png”面向目标的一面

如何定义对象的前部和底部,或顶部和后部,以便简单地使用旋转


谢谢。

当对象处于其默认方向时,它被视为朝其内部正z轴的方向看。(例外情况是相机,它在其内部负z轴方向上观看。)

调用
object.lookAt(target)
时,对象会旋转,使其内部z轴指向目标的方向

如果希望几何体的另一侧朝向内部正z轴,请在创建几何体后立即对其应用变换

geometry.applyMatrix( new THREE.Matrix4().makeRotation( 0, Math.PI, 0 ) );
编辑:也可以使用其中一种内置方法。比如说,

geometry.rotateY( Math.PI );
3.js r.100