diff --git a/index.html b/index.html
index 2f59d3f..bb31b55 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
Hello Kahel!
+
diff --git a/index.js b/index.js
index b4685d5..527e00c 100644
--- a/index.js
+++ b/index.js
@@ -6,8 +6,15 @@ let Engine = Matter.Engine,
Composite = Matter.Composite;
// create an engine
-let engine = Engine.create();
+let engine = Engine.create({
+ timing: {
+ timeScale: 0.3,
+ },
+});
+// create runner
+let runner = Runner.create();
+let ground = Bodies.rectangle(400, 610, 810, 60, { isStatic: true });
// create a renderer
let render = Render.create({
element: document.getElementById("canvas"),
@@ -18,6 +25,13 @@ let render = Render.create({
},
});
+generateWorld();
+
+function clearTheWorld() {
+ Composite.clear(engine.world);
+ Composite.add(engine.world, ground);
+}
+
function kaboom() {
let manyShapes = new Array(300)
.fill()
@@ -30,24 +44,34 @@ function kaboom() {
)
);
- generateWorld(manyShapes);
+ // add all of the bodies to the world
+ Composite.add(engine.world, [...manyShapes, ground]);
+
+ // run the engine
+ Runner.run(runner, engine);
}
function addShape() {
// to be continued
+ // let oneShape = Bodies.circle(80, 80, 80);
+ let oneShape = Bodies.polygon(
+ Math.random() * 450 + 1,
+ Math.random() * 450 + 1,
+ Math.random() * 12 + 1,
+ Math.random() * 150 + 100
+ );
+ Composite.add(engine.world, oneShape);
+
+ // run the engine
+ Runner.run(runner, engine);
}
-function generateWorld(shapes) {
- // add all of the bodies to the world
- let ground = Bodies.rectangle(400, 610, 810, 60, { isStatic: true });
- Composite.add(engine.world, [...shapes, ground]);
+function generateWorld() {
+ Composite.add(engine.world, ground);
// run the renderer
Render.run(render);
- // create runner
- let runner = Runner.create();
// run the engine
Runner.run(runner, engine);
- Composite.clear();
}