index fix

client/src/components/game.component.jsx

@@ -190,6 +190,8 @@ function GamePanel(props) {
     }
 
     function OpponentCryp(cryp, i) {
+        const ko = cryp.green_life.value === 0 ? 'ko' : '';
+
         const stats = [STATS.greenLife, STATS.redLife, STATS.blueLife].map((s, j) => (
             <figure key={j} alt={s.stat}>
                 {s.svg(`stat-icon ${s.colour}`)}
@@ -200,7 +202,7 @@ function GamePanel(props) {
         return (
             <div
                 key={i}
-                className="cryp-box"
+                className={`cryp-box ${ko}`}
                 style={ activeSkill ? { cursor: 'pointer' } : {}}
                 onClick={() => selectSkillTarget(cryp.id)} >
                 <div className="cryp-box-top">

server/WORKLOG.md

@@ -19,7 +19,9 @@
 *CLIENT*
 * general
   * icons change with %
-  * colour vbox icons
+
+* game
+  * resolve animations + effects
 
 *SERVER*
 var / skill info rpc

server/src/player.rs

@@ -118,7 +118,13 @@ impl Player {
                 false => 2,
             };
 
-            if self.vbox.bound.len() < 3 {
+
+            let num_colours = self.vbox.bound
+                .iter()
+                .filter(|v| [Var::Red, Var::Green, Var::Blue].contains(v))
+                .count();
+
+            if self.vbox.bound.len() < 3 || num_colours < 2 {
                 if (needs_skills && self.vbox.bits < 4) || self.vbox.bits < 5 {
                     // println!("insufficient balance");
                     return self;

server/src/vbox.rs

@@ -526,7 +526,7 @@ impl Vbox {
             .iter()
             .enumerate()
             .map(|(i, index)| {
-                self.bound.remove(*index - i)
+                self.bound.remove(index.saturating_sub(i))
             })
             .collect::<Vec<Var>>();