keep test cordova / phaser

.gitignore

@@ -71,4 +71,4 @@ webpack.config.dev.babel.js
 
 #cordova build
 platforms/browser/www/**
-www/**
+#www/**

src/view/PhaserGame.js

@@ -1,69 +1,27 @@
 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, 80, 120);
-  let text = `${heroName}\ncost : ${heroCost}\npower : ${heroPower}`;
-  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);
-}
+import World from './WorldGameView';
 
 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;
-      let j = 0;
-      heroesSet.forEach(hero => {
-        let x = 10 + (i * 80) + 5;
-        let y = 10 + (j * 120) + 5;
-        addCard(x, y, this, hero.name, hero.cost, hero.power, hero.ability.description);
-        console.log(x,' ',y);
-        if (x >= 1040) {
-          i = 0;
-          j++;
-        } else {
 
-          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: 500, // game height
-      scene: this.gameScene, // our newly created scene
-      backgroundColor: 'rgba(173,216,230 ,1 )'
+      scene: World, // our newly created scene
+      backgroundColor: 'rgba(34,139,34 ,1 )'
     };
 
     // create the game, and pass it the configuration
     this.game = new Phaser.Game(config);
+    console.log('Scene : ' , this.game.scene);
+    this.game.scene.start('World',{heroesSet:this.heroesSet});
+    console.log('after Scene');
   }
 
 }

src/view/WorldGameView.js

@@ -0,0 +1,65 @@
+'use strict';
+
+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, 80, 120);
+  let text = `${heroName}\ncost : ${heroCost}\npower : ${heroPower}`;
+  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 World extends Phaser.Scene {
+
+  constructor() {
+    super({ key: 'World', active: false });
+    console.log('constructor');
+  }
+
+  init(data){
+    console.log('Init');
+    this.heroesSet = data.heroesSet;
+  }
+  preload() {
+    console.log('Preload');
+
+  }
+
+  create() {
+    console.log('create');
+    let i = 0;
+    let j = 0;
+    this.heroesSet.forEach(hero => {
+      let x = 10 + (i * 80) + 5;
+      let y = 10 + (j * 120) + 5;
+      addCard(x, y, this, hero.name, hero.cost, hero.power, hero.ability.description);
+      console.log(x, ' ', y);
+      if (x >= 1040) {
+        i = 0;
+        j++;
+      } else {
+
+        i++;
+      }
+
+    });
+  }
+
+  update() {
+    console.log('update');
+
+  }
+}