diff --git a/assets/index.html b/assets/index.html
index cd3a253..d6f076b 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -207,19 +207,18 @@
 
                 if (shadowFromRight > 0) {
                     var shadowW = Math.min(shadowFromRight * 4, TILE * 2);
-                    var tt = shadowW / TILE;
                     var edge1 = project(wx + GAP/2, wy + TILE - GAP/2, h * HEIGHT_UNIT);
                     var edge4 = project(wx + GAP/2, wy + GAP/2, h * HEIGHT_UNIT);
-                    var mid1 = project(wx + GAP/2 + shadowW, wy + TILE - GAP/2 - shadowW, h * HEIGHT_UNIT);
-                    var mid2 = project(wx + GAP/2 + shadowW, wy + GAP/2 + shadowW, h * HEIGHT_UNIT);
+                    var far1 = project(wx + GAP/2 - shadowW, wy + TILE - GAP/2 + shadowW, h * HEIGHT_UNIT);
+                    var far2 = project(wx + GAP/2 - shadowW, wy + GAP/2 - shadowW, h * HEIGHT_UNIT);
 
                     renderList.push({
                         type: 'shadow',
                         points: [
                             { x: edge4[0], y: edge4[1] },
                             { x: edge1[0], y: edge1[1] },
-                            { x: mid1[0], y: mid1[1] },
-                            { x: mid2[0], y: mid2[1] }
+                            { x: far1[0], y: far1[1] },
+                            { x: far2[0], y: far2[1] }
                         ],
                         depth: wx + wy + h + 0.999
                     });
@@ -227,19 +226,18 @@
 
                 if (shadowFromFront > 0) {
                     var shadowW = Math.min(shadowFromFront * 4, TILE * 2);
-                    var tt = shadowW / TILE;
                     var edge3 = project(wx + TILE - GAP/2, wy + GAP/2, h * HEIGHT_UNIT);
                     var edge4 = project(wx + GAP/2, wy + GAP/2, h * HEIGHT_UNIT);
-                    var mid1 = project(wx + GAP/2 + shadowW, wy + GAP/2 + shadowW, h * HEIGHT_UNIT);
-                    var mid2 = project(wx + TILE - GAP/2 - shadowW, wy + GAP/2 + shadowW, h * HEIGHT_UNIT);
+                    var far1 = project(wx + TILE - GAP/2 + shadowW, wy + GAP/2 - shadowW, h * HEIGHT_UNIT);
+                    var far2 = project(wx + GAP/2 + shadowW, wy + GAP/2 - shadowW, h * HEIGHT_UNIT);
 
                     renderList.push({
                         type: 'shadow',
                         points: [
                             { x: edge4[0], y: edge4[1] },
                             { x: edge3[0], y: edge3[1] },
-                            { x: mid2[0], y: mid2[1] },
-                            { x: mid1[0], y: mid1[1] }
+                            { x: far1[0], y: far1[1] },
+                            { x: far2[0], y: far2[1] }
                         ],
                         depth: wx + wy + h + 0.999
                     });