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.

 

babylonjslogo

 

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. 

 

babylonjsscene

 

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.

 

babylonjslogo

More Information

Babylon.js

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.

 

espbook

 

Comments




or email your comment to: comments@i-programmer.info

 

Banner


Ai-Da's Portrait of Alan Turing At Auction
01/11/2024

Sotheby's Digital Art Day Action, now underway, features a large-scale portrait of  Alan Turing created by Ai-Da, the humanoid robot artist whose work, including this canvas, was exhibited at the [ ... ]



.NET 9 Released
18/11/2024

.NET 9 has been released with a number of performance improvements and new features designed to help developers use AI.


More News

Last Updated ( Thursday, 15 August 2013 )