Add several character states

Hero: Frozen, Immune
Minion: Enraged, Immune, Silenced, Untargetable, Buffed

Progress on #7.

CHANGELOG.md

@@ -3,6 +3,8 @@ All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
+### Added
+- Add several character states (#7, @azeier)
 
 ## [0.8.0] - 2016-10-10
 ### Added

less/entities.less

@@ -118,7 +118,8 @@
 	div.visuals {
 		.inplay-base, .inplay-legendary, .inplay-taunt, .inplay-shield, .inplay-frozen, .inplay-divine-shield,
 		.inplay-stealth, .icon-deathrattle, .icon-trigger, .icon-inspire, .icon-poisonous,
-		.effect-sleep {
+		.effect-sleep, .inplay-enraged, .inplay-silenced, .inplay-immune, .inplay-untargetable,
+		.inplay-buffed {
 			height: 100%;
 		}
 		.inplay-divine-shield {
@@ -257,7 +258,7 @@
 	}
 
 	div.visuals {
-		.hero-frame, .hero-attack, .hero-armor, .secret{
+		.hero-frame, .hero-attack, .hero-armor, .secret, .hero-frozen, .hero-immune {
 			height: 100%;
 		}
 		.skull {

ts/Entity.ts

@@ -80,6 +80,14 @@ export default class Entity {
 		return this.getTag(GameTag.STEALTH) > 0;
 	}
 
+	public isImmune():boolean {
+		return this.getTag(GameTag.IMMUNE) > 0;
+	}
+
+	public isSilenced():boolean {
+		return this.getTag(GameTag.SILENCED) > 0;
+	}
+
 	public isDivineShielded():boolean {
 		return this.getTag(GameTag.DIVINE_SHIELD) > 0;
 	}
@@ -96,6 +104,14 @@ export default class Entity {
 		return this.getTag(GameTag.FROZEN) > 0;
 	}
 
+	public isEnraged():boolean {
+		return this.getTag(GameTag.ENRAGED) > 0 && this.getDamage() > 0;
+	}
+
+	public cantBeTargeted():boolean {
+		return this.getTag(GameTag.CANT_BE_TARGETED_BY_ABILITIES) > 0;
+	}
+
 	public getZonePosition():number {
 		return this.getTag(GameTag.ZONE_POSITION);
 	}

ts/components/game/Field.tsx

@@ -1,27 +1,39 @@
 import * as React from "react";
-import EntityInPlay from "./EntityInPlay";
+import * as _ from "lodash";
 import EntityList from "./EntityList";
 import Entity from "../../Entity";
 import Option from "../../Option";
 import Minion from "./Minion";
+import {EntityListProps} from "../../interfaces";
 
-import {EntityInPlayProps, EntityListProps} from "../../interfaces";
+interface FieldProps extends EntityListProps {
+	buffedEntities?: number[];
+}
 
-export default class Field extends EntityList<EntityListProps> {
+export default class Field extends EntityList<FieldProps> {
 
 	protected className(): string {
 		return 'field';
 	}
 
 	protected renderEntity(entity: Entity, option: Option) {
 		return (<Minion entity={entity}
-			option={option}
-			optionCallback={this.props.optionCallback}
-			assetDirectory={this.props.assetDirectory}
-			cardArtDirectory={this.props.cardArtDirectory}
-			cards={this.props.cards}
-			controller={this.props.controller}
-			descriptors={this.props.descriptors}
-			/>);
+						option={option}
+						optionCallback={this.props.optionCallback}
+						assetDirectory={this.props.assetDirectory}
+						cardArtDirectory={this.props.cardArtDirectory}
+						cards={this.props.cards}
+						controller={this.props.controller}
+						descriptors={this.props.descriptors}
+						buffed={entity && this.props.buffedEntities && this.props.buffedEntities.indexOf(entity.id) !== -1}
+		/>);
+	}
+
+
+	public shouldComponentUpdate(nextProps: FieldProps, nextState): boolean {
+		if (!_.isEqual(nextProps.buffedEntities, this.props.buffedEntities)) {
+			return true;
+		}
+		return super.shouldComponentUpdate(nextProps, nextState);
 	}
 }

ts/components/game/Minion.tsx

@@ -60,6 +60,7 @@ export default class Minion extends EntityInPlay<EntityInPlayProps> {
 				cardArtDirectory={this.props.cardArtDirectory}
 				damage={damage}
 				healing={healing}
+				buffed={this.props.buffed}
 			/>,
 			<div key="stats" className="stats">
 				{entity.getTag(GameTag.HIDE_STATS) == 0 ? [

ts/components/game/Player.tsx

@@ -129,6 +129,14 @@ export default class Player extends React.Component<PlayerProps, void> {
 		let playEntities = this.props.entities.get(Zone.PLAY) || Immutable.Map<number, Entity>();
 		let playOptions = this.props.options.get(Zone.PLAY) || Immutable.Map<number, Option>();
 
+		let buffedEntities = [];
+		playEntities.forEach(entity => {
+			let attached = entity.getTag(GameTag.ATTACHED);
+			if (attached && buffedEntities.indexOf(attached) === -1) {
+				buffedEntities.push(attached);
+			}
+		});
+
 		/* Equipment */
 		let heroEntity = playEntities.filter(filterByCardType(CardType.HERO)).first();
 		if (!heroEntity) {
@@ -170,6 +178,7 @@ export default class Player extends React.Component<PlayerProps, void> {
 			cardArtDirectory={this.props.cardArtDirectory}
 			controller={this.props.player}
 			descriptors={this.props.descriptors}
+			buffedEntities={buffedEntities}
 			/>;
 		let deck = <Deck entities={this.props.entities.get(Zone.DECK) || emptyEntities}
 			options={this.props.options.get(Zone.DECK) || emptyOptions}

ts/components/game/visuals/HeroArt.tsx

@@ -38,6 +38,20 @@ export default class HeroArt extends React.Component<HeroArtProps, void> {
 			classes: ["hero-frame"]
 		});
 
+		if (entity.isFrozen()) {
+			images.push({
+				image: "inplay_hero_frozen.png",
+				classes: ["hero-frozen"]
+			});
+		}
+
+		if (entity.isImmune()) {
+			images.push({
+				image: "inplay_hero_immune.png",
+				classes: ["hero-immune"]
+			});
+		}
+
 		if (entity.getAtk() > 0) {
 			images.push({
 				image: "hero_attack.png",

ts/components/game/visuals/InPlayCardArt.tsx

@@ -12,7 +12,8 @@ export default class InPlayCardArt extends React.Component<EntityProps, void> {
 			nextProps.healing !== this.props.healing ||
 			nextProps.controller !== this.props.controller ||
 			nextProps.assetDirectory !== this.props.assetDirectory ||
-			nextProps.cardArtDirectory !== this.props.cardArtDirectory
+			nextProps.cardArtDirectory !== this.props.cardArtDirectory ||
+			nextProps.buffed !== this.props.buffed
 		);
 	}
 
@@ -46,6 +47,13 @@ export default class InPlayCardArt extends React.Component<EntityProps, void> {
 			});
 		}
 
+		if (entity.cantBeTargeted()) {
+			images.push({
+				image: "inplay_minion_untargetable.png",
+				classes: ["inplay-untargetable"]
+			});
+		}
+
 		if (entity.getTag(GameTag.HIDE_STATS)) {
 			images.push({
 				image: `inplay_minion_hide_stats${postfix}.png`,
@@ -79,6 +87,34 @@ export default class InPlayCardArt extends React.Component<EntityProps, void> {
 			});
 		}
 
+		if (entity.isImmune()) {
+			images.push({
+				image: "inplay_minion_immune.png",
+				classes: ["inplay-immune"]
+			});
+		}
+
+		if (entity.isSilenced()) {
+			images.push({
+				image: "inplay_minion_silenced.png",
+				classes: ["inplay-silenced"]
+			});
+		}
+
+		if (entity.isEnraged()) {
+			images.push({
+				image: "inplay_minion_enraged.png",
+				classes: ["inplay-enraged"]
+			});
+		}
+
+		if (this.props.buffed) {
+			images.push({
+				image: "inplay_minion_buffed.png",
+				classes: ["inplay-buffed"]
+			});
+		}
+
 		if (entity.getTag(GameTag.INSPIRE) > 0) {
 			images.push({
 				image: "icon_inspire.png",

ts/interfaces.d.ts

@@ -33,6 +33,7 @@ export interface EntityProps extends CardDataProps, ControllerProps, AssetDirect
 	entity: Entity;
 	damage?: number;
 	healing?: number;
+	buffed?: boolean;
 }
 
 export interface OptionCallbackProps {