修復窗口上的立方體位置ThreeJS

我正在使用Three.JS，我需要一個立方體來適應窗口的大小。立方體將始終尊重窗口的比例（window.innerWidth和window.innerHeight），但會導致Z位置取決於顯示比率更接近或更遠。修復窗口上的立方體位置ThreeJS

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 = ???; 
}

你能想出一個解決方案嗎？

來源

2012-10-15 eledgaar

你的問題對我來說真的沒有意義，是什麼樣的立方體？在哪裏？把代碼的一些例子...等..看常見問題解答如何問一個問題http://stackoverflow.com/faq#questions – RomanTheGreat

你可以提供一個活的jsfiddle顯示你到目前爲止，然後解釋它是什麼你要？ – WestLangley

如果我理解正確，您在cube Z位置遇到問題。那麼，首先我不建議你在windowresize()上設置位置，並且會說動畫。如：

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

原諒我，但我不能理解任何進一步。

來源

2012-10-24 18:09:06 TalesTk

修復窗口上的立方體位置ThreeJS

回答

相關問題