Que vous soyez développeur ou artiste 3D, vous verrez dans cette session d’introduction le potentiel de WebGL exprimé à travers le moteur 3D open source Babylon.JS. Déjà utilisé par certains grands acteurs de l’industrie, comme Ubisoft, il permet de distribuer simplement du contenu 3D temps réel sur tous les périphériques du marché : Windows, Windows Phone, IOS, Android & Firefox OS ! Nous aborderons le cycle complet de production : comment créer et exporter les assets 3D depuis 3DS Max ou Blender, comment gérer tout cela du point de vue du développeur. Pour finir, cela sera l'occasion de découvrir les nouveautés de la v2 comme le support de Web Audio dans le moteur pour simplifier la gestion du son spatialisé, le LOD (Level Of Details), le Scene Optimizer ou les indices 32 bits.

2. MichelRousseau
UI, UX, design
Microsoft France, division Dx
Blog :
http://aka.ms/michel
twitter : @rousseau_Michel
mirousse@microsoft.com
DavidRousset
web, IE, gaming
Microsoft Corp, division Dx
Blog :
http://blogs.msdn.com/b/davrous/
twitter : @davrous
davrous@microsoft.com
David Catuhe
web, IE, javascript
Microsoft Corp, division Dx
Blog :
http://blogs.msdn.com/b/eternalcoding/
twitter : @deltakosh
davca@microsoft.com

3. #mstechdays
techdays.microsoft.fr
Le point de vue de l’artiste

12. les assets, c’est fait de :
-géométries
-textures
-shaders
-entitésdiverses(lumières,sons,caméras,…)
-talent

13. Plutôt que des mots,
démo…

14. #mstechdays
techdays.microsoft.fr
L’audio

15. tech.days 2015#mstechdays
Le moteur audio de Babylon.js
Basé sur Web Audio
Son ambiant, omnidirectionnels ou directionnels
Son 3D en atténuation linéaire par défaut
Gérable par code ou via le format .babylon
Exportateur 3DS Max (Blender et Unity à venir)
On essaie de faire toujours aussi simple

16. #mstechdays
techdays.microsoft.fr
Les performances

17. tech.days 2015#mstechdays
Debug layer
Nombre de draw calls
Temps passe par fonctionnalité
Nombre d’objets
Nombre de vertices actifs
GPU / CPU locked
User marks + F12
Débusquer les pertes de performances

18. tech.days 2015#mstechdays
Niveaux de details
Définition de modèles en fonction de la distance
Décimation: processus automatique de réduction
LOD et décimation

19. tech.days 2015#mstechdays
Instances
Hardware instancing: réplication matérielle d’un seul
modèle (SMMP: Single Model Multiple Position)
Multiplication des pains

20. tech.days 2015#mstechdays
Scene Optimizer
Sacrifier des fonctions pour de meilleures
performances
Automatisation de l’optimisation
options = BABYLON.SceneOptimizerOptions.LowDegradationAllowed();

21. tech.days 2015#mstechdays
Scene Optimizer
Automatisation de l’optimisation
LowDegradationAllowed
• Level 0: MergeMeshes, Shadows and
LensFlares
• Level 1: PostProcesses and Particles
• Level 2: Texture(2, 1024)
ModerateDegradationAllowed
• Level 0: MergeMeshes, Shadows and
LensFlares
• Level 1: PostProcesses and Particles
• Level 2: Texture(2, 512)
• Level 3: RenderTargets
• Level 4: HardwareScaling(4, 2)
HighDegradationAllowed
• Level 0: MergeMeshes, Shadows and
LensFlares
• Level 1: PostProcesses and Particles
• Level 2: Texture(2, 256)
• Level 3: RenderTargets
• Level 4: HardwareScaling(4, 4)

22. tech.days 2015#mstechdays
Depth Renderer
Connaitre le fond des choses
Génération automatique d’une texture contenant le
depth buffer
Permet de nombreux effets

23. techdays.microsoft.fr
#mstechdays
lemoteur3DwebGlopensourcesimple&performant
@deltakosh
@davrous
@rousseau_michel