Javascript 将立方体移动到另一个立方体中
在我的代码中,我将Javascript 将立方体移动到另一个立方体中,javascript,three.js,Javascript,Three.js,在我的代码中,我将cube2添加到cube1: var cube = new THREE.Mesh(new THREE.CubeGeometry(255, 255, 255),new THREE.MeshBasicMaterial( { color: 0x000000, wireframe: true } )); var cube2 = new THREE.Mesh(new THREE.CubeGeometry(100, 100, 100), new THREE.MeshBasicMa
cube2
添加到cube1
:
var cube = new THREE.Mesh(new THREE.CubeGeometry(255, 255, 255),new THREE.MeshBasicMaterial( { color: 0x000000, wireframe: true } ));
var cube2 = new THREE.Mesh(new THREE.CubeGeometry(100, 100, 100), new THREE.MeshBasicMaterial( { color: 0xff0000 }));
cube.add(cube2);
scene.add(cube);
然后看起来是这样的:
但是我想把红色的cudecube2
放在我的线框立方体cube1
的角落里:
var cube = new THREE.Mesh(new THREE.CubeGeometry(255, 255, 255),new THREE.MeshBasicMaterial( { color: 0x000000, wireframe: true } ));
var cube2 = new THREE.Mesh(new THREE.CubeGeometry(100, 100, 100), new THREE.MeshBasicMaterial( { color: 0xff0000 }));
cube.add(cube2);
scene.add(cube);
我尝试了这个:但它没有正常工作,因为它只将我的多维数据集移动到空间中的某个位置:
cube2.position = new THREE.Vector3(1, 1, 1)
那我该怎么办?谢谢我想这应该可以做到:
cube2.position.x = ( 255 - 100 ) / 2;
cube2.position.y = ( 255 - 100 ) / 2;
cube2.position.z = ( 255 - 100 ) / 2;
很好,谢谢!谢谢你的帮助!现在由您来理解原因:)