Show HN: WebGL Sprites Benchmark

On my Mint Desktop:<p><pre><code> Firefox 40.0: 1000 Bunnies at 12 FPS Firefox 40.0: 10000 Bunnies at 12 FPS Firefox 40.0: 20000 Bunnies at 12 FPS Firefox 40.0: 30000 Bunnies at 12 FPS Chrome 44.0: 1000 Bunnies at 60 FPS Chrome 44.0: 10000 Bunnies at 60 FPS Chrome 44.0: 30000 Bunnies at 30 FPS </code></pre> Why this extreme difference between Chrome and Firefox?<p>about:config in Firefox says &quot;GPU Accelerated Windows: 0&#x2F;3&quot; so I guess it is somehow not using the GPU. Although then Im surprised it can render 30k bunnies at 12 FPS. On the other hand, it says &quot;WebGL Renderer: NVIDIA Corporation -- GeForce GT 630&#x2F;PCIe&#x2F;SSE2&quot;. So I guess it&#x27;s using the GPU. Also I would expect this WebGL demo to not even run without FF using the GPU. Strange. Any ideas?

300 000 sprites, i5 2500, R9 270, Windows 8<p>- Chrome 44: 60 FPS constant<p>- Firefox 39: 49 FPS<p>- Firefox 40: 59-60 FPS<p>- IE 11: 10-12 FPS, very poor.<p>The FPS counter doesn&#x27;t appear on my smartphone (falcon, CM12.1 Browser), but i would estimate the performance is at about 10-15FPS at the <i>default</i> number of sprites, let alone the full 300 000.

Just a black screen on both Firefox Android and Chrome Android.

FF 40.0.0.3 22-23fps 23fps<p>FF nightly 2015-08-31 24fps<p>chrome 44.0.2403.157 (64bit) 26fps<p>MS Edge 20.10240.16384.0 30-33fps<p>(i7-4770k igfx)<p>The differences weren&#x27;t visually very apparent. None of the browsers seemed to have periodic GC lag, which in the past certainly was an issue.<p>I&#x27;m curious: which browser did you develop this with&#x2F;optimize on?

300000 sprites, i7-4712HQ, Linux<p><pre><code> - Chrome 44: between 10 and 20 fps. - Firefox 40: *very long load time* constant 14 fps</code></pre>

OP Here! Thank you for the data!<p>The hash worked here! <a href="http:&#x2F;&#x2F;haxor.xyz&#x2F;demos&#x2F;bunny-mark&#x2F;#500000" rel="nofollow">http:&#x2F;&#x2F;haxor.xyz&#x2F;demos&#x2F;bunny-mark&#x2F;#500000</a><p>For mobile, only touching and adding bunnies (with possible bugs for iOS)<p>Some extra info. I&#x27;m updating the [x,y] on JS and the rest is 1 drawcall in the WebGL side.

IPad here: 1000 bunnies fall down. Apart from that, nothing happens. No FPS, no controls, nothing.

Seems that screen&#x2F;window resolution is an important factor.

Wow, 100,000 sprites running at a constant 60 FPS in Chrome on a Mid-2014 MBP. Very cool.

how do you increase to more than 300K he says to modify the hash but this does not work on my comp