2017-06-05 162 views
0

我们一直在使用Web GL作为我们的产品之一,直到最后一次更新时,应用程序才能正常工作。Chrome中的Web GL渲染问题58

自从上次更新以来,webgl渲染被推下到左下角,并且场景剪辑仅在屏幕的一小部分中可见。我们不知道为什么会发生这种情况,而且我们修复这个问题很重要。

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

它在Mac和Windows桌面上正常工作,在iPhone上工作正常。它仅存在于chrome android版本58(最新更新)

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

图像正确

问题图片

请帮助

PS:我们已经测试了这个在Nexus 6

+0

那些看起来像CSS问题。删除所有的webgl,并设置画布的背景'canvas {background:red;看看你是否得到同样的问题。你也设置[文档视口](https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag) – gman

+0

它不是CSS问题,我们尝试了你的建议,但同样的问题存在。由于某种原因,渲染只有上面显示的大小。当我们开始缩放场景时,图像进入小的渲染区域并被渲染 –

回答

0

问题是因为webgl中针对移动设备的缓冲存储器,行

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

是导致问题的原因之一。

对不能处理抗锯齿移动设备,只要使用

var renderer = new THREE.WebGLRenderer(); 

这将解决这个问题。