From 95827a2cd649b517b4f4e5cc532da248194cb5de Mon Sep 17 00:00:00 2001
From: "jonas.ohrn" <jonas.ohrn@maxm.se>
Date: Thu, 15 Dec 2016 14:13:27 +0100
Subject: [PATCH] Created visalization for tail nibbling based on
 snakeInfo.tailProtectedForGameTicks - issue #150 - See game with ID
 948f701b-248b-4a3f-b2f5-7e18e4a5b601

---
 app/util/TileUtils.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/app/util/TileUtils.js b/app/util/TileUtils.js
index 8e83ca8..f92445c 100644
--- a/app/util/TileUtils.js
+++ b/app/util/TileUtils.js
@@ -3,6 +3,7 @@ import Colors from './Colors';
 
 const deadSnakes = [];
 const imgCache = {};
+const toRad = Math.PI / 180;
 
 function _renderSnakeBody(stage, map, snake, tileSize, color) {
   const lastIndex = snake.positions.length - 1;
@@ -55,6 +56,19 @@ function _renderSnakeBody(stage, map, snake, tileSize, color) {
       const rotation = _getTailRotation(snake.positions, map);
       const snakeTail = Images.getSnakeTail(color.code);
       _renderImage(stage, pos, tileSize, snakeTail, rotation, color.alpha, lineWidth);
+
+      const ticks = snake.tailProtectedForGameTicks;
+      if (ticks > 0) {
+        const arc = new createjs.Shape();
+        const angle = rotation + 90;
+
+        arc.graphics
+            .setStrokeStyle(ticks + 1)
+            .beginStroke('white')
+            .arc(posX + halfTile, posY + halfTile, halfTile,
+                (angle - 45) * toRad, (angle + 45) * toRad);
+        stage.addChild(arc);
+      }
     } else {
       const prevPos = _getTileCoordinate(snake.positions[index - 1], map);
       const nextPos = _getTileCoordinate(snake.positions[index + 1], map);