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


Azure Container Apps Dynamic Sessions Generally Available
02/12/2024

Dynamic Session support has been added to Azure Container Apps. Azure Container Apps is a serverless platform for running containerized applications, and dynamic sessions is designed to provide fast a [ ... ]



CSS Ecosystem In the Spotlight
06/11/2024

The 2024 edition of the State of CSS has been posted, revealing that the latest features of the language not only do away with extra tooling, but even start taking on tasks that previously requir [ ... ]


More News

Last Updated ( Thursday, 15 August 2013 )