Javascript Three.js中的父子关系
我已经创建了一个立方体,宽度=2083,高度=1987,深度=0。然后我画了另一个高度为40、宽度为80、深度为0的立方体,并将第二个立方体作为第一个立方体的子立方体。我设置了子立方体的位置,使其位于父立方体内部。子立方体的位置为(x=-1210,y=-880) 问题是子多维数据集在父多维数据集之外绘制Javascript Three.js中的父子关系,javascript,three.js,parent-child,Javascript,Three.js,Parent Child,我已经创建了一个立方体,宽度=2083,高度=1987,深度=0。然后我画了另一个高度为40、宽度为80、深度为0的立方体,并将第二个立方体作为第一个立方体的子立方体。我设置了子立方体的位置,使其位于父立方体内部。子立方体的位置为(x=-1210,y=-880) 问题是子多维数据集在父多维数据集之外绘制 此外,如果删除父子关系,则会在parentCube内按预期绘制childCube。定义父子关系时,子对象的位置相对于父对象 因此,要将子对象放置在父对象的中心,请使用位置(0,0,0) 您的示例
此外,如果删除父子关系,则会在parentCube内按预期绘制childCube。定义父子关系时,子对象的位置相对于父对象 因此,要将子对象放置在父对象的中心,请使用位置
(0,0,0)
您的示例位置确实超出了家长的范围
camera = new THREE.PerspectiveCamera( 30, window.innerWidth / window.innerHeight, 1, 10000 );
camera.position.x = 0;
camera.position.y = 0;
camera.position.z = 8000;
var parentCube = new THREE.Mesh(new THREE.BoxGeometry(2083,1987,0), new THREE.MeshBasicMaterial({color:0xaa00ff}));
childCube = new THREE.Mesh(new THREE.BoxGeometry(80, 40, 0), new THREE.MeshBasicMaterial({color: 0x00ff00}) );
childCube.position.x = -1210;
childCube.position.y = -880;
childCube.position.z = 0;
parentCube.add(childCube);