Hacked in changing player sprite based on turn

2 files changed, 9 insertions, 2 deletions

diff --git a/game/prefabs/player.js b/game/prefabs/player.js
index 0f6cb18..3492836 100644
--- a/game/prefabs/player.js
+++ b/game/prefabs/player.js
@@ -2,7 +2,7 @@
 
 var Player = function(game, x, y, key, frame) {
   Phaser.Sprite.call(this, game, x, y, key, frame);
-
+  this.baseKey = key;
   this.moving = false;
   this.scale = {x: 0.01, y: 0.01};
   this.anchor = {x: 0.5, y: 0.5};
@@ -16,7 +16,12 @@ var Player = function(game, x, y, key, frame) {
 Player.prototype = Object.create(Phaser.Sprite.prototype);
 Player.prototype.constructor = Player;
 
-Player.prototype.update = function() {  
+Player.prototype.update = function() {
+  var newKey = this.baseKey + (this.isMyTurn ? '' : '-dim');
+  if (this.key !== newKey) {
+    console.log('Setting sprite to ' + newKey);
+    this.loadTexture(newKey);
+  }
 };
 
 Player.prototype.move = function(newX, newY) {
diff --git a/game/states/preload.js b/game/states/preload.js
index c24174a..8709258 100644
--- a/game/states/preload.js
+++ b/game/states/preload.js
@@ -14,7 +14,9 @@ Preload.prototype = {
     this.load.setPreloadSprite(this.asset);
     this.load.image('wall', 'assets/images/wall.svg');
     this.load.image('player-a', 'assets/images/player-a.svg');
+    this.load.image('player-a-dim', 'assets/images/player-a-dim.svg');
     this.load.image('player-b', 'assets/images/player-b.svg');
+    this.load.image('player-b-dim', 'assets/images/player-b-dim.svg');
     this.load.image('pill', 'assets/images/pill.svg');
 
     this.load.bitmapFont('spaced-scorefont', 'assets/fonts/scorefont.png', 'assets/fonts/scorefont.fnt', undefined, 10);