Three.js示例与移动设备不完全兼容

Question

我在移动设备上遇到"后处理/故障"示例问题.这只是造成麻烦的雪效应.在桌面上,它会在故障期间覆盖整个视图端口.在移动设备上它只出现在底部.我认为这是负责任的一线.它在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));