1

project/src/canvas/game/src/scenes/DropItem.ts

-import resCanvasList from "../../resCanvasList";
 import { RES } from "../../module/RES";
-import { getStage } from "./stage";
+import resCanvasList from "../../resCanvasList";
 export default class DropItem extends FYGE.Sprite {
   constructor() {
     super();
@@ -8,17 +7,10 @@ export default class DropItem extends FYGE.Sprite {
     this.texture = RES.getRes(
       resCanvasList["593e9d74-4944-496a-b6c1-8316756f8bf7"].url
     );
-
-    getStage().addEventListener(
-      FYGE.Event.ENTER_FRAME,
-      this.onEnterFrame,
-      this
-    );
-
-    this.y= 0;
+    this.y = 0;
   }
 
-  onEnterFrame() {
-      this.y +=10;
+  updatePosition() {
+    this.y += 10;
   }
 }

project/src/canvas/game/src/scenes/DropsCtrl.ts

+import Root from "./Root";
+import { getStage } from "./stage";
+import DropItem from "./DropItem";
+
+export default class DropsCtrl {
+  _root: Root;
+  _drops: DropItem[];
+  constructor(root) {
+    this._root = root;
+  }
+
+  start() {
+    getStage().addEventListener(
+      FYGE.Event.ENTER_FRAME,
+      this.onEnterFrame,
+      this
+    );
+
+    for (let index = 0; index < 10; index++) {
+      setTimeout(() => {
+        this.addDropItem();
+      }, 1000 * index);
+    }
+  }
+
+  addDropItem() {
+    this._drops = this._drops || [];
+    const drop = new DropItem();
+    this._root.addChild(drop);
+    drop.x = Math.random() * 400 + (750 - 400) / 2;
+    this._drops.push(drop);
+  }
+
+  onEnterFrame() {
+    if (this._drops) this._drops.forEach((drop) => drop.updatePosition());
+  }
+
+  destroy() {
+    getStage().removeEventListener(
+      FYGE.Event.ENTER_FRAME,
+      this.onEnterFrame,
+      this
+    );
+  }
+}

project/src/canvas/game/src/scenes/Root.ts

 import { RES } from "../../module/RES";
 import resCanvasList from "../../resCanvasList";
-import DropItem from "./DropItem";
+import DropsCtrl from "./DropsCtrl";
+
 export default class Root extends FYGE.Container {
   constructor() {
     super();
@@ -14,7 +15,8 @@ export default class Root extends FYGE.Container {
     );
     this.addChild(bg);
 
-    this.addChild(new DropItem())
+    const ctrl = new DropsCtrl(this);
+    ctrl.start();
 
     // SvgaParser.loadSvga(
     //   "//yun.duiba.com.cn/spark/assets/open_effect.b997f18f52ca96abb0913ca32fdce6f22ad9bcf7.svga",