【发布时间】:2013-05-11 18:10:33
【问题描述】:
在我从事的基于 Three.js 的项目 Voxel.js 中,我们最近开始看到出现在 Macbook Airs(Intel HD Graphics 3000)上的奇怪渲染,但在其他类似的 Macbook 上却没有使用 GeForce 320 毫秒。
这里是 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
以前有人见过这种行为吗?关于如何追查根本原因的任何想法?
【问题讨论】:
-
我会说它看起来像缓冲问题...你能在 Macbook air 上关闭硬件加速吗?也有任何与 3 一起出现的简单示例来说明问题吗?
标签: javascript three.js