Chrome 58 中的 Webgl 渲染问题

Web GL Rendering issue in Chrome 58

我们一直在为我们的一个产品使用 Web GL,直到上次更新应用程序都运行良好。

自上次更新以来,webgl 渲染被向下推到左下角,场景被裁剪为仅在屏幕的一小部分可见。我们不知道为什么会这样,我们解决这个问题很重要。

如果有人能帮助我们解决这个问题,让它再次正确呈现,那将是一个真正的帮助。

它在桌面 mac 和 windows 上都工作正常,在 iphone 上工作正常。它仅存在于 chrome android 版本 58(最新更新)

下面附上图片,第一个是正确的渲染,第二个是错误的。

图片正确

问题图片

请帮忙

PS:我们已经在 Nexus 6

上进行了测试

问题是因为移动设备的 webgl 中的缓冲内存,行

var renderer = new THREE.WebGLRenderer({
antialias: true,
});

是导致问题的原因。

对于无法处理抗锯齿的移动设备,只需使用

var renderer = new THREE.WebGLRenderer();

这将解决问题。