Awful frame rates under all browsers

[hexdecks]

Hi Guys,

 

I'm drawing an isometric grid with mouse-over hit area detection over each tile. It works but the frame rates are awful. Any idea what is bringing the frame-rates down so much? Surely, webGL is capable of attaining better FPS than this? What am I doing that is particularly taxing for the browser?

 

There are no moving sprites (only diamond-shapes PIXI.Graphics) drawn to the screen. ps. I can get about 45,000 moving sprites on bunnymark at 30fps.

 

http://178.79.155.146/pc

 

Cheers,

Jordan

[msha]

Graphics objects are not that fast, use sprites instead. You can create sprites from Graphics this way:

tileTexture  = myTileGraphics.generateTexture();..................tileSprite = new PIXI.Sprite(tileTexture); 

[hexdecks]

 

Graphics objects are not that fast, use sprites instead. You can create sprites from Graphics this way:

tileTexture  = myTileGraphics.generateTexture();..................tileSprite = new PIXI.Sprite(tileTexture); 

 

Interesting, thanks for this. Out of interest - do you know why this is? Are sprites drawn in a different way to graphics objects?

(Probably more of a webGL issue possibly?)

[msha]

Interesting, thanks for this. Out of interest - do you know why this is? Are sprites drawn in a different way to graphics objects?

(Probably more of a webGL issue possibly?)

I think it has to do with how opengl primitives are batched together.

[xerver]

With primitives we have to draw them to the stencil buffer each frame, then render that to the render buffer. With a sprite it is a single draw call to show the texture. If you have many sprites with the same texture we can batch them all together in a single draw call (we can't do that with Graphics).

 

That is the short version.

[dirkk0]

I also switched to Sprites for this reason:
http://www.html5gamedevs.com/topic/10482-heydey-isometric-tiles-in-pixijs/

[hexdecks]

With primitives we have to draw them to the stencil buffer each frame, then render that to the render buffer. With a sprite it is a single draw call to show the texture. If you have many sprites with the same texture we can batch them all together in a single draw call (we can't do that with Graphics).

 

That is the short version.

 

 

I also switched to Sprites for this reason:

http://www.html5gamedevs.com/topic/10482-heydey-isometric-tiles-in-pixijs/

 

Really useful guys, thank-you.