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.


raspberry pi books



or email your comment to:



The Experience AI Challenge

The Raspberry Pi Foundation in collaboration with Google DeepMind has announced the Experience AI Challenge. Its intention is to guide young people under the age of 18, and their mentors, through [ ... ]

Explore SyncFusion's Blazor Playground

Syncfusion has provided an in-browser environment where you can write, compile and run code that uses Blazor components and get it previewed live.

More News

Last Updated ( Thursday, 15 August 2013 )