Three.js 示例不完全兼容移动端

Question

我在移动设备上遇到“后处理/故障”示例的问题。只是雪效应造成了麻烦。在桌面上，它会在故障期间覆盖整个视口(viewport)。在手机上，它只出现在底部。我认为这是负责的路线。它在 DigitalGlitch.js 中。

"vec4 snow = 200.*amount*vec4(rand(vec2(xs * seed,ys * seed*50.))*0.2);",

我不明白为什么要影响移动设备。

Answer 1

此问题在移动设备中最为常见，这是此设备像素比背后的原因之一
通常移动设备的像素比 > 2
像素比为 2 意味着要渲染的像素多 4 倍
为了优化性能，我们必须对此进行规范化，您可以尝试 -

  renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));