11

src/pages/GamePage/Game.ts

@@ -48,10 +48,10 @@ export class Game extends Base {
     const qsBg = this.addChild(new Sprite(Assets.get("问题.png")));
     qsBg.position.set(49, 316);
 
-    // this.level = this.addChild(new Level7(this.setPauseCd));
+    this.level = this.addChild(new Level14(this.setPauseCd));
     globalEvent.on(GameEvent.NextLevel, this.nextLevel, this);
 
-    this.nextLevel();
+    // this.nextLevel();
     this.startCd();
   }
 

src/pages/GamePage/Level/Level11.ts

@@ -9,6 +9,7 @@ export class Level11 extends LevelBase {
   level: number = 11;
 
   A: Sprite;
+  B: Sprite;
 
   right: Sprite;
   error: Sprite;
@@ -22,14 +23,14 @@ export class Level11 extends LevelBase {
   onLoad() {
     super.onLoad();
 
-    this.addChild(new Sprite(Assets.get(`level${this.level}/长颈鹿.png`)))
-      .position.set(91, 765);
-
     this.A = this.addChild(new Sprite(Assets.get(`level${this.level}/冰箱.png`)));
     this.A.anchor.set(0.5);
     this.A.position.set(541, 956);
     this.A.scale.set(0.5746031746031746);
 
+    this.B = this.addChild(new Sprite(Assets.get(`level${this.level}/长颈鹿.png`)));
+    this.B.position.set(91, 765);
+
     this.right = this.addChild(new Sprite(Assets.get(`common/right.png`)));
     this.right.position.set(642, 1141);
     this.right.alpha = 0;
@@ -40,8 +41,37 @@ export class Level11 extends LevelBase {
     this.A.on("globalpointermove", this.onPointerMove, this);
     this.A.on("pointerup", this.onPointerUp, this);
     this.A.on("pointerupoutside", this.onPointerUp, this);
+
+
+    this.B.on("pointerdown", this.onBPointerDown, this);
+    this.B.on("pointerup", this.onBPointerUp, this);
+    this.B.on("globalpointermove", this.onBPointerMove, this);
+  }
+
+
+  pos = null;
+
+  onBPointerUp(e) {
+    this.pos = null;
+  }
+
+  onBPointerDown(e) {
+    const { x, y } = e.data.global;
+    this.pos = {
+      x: x - this.B.x,
+      y: y - this.B.y
+    }
   }
 
+  onBPointerMove(e) {
+    if (!this.pos) return;
+    const { x, y } = e.data.global;
+    const nx = x - this.pos.x;
+    const ny = y - this.pos.y;
+    this.B.position.set(nx, ny);
+  }
+
+
   onPointerDown(e) {
     console.log("pointerdown", e.pointerId, e.data.global);
 

src/pages/GamePage/Level/Level14.ts

 import { LevelBase } from "@/pages/GamePage/Components/LevelBase.ts";
-import { Assets, Sprite } from "pixi.js";
+import { Assets, Rectangle, Sprite } from "pixi.js";
 import { Ease, Tween } from "@/core/tween";
 import { GameEvent, globalEvent } from "@/pages/GamePage/GameEvent.ts";
 import { errorWaitTime, rightWaitTime } from "@/pages/GamePage/Level/LevelConfig.ts";
@@ -44,6 +44,10 @@ export class Level14 extends LevelBase {
     this.A.on("pointerdown", this.onAPointerDown, this);
     this.A.on("pointerup", this.onAPointerUp, this);
     this.A.on("globalpointermove", this.onAPointerMove, this);
+
+    this.B.on("pointerdown", this.onAPointerDown, this);
+    this.B.on("pointerup", this.onAPointerUp, this);
+    this.B.on("globalpointermove", this.onAPointerMove, this);
   }
 
   onTapOption(item: Sprite) {
@@ -69,6 +73,7 @@ export class Level14 extends LevelBase {
       });
   }
 
+  target = null;
   pos = null;
 
   onAPointerUp(e) {
@@ -76,10 +81,11 @@ export class Level14 extends LevelBase {
   }
 
   onAPointerDown(e) {
+    this.target = e.target;
     const { x, y } = e.data.global;
     this.pos = {
-      x: x - this.A.x,
-      y: y - this.A.y
+      x: x - e.target.x,
+      y: y - e.target.y
     }
   }
 
@@ -88,18 +94,27 @@ export class Level14 extends LevelBase {
     const { x, y } = e.data.global;
     const nx = x - this.pos.x;
     const ny = y - this.pos.y;
-    this.A.position.set(nx, ny);
-
-    if (
-      nx >= 420
-      && nx <= 540
-      && ny >= 930
-      && ny <= 1120
-    ) {
+    this.target.position.set(nx, ny);
+
+    this.check();
+  }
+
+  check() {
+    const { x: ax, y: ay, width: aw, height: ah } = this.A;
+    const { x: bx, y: by, width: bw, height: bh } = this.B;
+
+    const aRect = new Rectangle(ax, ay, aw, ah);
+    const bRect = new Rectangle(bx, by, bw, bh);
+
+    if (aRect.intersects(bRect)) {
       this.setPauseCd(true);
       this.setTouchEnable(false);
+
+      Tween.get(this.B)
+        .to({ x: 306, y: 1000 }, 444, Ease.quadInOut)
+
       Tween.get(this.A)
-        .to({ x: 484, y: 1040 }, 444, Ease.quadInOut)
+        .to({ x: 292, y: 1040 }, 444, Ease.quadInOut)
         .call(() => {
           Tween.get(this.right)
             .to({ alpha: 1 }, 444, Ease.quadInOut)
@@ -108,8 +123,8 @@ export class Level14 extends LevelBase {
               globalEvent.emit(GameEvent.NextLevel);
             });
         })
-
     }
+
   }
 
   onDestroy() {