为什么画布和webgl渲染器不一样？ （three.js所）

Question

I try to render a sphere with three.js, but if I render it with canvasRenderer, then there are grey lines on the sphere

code: http://jsfiddle.net/jzpSJ/

screenshot: http://desmond.imageshack.us/Himg209/scaled.php?server=209&filename=canvase.png&res=landing

But if I render it with webGL renderer in opera next, then it looks awful

code: http://jsfiddle.net/jzpSJ/1/

screenshot: http://desmond.imageshack.us/Himg51/scaled.php?server=51&filename=webglopera.png&res=landing

In google chrome it looks as it should be.

Thanks in advance,

Answer 1

Try setting the dirty and/or dynamic flags. See this and this .

This doesn't really answer your question , but it could be a fix.

Answer 2

CanvasRenderer:

Change material definition, overdraw: false must be overdraw: true

WebGLRenderer:

WebGL and Opera? Are you testing the alpha version? A lot of things still broken.