Wardensity: 3D RTS in the Browser
For the last year and a half indie studio NWG has been developing Wardensity, an 3D Multi-player HTML5 game being build on WebGL using Three.js as a base.
The game is completely cross-platform (there are web versions for Mozilla & Chrome, desktop version for Win, Linux, Mac & mobile version for Android and Tizen).
The fully-multiplayer game is created using Angular.js for the interface on the front-end and Socket.io, Node.js & Express on the backend along with a custom C++ pathfinding library. Data is stored in MongoDB.
Initially using stock Three.js, the team quickly ran into problems with performance – to solve this they starting merge as many of the draw calls as possible, reducing the original 600-1500 per frame down to 30-50 for the visible map. The team was able to get performance up to a stable 30-40fps on 1920×0180 on a lowly intel hd4000.
Check out a video of Wardensity below and you can follow their progress on Facebook as well