Cours HTML5/NodeJS/Angular etc. Master 2 NTDP 2015-2016

Séance 1

• Ici la page qui contient toutes les infos sur ce long TP 
• Ici une présentation des meilleurs modules pour Sublime Text (emmet, color picker, bracker highlighter etc.)

Ici exemple avec les rectangles fait en live pendant le cours : dans la partie JS les différentes manières de faire des objets en JavaScript : http://jsbin.com/qodisu/edit

Séance 2

• Pour les sons, voir HowlerJS et freesound.org pour récupérer des sons.
   
• Petit moteur de particules (explosions) + utilise HowlerJS 
   
• Moteur de Sprites (fichier zip) 

A rendre pour la semaine prochaine (seul ou en binome):

• Un petit jeu basé obligatoirement sur le framework vu en cours,
• Il est impératif d'avoir un joueur contrôlé au clavier ou à la souris (ou les deux)
• De l'animation (normal) avec requestAnimationFrame
• Des collisions, un petit scénario
• Un score, des sons avec HowlerJS
• Des états (au minimum: menu principal, jeu, game over), regarder par exemple comment cet exemple gère les états.
• Facultatif: plusieurs niveaux, des images...

Vous rendrez le jeu lors de la prochaine séance (je passerai vous voir, vous me donnerez un zip + un README, lien jsbin.com aussi accepté, pratique pour des démos).

Mini projet à rendre

Vous devez faire un jeu en continuant ce que vous avez fait pendant la semaine de cours.

IL EST IMPERATIF QUE CE SOIT LA SUITE DU TP ! Que le code respecte les bonnes pratiques vues en cours et aussi dans les MOOCs HTML5. 

Si vous piquez des trucs sur le Web, et que vous citez les sources, ça va. Si vous piquez à un autre groupe, si vous le dites, ça va (mais faut pas exagérer...), etc... Copiez, mais intelligemment et honnêtement ! Si vous ne respectez pas ces règles -> zéro sans hésiter.

Le jeu sera fait en binôme:

Vous livrerez une archive .zip ou .rar :

• Le nom de l'archive sera NTDP_CASA_2015_2016_Nom1_Nom2.zip
   
• Dans l'archive:
  • Les sources du jeu si le jeu est en plusieurs fichiers, avec images, sons etc...
    • Si le jeu est en plusieurs fichiers, hébergez-le quelque part et donnez le lien pour le tester directement en ligne !
  • Un fichier Readme.txt expliquant comment jouer, de quoi il s'agit etc.
  • Vos noms et emails doivent aussi être dans ce readme.
  • Si votre jeu est aussi sur jsbin.com, donner le lien vers la démo, c'est super pour moi pour le montrer aux élèves, pour le corriger, etc.
  • Le jeu doit avoir une mécanique simple de jeu, des niveaux, un score, un écran d'accueil, un écran game over, etc...
     
• Facultatif: 
  • Gestion des meilleurs scores, voir comment les sauvegarder dans le MOOC partie 1, semaine 6 sur la persistence avec LocalStorage,
  • Musique et sons sont fortement appréciés par le jury Buffa (Michel Buffa, sa femme et ses enfants)
  • L'aspec artistique est également noté, attention ;-)
  • Si le jeu me captive, est amusant, et m'occupe pendant plus de cinq minutes, c'est un bonus assuré sur la note finale. Si je me prends à vouloir faire des scores et si j'y joue encore le lendemain, vous devenez immédiatement le dieu de l'EMSI.

Modalités de rendu:

• Sara s'occupera de déposer une grosse archive contenant tous les projets sur un répertoire dropbox qu'elle partagera avec moi.
   
• Date limite de rendu: le dimanche 6 Mars à minuit !