Disclaimer : Cette session risque de casser des briques ! Créer un jeu comme MineCraft vous parait compliqué ? Découvrez dans cette session comment BabylonJS vous permet de sortir un jeu de terre en partant de zéro avec des résultats très rapides. On parlera des formes 3D de base, des mouvements, des textures (procédurales ou non), des collisions le tout mis en pratique dans la création d’un clone de MineCraft, tout ça dans Visual Studio, avec TypeScript.

1. AMBIENT INTELLIGENCE
tech days•
2015
#mstechdays techdays.microsoft.fr

2. Créer un Minecraft avec
Babylon.js
David Catuhe – Etienne Margraff
@deltakosh davca@microsoft.com
@meulta etienne.margraff@microsoft.com

3. tech.days 2015#mstechdays
Fondamentaux
Dessiner moins pour aller plus vite
On va chunker
Collisions et sélection
To the infinite and beyond!
Créer un Minecraft avec Babylon.js

4. tech.days 2015#mstechdays
Monde uniquement construit a base de cubes
Le « Lego » virtuel
Développé initialement en Java(!!)
18 308 859 joueurs (minecraft.net/stats)
10 000 nouveaux joueurs par jour
Quoi c’est donc Minecraft???
Créer un Minecraft avec Babylon.js

5. tech.days 2015#mstechdays
Sélection et rendu des cubes autour du joueur
Monde infini donc il faut limiter la distance de vision
Comment ca marche
Créer un Minecraft avec Babylon.js

6. DEMO – Etape 0
Premiers essais

7. tech.days 2015#mstechdays
Frustrum clipping ?
Octree ?
Limiter au maximum le nombre de cube a dessiner
Créer un Minecraft avec Babylon.js

8. tech.days 2015#mstechdays
Structure personnalisée
Reduire les echanges CPU/GPU
Limiter au maximum le nombre de cube a dessiner
Créer un Minecraft avec Babylon.js

9. DEMO – Etape 1
Un mesh par type

10. tech.days 2015#mstechdays
Utilisation d’un mesh dynamique
Supprimer les parcours en indexant
Bichonner le GC
Limiter au maximum le nombre de cube a dessiner
Créer un Minecraft avec Babylon.js

11. DEMO – Etape 2
Utilisation de meshs dynamiques

12. tech.days 2015#mstechdays
Utilisation du brouillard
On cache la misère
Créer un Minecraft avec Babylon.js

13. DEMO – Etape 3
Ajout du brouillard

14. tech.days 2015#mstechdays
Avec un seul mesh, le frustum clipping est inopérant
Passage en mode chunk!
Créer un Minecraft avec Babylon.js

15. DEMO – Etape 4
Utilisation des chunks

16. tech.days 2015#mstechdays
Sélection par lancer de rayon
Collisions « a la landaise »
Créer un Minecraft avec Babylon.js

17. DEMO – Etape 5
Promenons nous dans les cubes…

18. tech.days 2015#mstechdays
Optimiser le moteur de collisions
Stocker le monde sur Azure
A venir…
Créer un Minecraft avec Babylon.js

19. Questions?
David Catuhe – Etienne Margraff
@deltakosh davca@microsoft.com
@meulta etienne.margraff@microsoft.com