Babylon.js is an open-source project built with simplicity in mind in order to help web developers creating 3D games. During this session, you will discover how simple it can be to play with 3D without having to deal with WebGL plumbing!

1. BABYLON.JS
Unleash 3Dgamesforthe WEB

2. davca@microsoft.com - @deltakosh - http://aka.ms/davca
DAVIDCATUHE
Senior ProgramManager –IE/Open Web Standards
Developer Experience and Evangelism
2

3. FIRSTCONTACT
Hello worldBabylon.js

4. LEARN AND EXPERIMENT
Playground

5. CREATE YOUROWN SHADER
CYOS

6. CREATING ASSETS
Using Blender

7. PLAYING WITH INPUT
Touch
Camera based on
pointer events
Device Orientation
Camera based on
Device Orientation
API
Virtual Joysticks
Using pointer events,
this camera
generates two
joysticks on top of
the scene
Anaglyph
Use this camera with
Red/Green glasses
Oculus
Control camera
orientation with
Oculus Rift device

8. UNIVERSALAPP
Creating Windows andWindows Phone with Babylon.js

9. ABOUTASSASSIN’S CREED PIRATESRACE
UbiSoft used Babylon.js to create a complete racinggame forthe web
Contest for developers
Create a shader for the pirate ship at
http://www.babylonjs.com/cyos/acpr
Submit your entry by June 20, 2014
http://race.assassinscreedpirates.com/

10. BABYLON.JS FEATURES
1 Easy to use
• Simplicity as a foundation
• Minimal amount of code
• Pure JavaScript
• Open-source
• Optimizations engines (Octree, clipping,
offline mode)
2 Advanced shaders
• Smart shaders
• Per-pixel lighting
• Video / dynamic textures
• Bump
• Shadows
• Etc..
3 Collisions / physics engine
• Complete collisions engine
• Physics drivers (cannon.js)
4 And so many more
• Oculus Rift / Touch / Device Orientation
• Local cache using IDB
• Network optimizations with incremental loading
• Particles
• Mirrors
• Skyboxes
• Postprocesses
• Sprites

11. BABYLON.JS TOOLS
1 Playground
Learn and experiment Babylon.js in your
browser:
http://www.babylonjs.com/playground
For shaders:
http://www.babylonjs.com/cyos
2 Sandbox
Simply test your scene with drag’n’drop:
http://www.babylonjs.com/sandbox
3 Exporters
• Blender
• 3DS Max (thanks to UbiSoft)
• FBX converter
• OBJ converter
• Collada converter
4 WIKI
• https://github.com/BabylonJS/Babylon.js
• Tutorials
• Documentation
• Forum:
http://www.html5gamedevs.com/forum/16-
babylonjs/

12. USEFUL LINKS
http://www.babylonjs.com
http://www.babylonjs.com/playground
http://www.babylonjs.com/cyos
https://github.com/BabylonJS/Babylon.js/wiki
http://www.html5gamedevs.com/forum/16-babylonjs

13. THANK
YOU!