水平故障线虫

时间:2013-05-16 18:02:20

标签: javascript three.js

在我工作的基于Three.js的项目Voxel.js中,我们最近开始看到一个奇怪的渲染,出现在Macbook Airs(Intel HD Graphics 3000)上,但它并没有出现在其他Macbook上使用GeForce 320Ms。

以下是Canary WebGL Profiler的4个屏幕截图,显示了该行的显示方式http://imgur.com/a/2eRhO#0

线条本身与three.js渲染器填充颜色的颜色相同,因此在将非填充颜色的东西绘制到画布上之前它是不可见的

尝试重现故障,这是一个演示:http://maxogden.github.io/voxel-hello-world只是看一下,直到线条出现

以下是游戏过程中出现的故障视频http://www.youtube.com/watch?v=KfR8tJ36KuY

另一个截图,其中填充颜色设置为粉红色http://i.imgur.com/Ww6nMOA.png

我认为引入此故障的代码在这里:https://github.com/shama/voxel-texture/blob/master/index.js

我们过去常常使用许多.png纹理,每个纹理一个纹理,但是现在我们使用复合纹理图集,它们是即时打包和生成的,例如http://imgur.com/qgSYSNf

之前有没有人见过这种行为?关于如何追查根本原因的任何想法?

1 个答案:

答案 0 :(得分:1)

Safari中是否也会出现这些错误?如果是这样,它们很可能是由Apple的图形驱动程序引起的。尝试在这些MacBook上运行其他WebGL应用程序,看看他们是否表现出同样的问题。