Added Snake head & tail

Author: ReKindleOS

snake.html

@@ -611,8 +611,27 @@ <h3 data-i18n="snake.label.top_snakes">Top Snakes</h3>
 
             // Draw Snake
             ctx.fillStyle = "black";
-            snake.forEach(part => {
-                ctx.fillRect(part.x * GRID_SIZE, part.y * GRID_SIZE, GRID_SIZE - 1, GRID_SIZE - 1);
+            snake.forEach((part, index) => {
+                if (index === 0) {
+                    ctx.beginPath();
+                    ctx.arc(part.x * GRID_SIZE + GRID_SIZE / 2, part.y * GRID_SIZE + GRID_SIZE / 2, GRID_SIZE / 2 - 1, 0, 2 * Math.PI);
+                    ctx.fill();
+                } else if (index === snake.length - 1 && snake.length > 1) {
+                    const prev = snake[index - 1];
+                    const dx = part.x - prev.x;
+                    const dy = part.y - prev.y;
+                    const cx = part.x * GRID_SIZE + GRID_SIZE / 2;
+                    const cy = part.y * GRID_SIZE + GRID_SIZE / 2;
+                    const r = GRID_SIZE / 2 - 1;
+                    ctx.beginPath();
+                    ctx.moveTo(cx + dx * r, cy + dy * r);
+                    ctx.lineTo(cx + (-dy) * r, cy + dx * r);
+                    ctx.lineTo(cx - (-dy) * r, cy - dx * r);
+                    ctx.closePath();
+                    ctx.fill();
+                } else {
+                    ctx.fillRect(part.x * GRID_SIZE, part.y * GRID_SIZE, GRID_SIZE - 1, GRID_SIZE - 1);
+                }
             });
 
             // Draw Food (Circle)