10

src/pages/GamePage/Game.ts

@@ -12,6 +12,7 @@ import { Level7 } from "@/pages/GamePage/Level/Level7.ts";
 import { Level8 } from "@/pages/GamePage/Level/Level8.ts";
 import { Level9 } from "@/pages/GamePage/Level/Level9.ts";
 import { Level10 } from "@/pages/GamePage/Level/Level10.ts";
+import { Level13 } from "@/pages/GamePage/Level/Level13.ts";
 import { Level14 } from "@/pages/GamePage/Level/Level14.ts";
 import { Level23 } from "@/pages/GamePage/Level/Level23.ts";
 import gameStore from "@/store/gameStore.ts";
@@ -27,7 +28,7 @@ export class Game extends Base {
     const qsBg = this.addChild(new Sprite(Assets.get("问题.png")));
     qsBg.position.set(49, 316);
 
-    this.level = this.addChild(new Level10());
+    this.level = this.addChild(new Level13());
 
     gameStore.start();
 

src/pages/GamePage/Level/Level13.ts

+import { LevelBase } from "@/pages/GamePage/Components/LevelBase.ts";
+import { Assets, Sprite } from "pixi.js";
+import { Ease, Tween } from "@/core/tween";
+import { GameEvent, globalEvent } from "@/pages/GamePage/GameEvent.ts";
+
+export class Level13 extends LevelBase {
+
+  level: number = 13;
+
+  A: Sprite;
+  B: Sprite;
+  C: Sprite;
+
+  right: Sprite;
+  error: Sprite;
+
+  onLoad() {
+    super.onLoad();
+
+    this.addChild(new Sprite(Assets.get(`level${this.level}/D.png`)))
+      .position.set(198, 687);
+
+    this.B = this.addChild(new Sprite(Assets.get(`level${this.level}/B.png`)));
+    this.B.position.set(463, 1086);
+
+    this.C = this.addChild(new Sprite(Assets.get(`level${this.level}/C.png`)));
+    this.C.position.set(198, 687);
+
+    this.A = this.addChild(new Sprite(Assets.get(`level${this.level}/A.png`)));
+    this.A.position.set(161, 1086);
+
+    this.right = this.addChild(new Sprite(Assets.get(`level${this.level}/right.png`)));
+    this.right.position.set(255, 916);
+    this.right.alpha = 0;
+    this.right.interactive = false;
+    this.right.eventMode = "none";
+
+    this.C.on("pointerdown", this.onAPointerDown, this);
+    this.C.on("globalpointermove", this.onAPointerMove, this);
+  }
+
+  pos = null;
+
+  onAPointerDown(e) {
+    const { x, y } = e.data.global;
+    this.pos = {
+      x: x - this.C.x,
+      y: y - this.C.y
+    }
+  }
+
+  onAPointerMove(e) {
+    if (!this.pos) return;
+    const { x, y } = e.data.global;
+    const nx = x - this.pos.x;
+    const ny = y - this.pos.y;
+    this.C.position.set(nx, ny);
+
+    if (
+      nx < 10 || nx > 410
+      || ny < 480 || ny > 900
+    ) {
+      this.setTouchEnable(false);
+      Tween.get(this.right)
+        .to({ alpha: 1 }, 444, Ease.quadInOut)
+        .wait(2000)
+        .call(() => {
+          globalEvent.emit(GameEvent.NextLevel);
+        });
+    }
+  }
+
+  onDestroy() {
+    super.onDestroy();
+    Tween.removeTweens(this.right);
+    this.A.off("globalpointermove", this.onAPointerMove, this);
+  }
+
+}

src/pages/GamePage/Level/LevelConfig.ts

@@ -7,6 +7,7 @@ import { Level7 } from "@/pages/GamePage/Level/Level7.ts";
 import { Level8 } from "@/pages/GamePage/Level/Level8.ts";
 import { Level9 } from "@/pages/GamePage/Level/Level9.ts";
 import { Level10 } from "@/pages/GamePage/Level/Level10.ts";
+import { Level13 } from "@/pages/GamePage/Level/Level13.ts";
 import { Level14 } from "@/pages/GamePage/Level/Level14.ts";
 import { Level23 } from "@/pages/GamePage/Level/Level23.ts";
 
@@ -24,7 +25,7 @@ export const LevelArr = [
   { cls: Level10, tip: `将“1”移动至等号右边<br/>形成等式` }, // 10
   { cls: Level9, tip: `将冰箱放大至能装够装下<br/>长颈鹿` }, // 11
   { cls: Level9, tip: `掐断烟头` }, // 12
-  { cls: Level9, tip: `打开盖子看看` }, // 13
+  { cls: Level13, tip: `打开盖子看看` }, // 13
   { cls: Level14, tip: `将香蕉移动到牛奶中<br/>变成香蕉牛奶` },
   { cls: Level14, tip: `猫吃老鼠` },  // 15
   { cls: Level14, tip: `移动笼子罩住小鸭子` }, // 16