tests : adding factory and phaser

.eslintrc.json

@@ -16,8 +16,9 @@
     "es6": true
   },
   "rules": {
-    "no-console": 1,
+    "no-console": 0,
     "semi": [2, "always"],
-    "eqeqeq": [2,"always"]
+    "eqeqeq": [2,"always"],
+    "no-unused-vars": 1
   }
 }

src/GameCreator.js

@@ -0,0 +1,18 @@
+'use strict';
+import HeroFactory from './heroes/HeroFactory';
+import PhaserGame from './view/PhaserGame';
+
+export default class GameCreator {
+  constructor() {
+    let heroFactory = new HeroFactory();
+
+    let heroesSet = heroFactory.getHeroesSet();
+
+    console.log('Heroes Set : ', heroesSet);
+
+    let phaser = new PhaserGame(heroesSet);
+
+
+
+  }
+}

src/heroes/Hero.js

@@ -0,0 +1,11 @@
+'use strict';
+export default class Hero {
+  constructor(name, cost, power, faction, ability, isDraftMode) {
+    this.name = name;
+    this.cost = cost;
+    this.power = power;
+    this.faction = faction;
+    this.ability = ability;
+    this.isDraftMode = isDraftMode;
+  }
+}

src/heroes/HeroAbility.js

@@ -0,0 +1,9 @@
+'use strict';
+export default class HeroAbility {
+  constructor(abilityName, abilityHook, isActivationOptionnal, description) {
+    this.abilityName = abilityName;
+    this.abilityHook = abilityHook;
+    this.isActivationOptionnal = isActivationOptionnal;
+    this.description = description;
+  }
+}

src/heroes/HeroFactory.js

@@ -0,0 +1,41 @@
+'use strict';
+import allHeroesJson from "../assets/all-heroes.json";
+import Hero from './Hero';
+import HeroAbility from './HeroAbility';
+
+
+export default class HeroFactory {
+  constructor() {
+
+  }
+
+  getHeroesSet() {
+    let abilitiesMap = new Map();
+    allHeroesJson.abilities.forEach(ability => {
+      let abilityObj = new HeroAbility(ability.abilityName,
+        ability.abilityHook,
+        ability.optionnal,
+        ability['abilityDesc-FR']);
+      abilitiesMap.set(ability.abilityName, abilityObj);
+    });
+
+    let heroesSet = new Set();
+    allHeroesJson.heroes.forEach(hero => {
+      let i = 0;
+      while (i < hero.nbInDeck) {
+        let heroObj = new Hero(
+          hero.name,
+          hero.cost,
+          hero.power,
+          hero.faction,
+          abilitiesMap.get(hero.ability),
+          hero.draftMode
+        );
+        heroesSet.add(heroObj);
+        i++;
+      }
+    });
+    return heroesSet;
+  }
+
+}

src/main.js

@@ -4,99 +4,54 @@
 /* eslint-disable no-console */
 import Phaser from "phaser";
 import logoImg from "./assets/twelveHeroes_cover.png";
-import allHeroes from "./assets/all-heroes.json";
+
 import '@babel/polyfill';
 
