From 7c6ec25c85f3f6546cab43c2725799dacc6b72af Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Mon, 25 Sep 2023 20:52:58 +0200
Subject: [PATCH] feat: make shapes tend to be in the middle

---
 index.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/index.js b/index.js
index 7ac6bb5..7671459 100644
--- a/index.js
+++ b/index.js
@@ -10,11 +10,12 @@ let engine = Engine.create({
 
 const width = window.innerWidth > 0 ? window.innerWidth : screen.width;
 const height = window.innerHeight > 0 ? window.innerHeight : screen.height;
-console.log('>>> width, height', width, height);
 
 // create runner
 let runner = Runner.create();
-let ground = Bodies.rectangle(width / 2, height - 300, width / 2, 60, { isStatic: true });
+let ground = Bodies.rectangle(width / 2, height - 300, width / 2, 60, {
+  isStatic: true,
+});
 
 // create a renderer
 let render = Render.create({
@@ -38,7 +39,7 @@ function kaboom() {
     .fill()
     .map(() =>
       Bodies.polygon(
-        Math.random() * 450 + 1,
+        Math.random() * 1 + width / 2,
         Math.random() * 450 + 1,
         Math.random() * 16 + 1,
         Math.random() * 80 + 1
@@ -56,7 +57,8 @@ function addShape() {
   // to be continued
   // let oneShape = Bodies.circle(80, 80, 80);
   let oneShape = Bodies.polygon(
-    Math.random() * width / 2 + 12,
+    // Math.random() * (width / 2) + 1,
+    width / 2,
     Math.random() * 450 + 1,
     Math.random() * 12 + 1,
     Math.random() * 150 + 100