javascript - 修复窗口 ThreeJS 上的立方体位置

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。好吧，首先我不建议您将位置设置为 on windowresize()，并且会说在 animate 上进行操作。如：

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

原谅我，但我无法进一步理解。