-const Faction = {
-  HUMANS: 'Humans',
-  ELVES: 'Elves',
-  ORCS: 'Orcs',
-  MECA: 'Meca',
-  NONE: 'None',
-
-};
-Object.freeze(Faction);
-
-class Hero {
-  constructor(name, cost, power, faction, ability, isDraftMode) {
-    this.name = name;
-    this.cost = cost;
-    this.power = power;
-    this.faction = faction;
-    this.ability = ability;
-    this.isDraftMode = isDraftMode;
-  }
-}
-
-class Ability {
-  constructor(abilityName, abilityHook, isActivationOptionnal, description) {
-    this.abilityName = abilityName;
-    this.abilityHook = abilityHook;
-    this.isActivationOptionnal = isActivationOptionnal;
-    this.description = description;
-  }
-
-}
-
-let abilitiesMap = new Map();
-allHeroes.abilities.forEach(ability => {
-  let abilityObj = new Ability(ability.abilityName,
-    ability.abilityHook,
-    ability.optionnal,
-    ability['abilityDesc-FR']);
-  abilitiesMap.set(ability.abilityName, abilityObj);
-});
-
-console.log('Hello Abilities : ', abilitiesMap);
-
-let heroesSet = new Set();
-allHeroes.heroes.forEach(hero => {
-  let i = 0;
-  while (i < hero.nbInDeck) {
-    let heroObj = new Hero(
-      hero.name,
-      hero.cost,
-      hero.power,
-      hero.faction,
-      abilitiesMap.get(hero.ability),
-      hero.draftMode
-    );
-    heroesSet.add(heroObj);
-    i++;
-  }
-});
-
-console.log('Hello Heroes : ', heroesSet);
-
-
-const config = {
-  type: Phaser.AUTO,
-  parent: "phaser-example",
-  width: 800,
-  height: 600,
-  scene: {
-    preload: preload,
-    create: create
-  }
-};
-
-const game = new Phaser.Game(config);
-
-function preload() {
-  this.load.image("logo", logoImg);
-}
-
-function create() {
-  const logo = this.add.image(400, 150, "logo");
-
-  this.tweens.add({
-    targets: logo,
-    y: 350,
-    duration: 2000,
-    ease: "Power2",
-    yoyo: true,
-    loop: -1
-  });
-}
+import GameCreator from './GameCreator';
+
+// const Faction = {
+//   HUMANS: 'Humans',
+//   ELVES: 'Elves',
+//   ORCS: 'Orcs',
+//   MECA: 'Meca',
+//   NONE: 'None',
+
+// };
+// Object.freeze(Faction);
+
+
+
+let gameCreator = new GameCreator();
+
+
+// const config = {
+//   type: Phaser.AUTO,
+//   parent: "phaser-example",
+//   width: 800,
+//   height: 600,
+//   scene: {
+//     preload: preload,
+//     create: create
+//   }
+// };
+
+// const game = new Phaser.Game(config);
+
+// function preload() {
+//   this.load.image("logo", logoImg);
+// }
+
+// function create() {
+//   const logo = this.add.image(400, 150, "logo");
+
+//   this.tweens.add({
+//     targets: logo,
+//     y: 350,
+//     duration: 2000,
+//     ease: "Power2",
+//     yoyo: true,
+//     loop: -1
+//   });
+// }
 
 

src/view/PhaserGame.js

@@ -0,0 +1,62 @@
+import Phaser from "phaser";
+import logoImg from "../assets/twelveHeroes_cover.png";
+
+function addCard(x, y, game,heroName,heroCost,heroPower,heroDesc) {
+  let textStyle = {
+    font: "normal 12px Arial",
+    fill: '#000000',
+    align: 'center',
+    boundsAlignH: "center", // bounds center align horizontally
+    boundsAlignV: "middle" // bounds center align vertically
+  };
+  let graphics = game.add.graphics(0, 0);
+  let color = 0xffff00;
+  let thickness = 2;
+  let alpha = 1;
+
+  graphics.lineStyle(thickness, color, alpha);
+  graphics.strokeRect(0, 0, 100, 160);
+  let text = `${heroName}
+  cost : ${heroCost}
+  power : ${heroPower}
+  ${heroDesc}`;
+  let label = game.add.text(3, 3, text, textStyle);
+  label.setOrigin(0, 0);
+  let container = game.add.container(x,y, [graphics, label]).setSize(5, 5);
+  // container.setOrigin(0, 0);
+}
+
+export default class PhaserGameScene {
+  constructor(heroesSet) {
+    this.heroesSet = heroesSet;
+    // create a new scene named "Game"
+    this.gameScene = new Phaser.Scene('Game');
+
+    this.gameScene.preload = function () {
+      this.load.image("logo", logoImg);
+
+    };
+
+    this.gameScene.create = function () {
+      let i = 0;
+      heroesSet.forEach(hero => {
+
+        addCard(10+(i*100),10,this,hero.name,hero.cost,hero.power,hero.ability.description);
+        i++;
+      });
+    };
+
+    // our game's configuration
+    let config = {
+      type: Phaser.AUTO,  //Phaser will decide how to render our game (WebGL or Canvas)
+      width: 1200, // game width
+      height: 550, // game height
+      scene: this.gameScene, // our newly created scene
+      backgroundColor: 'rgba(173,216,230 ,1 )'
+    };
+
+    // create the game, and pass it the configuration
+    this.game = new Phaser.Game(config);
+  }
+
+}