2013-05-16 3 views
24

In Voxel.js, einem Three.js basierten Projekt, an dem ich arbeite, haben wir kürzlich ein seltsames Rendering gesehen, das auf Macbook Airs (Intel HD Graphics 3000) auftaucht, aber nicht auftaucht andere Macbooks wie jene mit GeForce 320Ms.Horizontale Glitchlinien Bug

Hier gibt es 4 Screenshots von den Kanarischen WebGL Profiler zeigt, wie die Linie erscheint http://imgur.com/a/2eRhO#0

Die Linie selbst ist die gleiche Farbe wie die Farbe three.js Renderer Füllung, so dass es nicht sichtbar ist, bis es nicht-fill farbige Dinge auf die

um zu versuchen und zu reproduzieren die Glitch Leinwand gezogen wird, ist hier eine Demo: http://maxogden.github.io/voxel-hello-world ein wenig herum schauen nur, bis die Linien ein Video von den Pannen hier

zeigen wird während des Spiels zeigt sich http://www.youtube.com/watch?v=KfR8tJ36KuY

Und ein weiterer Screenshot wo die Füllfarbe gesetzt http://i.imgur.com/Ww6nMOA.png

Der Code, den ich diesen Glitch eingeführt glauben pink ist hier: https://github.com/shama/voxel-texture/blob/master/index.js

Wir haben viele .png Texturen zu verwenden, eine für jede Textur, Aber jetzt verwenden wir Composite-Textur-Atlanten, die im laufenden Betrieb gepackt und generiert werden, z http://imgur.com/qgSYSNf

Hat jemand dieses Verhalten schon einmal gesehen? Irgendwelche Ideen, wie ich die Ursache herausfinden könnte?

+0

Ich würde sagen, es sieht aus wie ein Problem mit der Pufferung ... Können Sie Hardware-Beschleunigung auf dem Macbook Air ausschalten? Gibt es auch einige einfache Beispiele, die mit Three kommen, die das Problem zeigen? –

Antwort

1

Treten diese Fehler auch in Safari auf? Wenn ja, besteht eine gute Chance, dass sie durch die Grafiktreiber von Apple verursacht werden. Versuchen Sie, andere WebGL-Anwendungen auf diesen MacBooks auszuführen, und sehen Sie, ob sie die gleichen Probleme aufweisen.