Babylon.js is a free and open-source 3D engine written in TypeScript, focused on high performance and simplicity for WebGL applications. It includes advanced features like an offline support, a complete audio engine, and tools for integrating with 3D software such as Blender and 3ds Max. The document provides resources for learning and experimenting with Babylon.js through practical examples and a debugging layer for performance optimization.

3. jQuery UK 2015#babylonjs
Babylon.js ?
Free & open source project (Apache 2 license):
https://github.com/babylonjs/babylon.js
Written in TypeScript
Our philosophy?
Simple to use
High performance
Run everywhere
WebGL. simple. powerful.

4. jQuery UK 2015#babylonjs
Advanced features
Offline support
IndexedDB
Network optimizations
Incremental loading
Blender, 3DS Max & Unity
exporters
Design & render +
babylonjs.com/sandbox
Complete collisions and
physics engine

5. jQuery UK 2015#babylonjs
Advanced features
Smart shaders engine and
postprocesses
Complete Web Audio
engine
Advanced texture support
(Bump, DDS)
Touch, Gamepad, Oculus &
virtual joysticks

6. jQuery UK 2015#babylonjs
Handling touch devices
One event to rule them all!

8. jQuery UK 2015#babylonjs
Ok, let’s restart the engine from the beginning

9. jQuery UK 2015#babylonjs
Learning Babylon.js using the playground
• Get sample code
• Try and experiment
• Share with friends
• Learn by reading examples
The power of TypeScript!

11. #babylonjs
Working with 3D artists

17. jQuery UK 2015#babylonjs
Creation Pipeline
From 3D tooling to WebGL using 0 line of code!
.babylonoffline
converter
.FBX
.OBJ
.FBX
.OBJ

19. jQuery UK 2015#babylonjs
Babylon.js audio engine
Based on Web Audio
Supports ambient, omnidirectional or directional
3D sound using linear attenuation by default
Managed by code or by loading our .babylon format
Supported by our 3DS Max exporter (Blender &
Unity to come)
Simplicity again as a foundation

21. jQuery UK 2015#babylonjs
Debug layer
Draw calls
Time spent per feature
Number of objects
Number of active vertices
Are you GPU / CPU locked?
User marks + F12
Tool to help you reviewing performance issues

22. Useful links
What we’re working on in Internet Explorer: status.modern.ie
• like Web Audio, Media Capture, ES6 features, etc.
Visit http://modern.ie to find ways to test IE11
• via free VMs or 3 months of BrowserStack for free
• even on your lovely Mac!
Play with Babylon.js demos on www.babylonjs.com
• and try some tutorials via our playground: www.babylonjs.com/playground
Contact the IE Developer Relations team on twitter: @iedevchat
and Babylon.js developers: @deltakosh & @davrous

23. www.babylonjs.com
#babylonjs
@deltakosh
@davrous
@rousseau_michel