Javascript 固定窗口上的立方体位置

Javascript 固定窗口上的立方体位置,javascript,webgl,three.js,Javascript,Webgl,Three.js,我正在使用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

我正在使用
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 = ???;
}

你能想出一个解决办法吗?

如果我理解正确,你在
立方体Z
位置上有问题。 首先,我不建议您在
windowresize()
上设置位置,而建议您在animate上设置位置。例如:

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

请原谅,我无法进一步理解。

你的问题对我来说没有意义。真的,什么样的立方体?哪里把一些代码的例子。。。等查看常见问题解答如何提问您是否可以提供一个实时的JSFIDLE来显示您目前所拥有的,然后解释您想要的是什么?