Stack3web
diff --git a/‎…t-with-the-Canvas-API/01-Maze/index.html‎ ‎…t-with-the-Canvas-API/01-Demo/index.html‎22-Javascript-with-the-Canvas-API/01-Maze/index.html renamed to 22-Javascript-with-the-Canvas-API/01-Demo/index.html b/‎…t-with-the-Canvas-API/01-Maze/index.html‎ ‎…t-with-the-Canvas-API/01-Demo/index.html‎22-Javascript-with-the-Canvas-API/01-Maze/index.html renamed to 22-Javascript-with-the-Canvas-API/01-Demo/index.html
diff --git a/‎…ipt-with-the-Canvas-API/01-Maze/index.js‎ ‎…ipt-with-the-Canvas-API/01-Demo/index.js‎22-Javascript-with-the-Canvas-API/01-Maze/index.js renamed to 22-Javascript-with-the-Canvas-API/01-Demo/index.js b/‎…ipt-with-the-Canvas-API/01-Maze/index.js‎ ‎…ipt-with-the-Canvas-API/01-Demo/index.js‎22-Javascript-with-the-Canvas-API/01-Maze/index.js renamed to 22-Javascript-with-the-Canvas-API/01-Demo/index.js
diff --git a/‎22-Javascript-with-the-Canvas-API/02-Maze copy/index.html‎
Lines changed: 12 additions & 0 deletions b/‎22-Javascript-with-the-Canvas-API/02-Maze copy/index.html‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎22-Javascript-with-the-Canvas-API/02-Maze copy/index.js‎
Lines changed: 30 additions & 0 deletions b/‎22-Javascript-with-the-Canvas-API/02-Maze copy/index.js‎
Lines changed: 30 additions & 0 deletions
diff --git a/‎22-Javascript-with-the-Canvas-API/README.md‎
Lines changed: 2 additions & 2 deletions b/‎22-Javascript-with-the-Canvas-API/README.md‎
Lines changed: 2 additions & 2 deletions
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>  
+  <title>Maze</title>
+</head>
+<body>
+  <script src="index.js"></script>
+</body>
+</html>
@@ -0,0 +1,30 @@
+// Matter.js library
+const { Engine, Render, Runner, World, Bodies } = Matter
+
+const width = 600
+const height = 600
+
+const engine = Engine.create()
+const { world } = engine
+const render = Render.create({
+  element: document.body,
+  engine: engine,
+  options: {
+    wireframes: true,
+    width,
+    height,
+  },
+})
+
+Render.run(render)
+Runner.run(Runner.create(), engine)
+
+// Walls
+const walls = [
+  Bodies.rectangle(width / 2, 0, width, 40, { isStatic: true }),
+  Bodies.rectangle(width / 2, height, width, 40, { isStatic: true }),
+  Bodies.rectangle(0, height / 2, 40, height, { isStatic: true }),
+  Bodies.rectangle(width, height / 2, 40, height, { isStatic: true }),
+]
+
+World.add(world, walls)
@@ -30,6 +30,6 @@ World.add(world, shape)
 
 ## 6. 08 Generating Random Shapes
 
-## 7. 09 Maze Generation Algorithm
-
+## 7. 11 Configuration Variables
 
+**folder 02**