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来显示您目前所拥有的,然后解释您想要的是什么?