javascript - 使用Three.js的onWindowResize事件参数

我正在使用javascript进行编码的第一步，也正在使用Three.js。

关键是，当我减小浏览器屏幕的宽度和高度时，我总是看到此功能可以按比例缩小场景：

function onWindowResize() {

    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize( window.innerWidth, window.innerHeight );

}

我这样做了：http://codepen.io/gnazoa/pen/BjoBZz，并且正在使用相同的onWindowResize()函数。

现在我的问题是：当浏览器窗口也缩小时，是否有一种方法可以决定减少3d对象的数量？

我试图在object.scale.set -=1.5;函数中编写此onWindowResize()，但它不起作用，然后我在threejs.org示例中进行了搜索，但没有找到任何东西。你有什么建议吗？

最佳答案

您是在var object中声明您为function init()。不能从function onWindowResize()访问它。
要使其起作用，它必须是一个全局变量，例如camera, scene, renderer等。

然后在您的function onWindowResize()中尝试：

object.scale.multiplyScalar(1.5);

要么：

object.scale.set(1.5, 1.5, 1.5);