WebGL benchmark based on 2D traditional shooting game

Introduction

I made a WebGL benchmark based on 2D traditional shooting game to know the WebGL potential.

I'll introduce it and I got a good result much better than Canvas.

Benchmark

http://takahirox.github.io/toho-like-js/webgl_test.html

Prolly only works on Chrome.

Screenshot

As you see, WebGL displays thousands bullets including various type bullets at 60fps on my old laptop which I bought 6-7 years ago as $650. This result is much better than Canvas one. (I don't have precise number of the Canvas one though. It's annoying to make the Canvas version benchmark, hahaha.)

BTW

I did similar examination before but I got bad performance then because I didn't tune the code for WebGL.

After that I bought this book, read through, and tune the code for WebGL. Then I got the good result.

Professional WebGL Programming: Developing 3D Graphics for the Web

This link is for US people -> http://www.amazon.com/dp/1119968860

I'll recommend this book to a novice WebGL engineer who wanna know the pure WebGL because it explains the WebGL in the detail without any WebGL library like THREE.js except for matrix calculation utilities.

WebGL is indeed fast, but it requires tuning.

Conclusion

I confirmed that I can break a performance wall of the 2D browser shooting game with WebGL. I'm gonna adopt WebGL to the game main layer. But it requires not few code changes... Sigh.