Stack3web
diff --git a/‎22-Javascript-with-the-Canvas-API/01-Maze/index.js‎
Lines changed: 24 additions & 3 deletions b/‎22-Javascript-with-the-Canvas-API/01-Maze/index.js‎
Lines changed: 24 additions & 3 deletions
diff --git a/‎22-Javascript-with-the-Canvas-API/README.md‎
Lines changed: 4 additions & 0 deletions b/‎22-Javascript-with-the-Canvas-API/README.md‎
Lines changed: 4 additions & 0 deletions
@@ -1,14 +1,20 @@
 // Matter.js library
 const { Engine, Render, Runner, World, Bodies, MouseConstraint, Mouse } = Matter
 
+const width = 800
+const height = 600
+
 const engine = Engine.create()
 const { world } = engine
 const render = Render.create({
   element: document.body,
   engine: engine,
   options: {
-    width: 800,
-    height: 600,
+    // width: width,
+    // height: height,
+    wireframes: false,
+    width,
+    height,
   },
 })
 
@@ -32,4 +38,19 @@ const walls = [
 
 World.add(world, walls)
 
-World.add(world, Bodies.rectangle(200, 200, 50, 50))
+//  Random Shapes
+
+for (let i = 0; i < 20; i++) {
+  if (Math.random() < 0.5) {
+    World.add(
+      world,
+      Bodies.rectangle(Math.random() * width, Math.random() * height, 50, 50)
+    )
+  } else {
+    World.add(world, Bodies.circle(Math.random() * width, Math.random() * height, 35, {
+      render: {
+        fillStyle: 'green'
+      }
+    }))
+  }
+}
@@ -27,3 +27,7 @@ World.add(world, shape)
 ## 4. 06 Drawing Borders
 
 ## 5. 07 Clicking and Dragging
+
+## 6. 08 Generating Random Shapes
+
+