1

egret/index.html

@@ -79,7 +79,7 @@
     </script>
 
     <script src="output.js"></script>
-     <!-- <div id="debugCanvas" style="position:absolute;opacity: 0.7;pointer-events: none"></div> -->
+     <div id="debugCanvas" style="position:absolute;opacity: .5;pointer-events: none"></div>
 </body>
 
 </html>
\ No newline at end of file

egret/src/startScene/createBox.ts

@@ -10,22 +10,28 @@ const createBox = (_this: StartScene) => {
     const body2 = Matter.Bodies.fromVertices(425 - 10 - 100 - 10 - 10 + 1, 30 + 100 + 10 + 10 + 6, [path2], { isStatic: true, collisionFilter: { group: wall, category: wall, mask: wallMask } }, true);
     Matter.World.add(_this._engine.world, body2);
 
-    const basketpath1 = Matter.Vertices.fromPath('290 432 324 476 326 476 292 432 ', null);
-    const basketbody1 = Matter.Bodies.fromVertices(311, 452, [basketpath1], { isStatic: true, collisionFilter: { group: basket, category: basket, mask: basketMask } }, true);
+    const basketpath1 = Matter.Vertices.fromPath('290 432 324 476 326 476 313 432', null);
+    const basketbody1 = Matter.Bodies.fromVertices(311 - 3 - 8 + 2+3, 452 - 5, [basketpath1], { isStatic: true, friction: 0, collisionFilter: { group: basket, category: basket, mask: basketMask } }, true);
     Matter.World.add(_this._engine.world, basketbody1);
 
-    const basketpath2 = Matter.Vertices.fromPath('471 435 443 481 441 481 469 435', null);
-    const basketbody2 = Matter.Bodies.fromVertices(449, 452, [basketpath2], { isStatic: true, collisionFilter: { group: basket, category: basket, mask: basketMask } }, true);
+    const basketpath2 = Matter.Vertices.fromPath('479 435 443 481 441 481 456 435', null);
+    const basketbody2 = Matter.Bodies.fromVertices(449 + 3 + 8 - 2 - 2-3, 452 - 5, [basketpath2], { isStatic: true, friction: 0, collisionFilter: { group: basket, category: basket, mask: basketMask } }, true);
     Matter.World.add(_this._engine.world, basketbody2);
 
+    const basketLeft = Matter.Bodies.circle(311 - 3 - 8 + 2 - 5, 427, 12, { isStatic: true, friction: 0, collisionFilter: { group: basket, category: basket, mask: basketMask } })
+    Matter.World.add(_this._engine.world, basketLeft);
+
+    const basketRight = Matter.Bodies.circle(456 + 5, 427, 12, { isStatic: true, friction: 0, collisionFilter: { group: basket, category: basket, mask: basketMask } })
+    Matter.World.add(_this._engine.world, basketRight);
+
     const w = 100;
     const h = 50;
     const rect = _this._egretRender.rectangle(153 + w / 2, 833 + h / 2, w, h, null, { isStatic: true, collisionFilter: { group: wall, category: wall, mask: wallMask } });
     const rect2 = _this._egretRender.rectangle(553 - 10 - 30 - 5 + w / 2, 833 + h / 2, w, h, null, { isStatic: true, collisionFilter: { group: wall, category: wall, mask: wallMask } });
-    
+
     const w2 = 300;
     const h2 = 10;
-    const rect3 = _this._egretRender.rectangle(375, 873+h2/2 , w2, h2, null, { isStatic: true, collisionFilter: { group: wall, category: wall, mask: wallMask } });
+    const rect3 = _this._egretRender.rectangle(375, 873 + h2 / 2, w2, h2, null, { isStatic: true, collisionFilter: { group: wall, category: wall, mask: wallMask } });
 }
 
 export default createBox
\ No newline at end of file

egret/src/startScene/createItems.ts

 import StartScene from "./StartScene";
 import createItem from "./items/createItem";
 import { award, awardMask } from "./collisionConfig";
+import random from "./random";
 
 export default (_this: StartScene) => {
     let count = 0;
     const coinsFall = setInterval(() => {
-        if (count < 12) {
+        if (count < 14) {
             let scale;
-            scale = 0.7 + Math.random() * 0.3;
+            // scale = random(0.7,1);
+            // scale=1;
+            const size = random(70, 100);
+            const maxsize = 100;
+            scale = size / maxsize;
             const baseItem = createItem(scale);
             let angle;
             angle = 0;
             //气泡纹理种气泡的尺寸默认100（总体还包含气泡周围的阴影效果）
             //刚体和贴图尺寸比为1:1.12
-            _this._egretRender.circle(375 + Math.random() * 200 - 100, 400 + 200 + 100, 100 * scale / 2 / 1.12, baseItem,
+            _this._egretRender.circle(375 + Math.random() * 200 - 100, 400 + 200 + 100, (size - 17) / 2, baseItem,
                 {
-                    frictionAir:0,
+                    frictionAir: 0,
                     collisionFilter: { group: award, category: award, mask: awardMask },
                     angle: angle,
-                    label: baseItem.type
+                    label: baseItem.type,
+                    friction: 0
                 });
             count++;
         } else {