javascript - 水平毛刺线错误

Question

在我从事的基于 Three.js 的项目 Voxel.js 中，我们最近开始看到在 Macbook Airs(Intel HD Graphics 3000)上出现奇怪的渲染，但在其他 Macbook 上却没有出现配备 GeForce 320Ms。

以下是来自 Canary WebGL Profiler 的 4 个屏幕截图，显示了线条的显示方式 /image/VMVJ2.jpg

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

为了尝试重现该故障，这里有一个演示:http://maxogden.github.io/voxel-hello-world环顾四周，直到线条出现

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

另一个屏幕截图，其中填充颜色设置为粉红色 /image/WSGV1.png

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

我们曾经使用许多 .png 纹理，每个纹理一个，但现在我们使用动态打包和生成的复合纹理图集，例如/image/HdS0S.jpg

以前有人见过这种行为吗？关于如何追踪根本原因有什么想法吗？

Answer 1

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