Sujet des deux assignments : un jeu vidéo avec babylon JS sur le thème "virus"
Vous devrez écrire un jeu vidéo sur le thème "virus" (et donc transmission, vaccin, éradiquer la maladie, confiner etc... à vous de voir) à l'aide de la bibliothèque BabylonJS, et en utilisant JavaScript orienté objet.
Deux assignment à rendre :
- Un avant les vacances de Noël 2020, vous rendrez l'état d'avancement (repo github), il doit y avoir quelque chose de documenté, testable, et des commits, des issues (taches à faire) sur votre github.
- Un à une date ultérieure (compter entre mi janvier et mi-février) pour une version quasi finie de votre jeu.
Conseils :
Ne faites pas un jeu multi-joueur mais si le scénario d'y prête, c'est un plus que vous pourrez implémenter lors d'un prochain cours que je vous donnerai (aux Master 1 info, au second semestre).
Idées de points de départs (à refaire en 3D avec Babylon) : on imagine des infectés, on doit les isoler (ou les tuer), les vacciner etc.
Ressources BabylonJS
Ressources importantes incontournables :
Et ici quelques ressources intéressantes :
- Série de tutoriels : https://www.youtube.com/watch?v=obEuCI_pPL4&list=PLuZE-0i73Wo-xqfBsgZA531BXeesXQ3Op&index=113
- écrire un puzzle game : https://www.youtube.com/watch?v=offRSCTA3dE14 (Ce dernier est en fait une série, regarder la chaine de l'auteur, la série est en 5 vidéos)
-
-
Aussi, pour vous donner des idées : https://mazegame.org/16 vous pouvez partir d'un truc simple, ajouter des murs, des ennemis, des trucs sur le sol, un compteur de temps etc. -
-
-
-
-
- Un petit char qui tire (touches : s pour tirer, q et d pour tourner, fleches gauche et droite pour déplacer) https://www.babylonjs-playground.com/#04S6Q5#1022
- Le petit jeu de tir précédent mais avec up et down pour avancer/reculer : https://www.babylonjs-playground.com/#04S6Q5#1123
- Comment gérer des portails comme dans les jeux Portal et Portal2 : https://www.babylonjs-playground.com/#ACPMQL#224
- Course de voiture avec moteur physique (wqsd) https://playground.babylonjs.com/#609QKP#225
- Rappel : vous pouvez ajouter des menus etc. en HTML notamment sur vos apps babylon : https://doc.babylonjs.com/features/gui26
- Exemple de petit jeu simple et amusant : https://cube-endless-runner.herokuapp.com/27
- En bas de cette page plein d'exemples de jeux https://www.babylonjs.com/games/28
- Récent tutorial sur medium : https://medium.com/@babylonjs/babylon-js-a-guide-for-beginners-537299f5a52a29
- Je conseille fortement de regarder la chaine youtube babylonJS et les vidéos de David Cathue sur le New Material Editor (pour faire des textures/transparences/effets sur les surfaces de vos objets, sans coder) : https://mugen87.github.io/yuka/examples/30
Notes de bas de page
1 http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/EUR_DS4H_Mineure_Web_Technologies%2c_sujet_pour_Master_Info#
2 http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/EUR_DS4H_Mineure_Web_Technologies%2c_sujet_pour_Master_Info#Sujet_des_deux_assignments_.3a_un_jeu_vid.c3.a9o_avec_babylon_JS_sur_le_th.c3.a8me_.22virus.22
3 http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/EUR_DS4H_Mineure_Web_Technologies%2c_sujet_pour_Master_Info#Ressources_BabylonJS
4 https://codepen.io/heiko_de/pen/NWqMBpb
5 https://www.youtube.com/watch?v=gxAaO2rsdIs&feature=youtu.be
6 https://codepen.io/jagarikin/pen/grRvpW
7 https://mtrajk.github.io/virus-spreading/
8 https://github.com/MTrajK/virus-spreading
9 https://www.babylonjs.com/
10 https://forum.babylonjs.com/
11 https://www.babylonjs.com/community/
12 https://www.youtube.com/channel/UCyOemMa5EJkIgVavJjSCLKQ
13 https://www.youtube.com/watch?v=obEuCI_pPL4&list=PLuZE-0i73Wo-xqfBsgZA531BXeesXQ3Op&index=1
14 https://www.youtube.com/watch?v=offRSCTA3dE
15 https://playground.babylonjs.com/#KVLBG5
16 https://mazegame.org/
17 https://www.davrous.com/2014/02/19/coding4fun-tutorial-creating-a-3d-webgl-procedural-qrcode-maze-with-babylon-js/
18 https://playground.babylonjs.com/#LYCSQ#256
19 https://playground.babylonjs.com/#RBXBG#6
20 http://pixelcodr.com/games/christmasRunner/
21 https://antongorbikov.com/2014/06/01/browser-draw-me-something-amazing/#more-39
22 https://www.babylonjs-playground.com/#04S6Q5#10
23 https://www.babylonjs-playground.com/#04S6Q5#11
24 https://www.babylonjs-playground.com/#ACPMQL#2
25 https://playground.babylonjs.com/#609QKP#2
26 https://doc.babylonjs.com/features/gui
27 https://cube-endless-runner.herokuapp.com/
28 https://www.babylonjs.com/games/
29 https://medium.com/@babylonjs/babylon-js-a-guide-for-beginners-537299f5a52a
30 https://mugen87.github.io/yuka/examples/