In my Voxel.js project, which is based on Three.js, I have noticed a strange rendering issue specifically on Macbook Airs with Intel HD Graphics 3000. Interestingly, this problem does not occur on other Macbooks like those with GeForce 320Ms.
I have gathered 4 screenshots from the Canary WebGL Profiler to showcase how the abnormal line appears: https://i.sstatic.net/VMVJ2.jpg
The line itself blends in with the color of the three.js renderer fill, making it invisible until non-fill colored elements are added to the canvas.
To help reproduce the glitch, I have created a demo that you can check out here: . Just explore the demo until the lines become visible.
You can also view a video showcasing the glitches during gameplay here: http://www.youtube.com/watch?v=KfR8tJ36KuY
Additionally, here is another screenshot where the fill color is set to pink: https://i.sstatic.net/WSGV1.png
I suspect that the code causing this glitch can be found here: https://github.com/shama/voxel-texture/blob/master/index.js
We used to rely on many .png textures, each for a different texture. Now, we utilize composite texture atlases that are dynamically generated and packed, as seen here: https://i.sstatic.net/HdS0S.jpg
Has anyone encountered similar behavior before? Any suggestions on how I can pinpoint the cause of this issue?