固定在ThreeThreeJS窗口上的立方体位置

Question

我正在使用Three.JS ，我需要一个立方体以适合窗口的大小。 多维数据集将始终遵守窗口的比例（ window.innerWidth和window.innerHeight ），但根据显示比例的不同，Z位置也会变近或变远。

cube = new THREE.Mesh( new THREE.CubeGeometry( windowWidth, windowHeight, 200, 6, 6, 6, materials ), new THREE.MeshFaceMaterial() ); 
cube.position.y = ???; 
cube.position.z = ???;

function onWindowResize() {

   camera.aspect = window.innerWidth / window.innerHeight;
   renderer.setSize( window.innerWidth, window.innerHeight );
   camera.updateProjectionMatrix();
   cube.position.y = ???; 
   cube.position.z = ???;
}

您能想到解决方案吗？

Answer 1

如果我理解正确，则您在cube Z位置上遇到问题。 好吧，首先，我不建议您在windowresize()上设置位置， windowresize()说要设置动画。 如：

function animate() {
    cube.position.z = camera.position.z  
}

请原谅我，但我再也听不懂了。