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()上设置位置，并说会在动画上做。如：

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

原谅我，但我无法理解。

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

1 个答案: