使用Three.js的onWindowResize事件参数

Question

我正在使用javascript进行编码，并使用Three.js进行编码。

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

> x <- c("Resistance_Test DevID (Ohms) 428", "Diode_Test SUBLo (V) 353")
> library(stringr)
> word(string = x, start = 4, end = 4)
[1] "428" "353"

我做了这个：http://codepen.io/gnazoa/pen/BjoBZz并使用相同的function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize( window.innerWidth, window.innerHeight ); } 函数。

现在我的问题是：当浏览器窗口减少时，有没有办法确定我想减少多少3d对象？

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

Answer 1

您在var object内宣布function init()。它＆＃39;无法从function onWindowResize()访问。 为了使其工作，它必须是一个全局变量，如camera, scene, renderer等。

然后在function onWindowResize()尝试：

object.scale.multiplyScalar(1.5);

或：

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