WebGL animation flickering, too big an object?

I created the webgl animation using the scenejs library (start it by clicking the button at the bottom left, note that it also plays music, it is currently impossible to disable it).

The problem I am facing is that the floor / plane in the middle starts to flicker and continues to flicker / blink through the animation. Only toward the very end it flickers lower and completely stops to the end (when the plane draws near to the end).

If I reduce the size of the plane to 10% of its size (from ~ 26000 to ~ 2600), it does not flicker at all.

I tried adjusting the scale of the texture, it has no effect. Lowering the fps also showed no effect. Does WebGL have problems with large objects? Is there any work around this?

It’s possible to make a static plane and have a motion texture, but it will certainly make a lot more things more difficult, especially when additional elements are added to it.

The setting requestAnimationFramedid not affect and did not delete the flash video. The only time it works perfectly is when the plane is much smaller or when it reaches the end.

+3
source share
1 answer

The scene looks good to me - what happens when you delete Flash?

PS. Share this with jsFiddle if you want..http: //jsfiddle.net/

Also, what happens when you use the requestAnimationFrame parameter for a render loop?

Example here: http://scenejs.wikispaces.com/scene#Starting

+1
source

All Articles