TP-js-2c

Rendu du TP javascript Group composé de :

• GONARD Thierry
• YOUNES Théo

Contexte

Voici le repository contenant le rendu du TP javascript.

On y trouvera notamment 9 fichiers :

• .gitignore : listes des fichiers ignorés par les commit git
• deadpool.js : contient la classe Deadpool
• event-handler.js : permet la liaison entre le main process et le rederer process (pour electron)
• index.html : fichier html ultra basique permettant l'output du rendu
• main.js : point de lancement de l'application
• package.json : permet l'installation des dépendances via yarn. La config xo y est aussi renseignée
• poney.js : contient la classe Poneys
• spider-man.js : contient la classe SpiderMan
• yarn.lock : renseigne sur les versions des dépendances utilisées à travers l'application

Le main.js instancie et initialise l'application :

lancement de la fenêtre du navigateur web instanciation et initalisation des objets deadpool, spiderman, et poneys.

Le fichier event-handler.js :

récupère les event des différents fichiers et indiquent au fichier html les modifications à afficher

Installation

Voici les étapes permettant le lancement de l'application :

• Créez un nouveau dossier :

mkdir MonNomDeDossier

• Accédez au nouveau dossier créé :

cd MonNomDeDossier

• Clonez le contenu du repo :

git clone https://github.com/tuxnut/TP-js-2c

• Accédez au dossier de l'application :

cd TP-js-2c

• Installez les dépendances de l'application (bluebird et electron) :

yarn

• Lancez l'application :

./node_modules/.bin/electron .

Précisions

On détaillera ici les réponses que nous propososn vis-à-vis des 'améliorations' indiquées au sein du sujet du TP :

• Les poneys gagnent plus d’énergie la nuit : poney.js : l.11. On notera qu'ils peuvent quand même se transformer, être chevauché, etc ... malgré la nuit.

if (dayTime === 'day') {
       this.tickEnergy = 5;
     }	else {
       this.tickEnergy = 10;
     }
   });

• Deadpool accorde son aide plus facilement, de façon inversement proportionelle au nombre de licornes actuelles & Les chances de succès de la transformation en licorne augmentent en corrélation avec le nombre d’énergie emagasinée par le poney : deadpool.js : l.37

if (energy > 100 * this.nbUnicorn) {
  this.nbUnicorn++;

• L’énergie retombe à 0 lors d’une transformation quelque soit l’issue : poney.js : l.26 & spider-man.js : l.18

this.isUnicorn = true;
this.energy = 0;

this.bff.ranch[poney].setUnicorn(false);
this.bff.ranch[poney].energy = 0;

• Si SpiderMan utilise un poney alors ce dernier ne peut pas demander de transformation : spider-man.js : l.18. Ils recommencent à se transformer quelques secondes plus tard.

this.bff.ranch[poney].setUnicorn(false);
[...]
setTimeout(() => {
 this.bff.ranch[poney].transform();
}, 2500);

• Toute action prend du temps, pensez à utiliser les promises : deadpool.js : l.37

return new Promise((resolve, reject) => {

• SpiderMan et Deadpool sont uniques : deadpool.js & spider-man.js

let instance = null;
class Deadpool {
 constructor(events) {
   if (!instance) {
     instance = this;
   }
   	// Singleton
   return instance;
 }
}

• La nuit les gens pas gentils sont plus actifs donc Deadpool a besoin de se régénérer d’autant plus, il faut être prévoyant ! deadpool.js : l.14 & l.54

if (dayTime === 'day') {
     this.tickDegeneration = 3;
   }	else {
     this.tickDegeneration = 8;
   }

if (this.tickDegeneration === 8 && Math.random() * 100 > 95) {
          const amount = Math.floor(Math.random() * 30);
          this.webContents.send('fightingEvent', amount);
          this.hp -= amount;

GG & WP