Stack3web
diff --git a/‎22-Javascript-with-the-Canvas-API/02-Maze copy/index.js‎
Lines changed: 14 additions & 3 deletions b/‎22-Javascript-with-the-Canvas-API/02-Maze copy/index.js‎
Lines changed: 14 additions & 3 deletions
diff --git a/‎22-Javascript-with-the-Canvas-API/README.md‎
Lines changed: 3 additions & 1 deletion b/‎22-Javascript-with-the-Canvas-API/README.md‎
Lines changed: 3 additions & 1 deletion
@@ -5,6 +5,8 @@ const cells = 3
 const width = 600
 const height = 600
 
+const unitLength = width / cells
+
 const engine = Engine.create()
 const { world } = engine
 const render = Render.create({
@@ -122,12 +124,21 @@ stepThroughCell(startRow, startColumn)
 // console.log(horizontals);
 
 
-horizontals.forEach((row) => {
-  row.forEach((open) => {
+horizontals.forEach((row, rowIndex) => {
+  row.forEach((open, columnIndex) => {
     if(open === true) {
       return
     }
 
-    const wall = Bodies.rectangle()
+    const wall = Bodies.rectangle(
+      columnIndex * unitLength + unitLength / 2,
+      rowIndex * unitLength + unitLength,
+      unitLength,
+      10,
+      {
+        isStatic: true,
+      }
+    )
+    World.add(world, wall)
   })
 })
@@ -73,4 +73,6 @@ console.log(grid)
 
 ## 17. 21 Validating Wall Structure
 
-## 18. 22 Iterating Over Walls
+## 18. 22 Iterating Over Walls
+
+## 19. 23 Drawing Horizontal Segments