different head color for initial block

Rb64 · Rb64 · commit 9865f699c296 · 2021-12-21T23:15:41.000+01:00
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,11 @@
+{
+    "configurations": [
+    {
+        "type": "vscode-edge-devtools.debug",
+        "request": "launch",
+        "name": "Launch Microsoft Edge and open the Edge DevTools",
+        "url": "http://localhost:8080",
+        "webRoot": "${workspaceFolder}"
+    }
+    ]
+}
diff --git a/css/main-snake.css b/css/main-snake.css
@@ -57,6 +57,15 @@ a.snake-link:hover {
     margin: 0px;
 }
 
+#snake-snakehead-alive {
+    background-image: url('./images/matrix-snake-block.png');
+    margin: 0px;
+    padding: 0px;
+    background-color: aqua;
+    position: absolute;
+    border: 0px solid #000080;
+    background-repeat: no-repeat;
+}
 .snake-snakebody-block {
     margin: 0px;
     padding: 0px;
diff --git a/js/snake.js b/js/snake.js
@@ -177,6 +177,7 @@ SNAKE.Snake = SNAKE.Snake || (function() {
         me.snakeHead = me.snakeBody["b0"];
         me.snakeTail = me.snakeBody["b0"];
         me.snakeHead.elm.className = me.snakeHead.elm.className.replace(/\bsnake-snakebody-dead\b/,'');
+        me.snakeHead.elm.id = "snake-snakehead-alive";
         me.snakeHead.elm.className += " snake-snakebody-alive";
 
         // ----- private methods -----
@@ -458,6 +459,7 @@ SNAKE.Snake = SNAKE.Snake || (function() {
             blockPool.concat(blocks);
             me.snakeHead.elm.className = me.snakeHead.elm.className.replace(/\bsnake-snakebody-dead\b/,'')
             me.snakeHead.elm.className += " snake-snakebody-alive";
+            me.snakeHead.elm.id = "snake-snakehead-alive";
             me.snakeHead.row = config.startRow || 1;
             me.snakeHead.col = config.startCol || 1;
             me.snakeHead.xPos = me.snakeHead.row * playingBoard.getBlockWidth();
