1. Using Babylon.js for beginner
Introduction to WebGL 3D with HTML5 and Babylon.js

2. WHO ARE WE? DAVID ROUSSET DAVID CATUHE
Geeks, web developers, 3D addicts
DAVID ROUSSET
DAVID CATUHE
TECHNICAL EVANGELIST
PRINCIPAL PROGRAM MANAGER
Do not try to tune your speakers, the weird sound is due to French accent…

3. Introduction to WebGL 3D with HTML5 and Babylon.js
Course topics
Introduction to WebGL 3D with HTML5 and Babylon.js
Day One
01 | 3D on the Web: Understanding the Basics
02 | WebGL Basics
03 | Using Babylon.js for Beginners
04 | Understanding materials and inputs
Day Two
01 | Game Pipeline Integration with Babylon.js
02 | Loading Assets
03 | Babylon.js: Advanced Features
04 | Special Effects

4. TEASER – WHAT YOU’LL LEARN
DEMO
Playground with all Babylon.JS meshes

5. AGENDA Basic scene components: meshes, lights and cameras1
Basic scene components: meshes, lights and cameras
Using the Playground 2

6. Basic scene components: meshes, lights and cameras
Section One
Basic scene components: meshes, lights and cameras

7. BABYLON.JS Meshes main primitives
Sphere
Plane
Box
Torus
Cylinder
Lines
TorusKnot

8. Ground & Ground From HeightMap+ =

9. BABYLON.JS Lights HemisphericLight PointLight SpotLight
DirectionalLight

10. USING MESHES, CAMERAS & LIGHTS
DEMO

11. Section Two
Using the Playground

12. Learning Babylon.js using the playground
Get sample code
Try and experiment
Share with friends
Learn by reading examples

13. USING THE PLAYGROUND
DEMO

14. Going further with some online tutorials
Creating a Basic Scene
Create Basic Elements (shapes/meshes)
Position, Rotation and Scaling
Babylon.JS Cameras
Lights
Cameras collisions
Height map