javascript - 以较低分辨率渲染场景（three.js）

Question

如何降低渲染的画布分辨率（就像我可以在搅拌机相机分辨率上做的那样）？我看到另一个问题说我需要使用

renderer.setDevicePixelRatio(window.devicePixelRatio)

问题是物体要么变黑，要么画布上什么也没有，所以我真的不知道这是否能解决我的问题。

我也尝试使用

renderer.setSize()

和

renderer.setViewport()

一起和分开，但它只将画布大小更改为非常小的尺寸（我需要画布的高尺寸预览），即使视口达到我想要的大小，似乎对象仅在尺寸更小，所以我看不到所有内容，因此无法解决问题。

另外，如果可能的话，有没有办法通过手动将图像缓冲区更改为较低分辨率的缓冲区并显示它来做到这一点？

标签： javascripthtmlthree.js

Answer 1

我需要的是渲染器上的 setPixelRatio 函数。没有 setDevicePixelRatio。