AMBIENT INTELLIGENCE
tech days•
2015
#mstechdays techdays.microsoft.fr
Créer un Minecraft avec
Babylon.js
David Catuhe – Etienne Margraff
@deltakosh davca@microsoft.com
@meulta etienne.margraff...
tech.days 2015#mstechdays
Fondamentaux
Dessiner moins pour aller plus vite
On va chunker
Collisions et sélection
To the in...
tech.days 2015#mstechdays
Monde uniquement construit a base de cubes
Le « Lego » virtuel
Développé initialement en Java(!!...
tech.days 2015#mstechdays
Sélection et rendu des cubes autour du joueur
Monde infini donc il faut limiter la distance de v...
DEMO – Etape 0
Premiers essais
tech.days 2015#mstechdays
Frustrum clipping ?
Octree ?
Limiter au maximum le nombre de cube a dessiner
Créer un Minecraft ...
tech.days 2015#mstechdays
Structure personnalisée
Reduire les echanges CPU/GPU
Limiter au maximum le nombre de cube a dess...
DEMO – Etape 1
Un mesh par type
tech.days 2015#mstechdays
Utilisation d’un mesh dynamique
Supprimer les parcours en indexant
Bichonner le GC
Limiter au ma...
DEMO – Etape 2
Utilisation de meshs dynamiques
tech.days 2015#mstechdays
Utilisation du brouillard
On cache la misère
Créer un Minecraft avec Babylon.js
DEMO – Etape 3
Ajout du brouillard
tech.days 2015#mstechdays
Avec un seul mesh, le frustum clipping est inopérant
Passage en mode chunk!
Créer un Minecraft a...
DEMO – Etape 4
Utilisation des chunks
tech.days 2015#mstechdays
Sélection par lancer de rayon
Collisions « a la landaise »
Créer un Minecraft avec Babylon.js
DEMO – Etape 5
Promenons nous dans les cubes…
tech.days 2015#mstechdays
Optimiser le moteur de collisions
Stocker le monde sur Azure
A venir…
Créer un Minecraft avec Ba...
Questions?
David Catuhe – Etienne Margraff
@deltakosh davca@microsoft.com
@meulta etienne.margraff@microsoft.com
Prochain SlideShare
Chargement dans…5
×

Créer un Minecraft avec BabylonJS

1 392 vues

Publié le

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.

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 392
Sur SlideShare
0
Issues des intégrations
0
Intégrations
17
Actions
Partages
0
Téléchargements
14
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Créer un Minecraft avec BabylonJS

  1. 1. AMBIENT INTELLIGENCE tech days• 2015 #mstechdays techdays.microsoft.fr
  2. 2. Créer un Minecraft avec Babylon.js David Catuhe – Etienne Margraff @deltakosh davca@microsoft.com @meulta etienne.margraff@microsoft.com
  3. 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. 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. 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. 6. DEMO – Etape 0 Premiers essais
  7. 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. 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. 9. DEMO – Etape 1 Un mesh par type
  10. 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. 11. DEMO – Etape 2 Utilisation de meshs dynamiques
  12. 12. tech.days 2015#mstechdays Utilisation du brouillard On cache la misère Créer un Minecraft avec Babylon.js
  13. 13. DEMO – Etape 3 Ajout du brouillard
  14. 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. 15. DEMO – Etape 4 Utilisation des chunks
  16. 16. tech.days 2015#mstechdays Sélection par lancer de rayon Collisions « a la landaise » Créer un Minecraft avec Babylon.js
  17. 17. DEMO – Etape 5 Promenons nous dans les cubes…
  18. 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. 19. Questions? David Catuhe – Etienne Margraff @deltakosh davca@microsoft.com @meulta etienne.margraff@microsoft.com

×