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