Babylon.js - A WebGL Game Engine From Microsoft
Written by Ian Elliot   
Thursday, 15 August 2013

Even though Microsoft is very late to the WebGL party, support in IE 11 seems to have released some pent-up enthusiasm for the technology. Babylon.js is an open source 3D engine produced by Microsofties, mostly in their spare time. 

WebGL which brings 3D to the Canvas element in most modern browsers, or will as soon as IE11 replaces IE10. WebGL is great but it isn't exactly easy to use. To do anything beyond a simple demonstration you need to use it via a graphics library - three.js for example. To create a game you really also need a games engine that includes additional features such as collision detection, particles and as many special effects as can be provided. This is what Babylon.js does for you.




It is based on an earlier game engine for Silverlight's WPF based 3D system but now it's 100% JavaScript. It seems to work well with Firefox, Chrome and IE 11 so it does appear to be a completely platform neutral package. Indeed at the moment its website warns that IE 11 is still only a preview and many shaders don't work. In other words Babylon has been developed using Chrome and Firefox rather then IE 11. 




It is a surprisingly complete game engine given that it seems to have been developed in a very short time.  Its features include: 

  • Complete scene graph with lights, cameras, materials and meshes
  • Collisions engine
  • Scene picking
  • Antialiasing
  • Animations engine
  • Particles Systems
  • Sprites and 2D layers
  • Optimizations engines
  • Standard material is a per pixel material.
  • Fog
  • Alpha blending
  • Alpha testing
  • Billboarding
  • Fullscreen mode
  • Shadow Maps and Variance Shadow Maps
  • Render target textures
  • Dynamic textures (canvas)
  • Video textures
  • Cameras (Perspective and orthographic):
  • Mesh cloning
  • Dynamic meshes
  • Height maps
  • Babylon scene file can be converted from .OBJ, .FBX, .MXB
  • Exporter for Blender

You can see the sort of performance and quality you can achieve in the following video:



However, it has to be said that the live demos on the Babylon.js web site are even more impressive. 

The library is issued under a Microsoft Public License, which might worry some, but it is a valid open source license and allows you to reuse the code without many restrictions from Microsoft. The code is also hosted on GitHub rather than Codeplex.



More Information


Babylon.js On GitHub

Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL A Tutorial

Related Articles

WebGL 3D Sculpture Demo       

It Is Official - IE 11 To Support WebGL       

Realtime Fluid Flow - Wow!       


To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, FacebookGoogle+ or Linkedin,  or sign up for our weekly newsletter.






or email your comment to:



Striim Launched On Google Cloud

A new service that offers Google Cloud customers real-time streaming data integration and analytics has been launched by Striim. Striim Cloud on Google Cloud is claimed to be the fastest way for custo [ ... ]

Apache Ignite Changes SQL Engine

Apache Ignite has been updated to use a new SQL engine based on Apache Calcite, and new 'read repair' strategies.

More News

Last Updated ( Thursday, 15 August 2013 )