l

mock/miniTb/babycare.getIndex.json

@@ -4,7 +4,7 @@
     "message": "OK",
     "data": {
         "power": 100,
-        "currentLevel": 4,
+        "currentLevel": 1,
         "tools": {
             "STEPS": 1,
             "BOOMS": 2,
@@ -14,6 +14,9 @@
             {
                 "level": 5
             },
+            {
+                "level": 4
+            },
             {
                 "level": 1
             }
@@ -45,7 +48,56 @@
                 "scores": 44444,
                 "stars": 2,
                 "isPrizeLevel": false,
-                "isVisitSuccess": false
+                "isVisitSuccess": true
+            },
+            {
+                "level": 5,
+                "scores": 44444,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 6,
+                "scores": 44444,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 7,
+                "scores": 44444,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 4,
+                "scores": 44444,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 8,
+                "scores": 44444,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 9,
+                "scores": 44444,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
+            },
+            {
+                "level": 10,
+                "scores": 44444,
+                "stars": 2,
+                "isPrizeLevel": false,
+                "isVisitSuccess": true
             }
         ],
         "isFristLogin": false

src/SkinJson.ts

@@ -462,16 +462,6 @@ export const SkinJson = {
                         "tUp": "关闭按钮.png"
                     },
                     "id": "closeBtn"
-				},
-				{
-					"name": "动物",
-					"x": 154,
-					"y": 693,
-					"alpha": 1,
-					"type": "sprite",
-					"props": {
-						"source": "动物.png"
-					}
                 }
             ]
         },
@@ -499,7 +489,7 @@ export const SkinJson = {
                     "type": "text",
                     "props": {
                         "text": "第 6 关",
-						"size": 24.78875,
+                        "size": 40,
                         "fillColor": "#df5942",
                         "textAlpha": 1
                     },
@@ -520,25 +510,26 @@ export const SkinJson = {
                     "id": "tipsTex"
                 },
                 {
-					"name": "动物",
-					"x": 154,
-					"y": 692,
+                    "name": "开始闯关要能量",
+                    "x": 163,
+                    "y": 1120,
                     "alpha": 1,
-					"type": "sprite",
+                    "type": "button",
                     "props": {
-						"source": "动物.png"
-					}
+                        "tUp": "开始闯关要能量.png"
+                    },
+                    "id": "startBtn"
                 },
                 {
-					"name": "开始闯关要能量",
+                    "name": "开始闯关不要能量",
                     "x": 163,
                     "y": 1120,
                     "alpha": 1,
                     "type": "button",
                     "props": {
-						"tUp": "开始闯关要能量.png"
+                        "tUp": "开始闯关不要能量.png"
                     },
-					"id": "startBtn"
+                    "id": "startBtn2"
                 },
                 {
                     "name": "prize",
@@ -673,19 +664,6 @@ export const SkinJson = {
                         "source": "活动规则背景.png"
                     }
                 },
-				{
-					"name": "规则只要字体颜色和大小,到时删掉",
-					"x": 96,
-					"y": 549,
-					"alpha": 1,
-					"type": "text",
-					"props": {
-						"text": "1、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\n\r2、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\r\r3、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\r\r4、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。",
-						"size": 26,
-						"fillColor": "#892a1a",
-						"textAlpha": 1
-					}
-				},
                 {
                     "name": "关闭按钮",
                     "x": 631,

src/panels/BuyPowerPanel.ts

+import { Panel } from "../../module/views/Panel";
+
+export class BuyPowerPanel extends Panel {
+    get groupNames() {
+        return ["BuyPowerPanel"]
+    }
+
+    get skinName() {
+        return "BuyPowerPanel"
+    }
+
+    msgTxt: FYGE.TextField;
+    exchangeBtn: FYGE.Button;
+    closeBtn: FYGE.Button;
+
+    initUi() {
+
+    }
+
+    start(data) {
+        super.start();
+    }
+
+    initEvents() {
+        super.initEvents();
+    }
+
+    removeEvents() {
+        super.removeEvents();
+    }
+}

src/panels/ExchangeSucPanel.ts

+import { Panel } from "../../module/views/Panel";
+export class ExchangeSucPanel extends Panel {
+	get groupNames() { return ["ExchangeSucPanel"] }
+	get skinName() { return "ExchangeSucPanel" }
+	knowBtn:FYGE.Button;
+	closeBtn:FYGE.Button;
+	
+	initUi() {
+ 
+	}
+	start(data) {
+		super.start();
+	}
+	initEvents() {
+		super.initEvents(); 
+	}
+	removeEvents() {
+		super.removeEvents(); 
+	}
+}

src/panels/FailedPanel.ts

+import { Panel } from "../../module/views/Panel";
+export class FailedPanel extends Panel {
+	get groupNames() { return ["FailedPanel"] }
+	get skinName() { return "FailedPanel" }
+	againBtn:FYGE.Button;
+	closeBtn:FYGE.Button;
+	tipsTex:FYGE.TextField;
+	checkTex:FYGE.TextField;
+	
+	initUi() {
+ 
+	}
+	start(data) {
+		super.start();
+	}
+	initEvents() {
+		super.initEvents(); 
+	}
+	removeEvents() {
+		super.removeEvents(); 
+	}
+}

src/panels/FreePowerPanel.ts

+import { Panel } from "../../module/views/Panel";
+export class FreePowerPanel extends Panel {
+	get groupNames() { return ["FreePowerPanel"] }
+	get skinName() { return "FreePowerPanel" }
+	acceptBtn:FYGE.Button;
+	closeBtn:FYGE.Button;
+	
+	initUi() {
+ 
+	}
+	start(data) {
+		super.start();
+	}
+	initEvents() {
+		super.initEvents(); 
+	}
+	removeEvents() {
+		super.removeEvents(); 
+	}
+}

src/panels/RulePanel.ts

+import { Panel } from "../../module/views/Panel";
+import TextField = FYGE.TextField;
+import TEXT_lINETYPE = FYGE.TEXT_lINETYPE;
+import ScrollPage = FYGE.ScrollPage;
+import { Tools } from "../Tools";
+
+export class RulePanel extends Panel {
+    get groupNames() {
+        return ["RulePanel"]
+    }
+
+    get skinName() {
+        return "RulePanel"
+    }
+
+    closeBtn: FYGE.Button;
+    ruleTex: TextField;
+    scroll: ScrollPage;
+
+    initUi() {
+
+    }
+
+    start(data) {
+        super.start();
+
+        const rule = '1、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\n\\r2、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\r\\r3、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\r\\r4、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。1、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\n\\r2、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\r\\r3、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\r\\r4、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。1、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\n\\r2、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\r\\r3、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。\\r\\r4、这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案，这里是活动规则文案。'
+        this.ruleTex = this.addChild(Tools.getText(
+            rule, 26, '#892a1a',
+            FYGE.TEXT_ALIGN.LEFT, 570
+        ));
+        this.ruleTex.lineType = TEXT_lINETYPE.MULTI;
+
+        this.scroll = this.addChild(new ScrollPage(
+            570, 600, this.ruleTex.textHeight + 30
+        ));
+        this.scroll.position.set(96, 549);
+        this.scroll.view.addChild(this.ruleTex);
+
+    }
+
+    initEvents() {
+        super.initEvents();
+    }
+
+    removeEvents() {
+        super.removeEvents();
+    }
+}

src/panels/StartPanel.ts

 import { Panel } from "../../module/views/Panel";
-import TEXT_ALIGN = FYGE.TEXT_ALIGN;
 import { getChapterData } from "../something/chapters/getChapter";
+import { Tools } from "../Tools";
+import { ElementTargetData } from "../something/interface/ElementTargetData";
 import Container = FYGE.Container;
+import TEXT_ALIGN = FYGE.TEXT_ALIGN;
+import MouseEvent = FYGE.MouseEvent;
+import { changeScene } from "../../module/ctrls";
+import { PlayScene } from "../scene/PlayScene";
+import Tween = FYGE.Tween;
+import Ease = FYGE.Ease;
 
 export class StartPanel extends Panel {
     get groupNames() {
@@ -18,28 +25,61 @@ export class StartPanel extends Panel {
     startBtn2: FYGE.Button;
     startBtn: FYGE.Button;
 
+    public showAni() {
+        if (this.isShowing) return;
+        this.isShowing = true;
+        this.anchor.set(375, 812);
+        Tween.get(this)
+            .set({scaleX: 0, scaleY: 0})
+            .to({scaleX: 1, scaleY: 1}, 400, Ease.backOut)
+            .call(() => {
+                this.isShowing = false;
+            });
+    }
+
     initUi() {
         this.checkTex.textWidth = 750;
         this.checkTex.textAlign = TEXT_ALIGN.CENTER;
         this.checkTex.x = 0;
-        this.checkTex.text = `第 ${this.data.check} 关`;
+        this.checkTex.text = `第 ${this.data.level} 关`;
+
+        this.startBtn.visible = !this.data.isPlayed;
+        this.startBtn2.visible = this.data.isPlayed;
 
-        this.addChild(new StartTarget(this.data.check));
+        this.addChild(new StartTarget(this.data.level))
+            .position.set(0, 682);
+
+        this.tipsTex.visible = this.data.stars < 3;
     }
 
     start(data) {
         super.start();
     }
 
+    private startGame() {
+        changeScene(PlayScene, {chapter: this.data.level});
+        this.hidePanel();
+    }
+
     initEvents() {
         super.initEvents();
+        this.startBtn.addEventListener(MouseEvent.CLICK, this.startGame, this);
+        this.startBtn2.addEventListener(MouseEvent.CLICK, this.startGame, this);
     }
 
     removeEvents() {
         super.removeEvents();
+        this.startBtn.removeEventListener(MouseEvent.CLICK, this.startGame, this);
+        this.startBtn2.removeEventListener(MouseEvent.CLICK, this.startGame, this);
     }
 }
 
+const pos = [
+    [325],
+    [240, 410],
+    [180, 325, 470],
+]
+
 export class StartTarget extends Container {
     constructor(checkNum: number) {
         super();
@@ -48,8 +88,42 @@ export class StartTarget extends Container {
         if (passTarget.type == 0) { // 分数
 
         } else if (passTarget.type == 1) {  // 消除元素个数
+            passTarget.elements.forEach((v, i) => {
+                const targetItem = this.addChild(new StartTargetItem(v));
+                targetItem.x = pos[passTarget.elements.length - 1][i];
+                setTimeout(() => {
+                    targetItem.playEffect();
+                }, i * 200);
+            });
+        }
+
+    }
+}
+
+export class StartTargetItem extends Container {
+
+    constructor(data: ElementTargetData) {
+        super();
+
+        const targetImg = this.addChild(Tools.getSprite(`ele${data.type}.png`));
+        targetImg.width = targetImg.height = 100;
+
+        const targetTex = this.addChild(Tools.getText(
+            `${data.count}`, 30, '#ffffff',
+            TEXT_ALIGN.CENTER, 100, 0, 108
+        ));
+        targetTex.strokeColor = '#eb5b57';
+        targetTex.stroke = 3;
+
+        this.anchor.set(50, 79);
+        this.scale.set(0, 0);
 
     }
 
+    // 变大的动效
+    public playEffect() {
+        Tween.get(this)
+            .set({scaleX: 0, scaleY: 0})
+            .to({scaleX: 1, scaleY: 1}, 500, Ease.backOut)
     }
 }

src/panels/StartPanelPrize.ts

+import { Panel } from "../../module/views/Panel";
+import MouseEvent = FYGE.MouseEvent;
+import { changeScene } from "../../module/ctrls";
+import { PlayScene } from "../scene/PlayScene";
+import { StartTarget } from "./StartPanel";
+import TEXT_ALIGN = FYGE.TEXT_ALIGN;
+import Tween = FYGE.Tween;
+import Ease = FYGE.Ease;
+
+export class StartPanelPrize extends Panel {
+    get groupNames() {
+        return ["StartPanelPrize"]
+    }
+
+    get skinName() {
+        return "StartPanelPrize"
+    }
+
+    public showAni() {
+        if (this.isShowing) return;
+        this.isShowing = true;
+        this.anchor.set(375, 812);
+        Tween.get(this)
+            .set({scaleX: 0, scaleY: 0})
+            .to({scaleX: 1, scaleY: 1}, 400, Ease.backOut)
+            .call(() => {
+                this.isShowing = false;
+            });
+    }
+
+    closeBtn: FYGE.Button;
+    startBtn: FYGE.Button;
+    startBtn2: FYGE.Button;
+    tipsTex: FYGE.TextField;
+    checkTex: FYGE.TextField;
+
+    initUi() {
+        this.checkTex.textWidth = 750;
+        this.checkTex.textAlign = TEXT_ALIGN.CENTER;
+        this.checkTex.x = 0;
+        this.checkTex.text = `第 ${this.data.level} 关`;
+
+        this.startBtn.visible = !this.data.isPlayed;
+        this.startBtn2.visible = this.data.isPlayed;
+
+        this.addChild(new StartTarget(this.data.level))
+            .position.set(0, 682);
+    }
+
+    start(data) {
+        super.start();
+    }
+
+    private startGame() {
+        changeScene(PlayScene, {chapter: this.data.level});
+        this.hidePanel();
+    }
+
+    initEvents() {
+        super.initEvents();
+        this.startBtn.addEventListener(MouseEvent.CLICK, this.startGame, this);
+        this.startBtn2.addEventListener(MouseEvent.CLICK, this.startGame, this);
+    }
+
+    removeEvents() {
+        super.removeEvents();
+        this.startBtn.removeEventListener(MouseEvent.CLICK, this.startGame, this);
+        this.startBtn2.removeEventListener(MouseEvent.CLICK, this.startGame, this);
+    }
+}

src/panels/SuccessNoPrizePanel.ts

+import { Panel } from "../../module/views/Panel";
+export class SuccessNoPrizePanel extends Panel {
+	get groupNames() { return ["SuccessNoPrizePanel"] }
+	get skinName() { return "SuccessNoPrizePanel" }
+	closeBtn:FYGE.Button;
+	tipsTex:FYGE.TextField;
+	checkTex:FYGE.TextField;
+	againBtn:FYGE.Button;
+	continueBtn:FYGE.Button;
+	totalContinueBtn:FYGE.Button;
+	
+	initUi() {
+ 
+	}
+	start(data) {
+		super.start();
+	}
+	initEvents() {
+		super.initEvents(); 
+	}
+	removeEvents() {
+		super.removeEvents(); 
+	}
+}

src/panels/SuccessPrizePanel.ts

+import { Panel } from "../../module/views/Panel";
+export class SuccessPrizePanel extends Panel {
+	get groupNames() { return ["SuccessPrizePanel"] }
+	get skinName() { return "SuccessPrizePanel" }
+	closeBtn:FYGE.Button;
+	tipsTex:FYGE.TextField;
+	checkTex:FYGE.TextField;
+	againBtn:FYGE.Button;
+	noPrizeAgainBtn:FYGE.Button;
+	
+	initUi() {
+ 
+	}
+	start(data) {
+		super.start();
+	}
+	initEvents() {
+		super.initEvents(); 
+	}
+	removeEvents() {
+		super.removeEvents(); 
+	}
+}

src/panels/TaskPanel.ts

+import { Panel } from "../../module/views/Panel";
+import { layers } from "../../module/views/layers";
+import Tween = FYGE.Tween;
+import Ease = FYGE.Ease;
+import Button = FYGE.Button;
+
+export class TaskPanel extends Panel {
+    get groupNames() {
+        return ["TaskPanel"]
+    }
+
+    get skinName() {
+        return "TaskPanel"
+    }
+
+    public showAni() {
+        if (this.isShowing) return;
+        this.isShowing = true;
+        let oriY = 1624 - this.height - layers.stageOffsetY - 580;
+        this.y = layers.stageHeight + this.height;
+        Tween.get(this)
+            .to({y: oriY}, 500, Ease.quartOut)
+            .call(() => {
+                this.isShowing = false;
+            });
+    }
+
+    closeBtn: Button;
+    taskBtn1: Button;
+    taskBtn2: Button;
+    taskBtn3: Button;
+    taskBtn4: Button;
+
+    initUi() {
+
+    }
+
+    start(data) {
+        super.start();
+    }
+
+    initEvents() {
+        super.initEvents();
+    }
+
+    removeEvents() {
+        super.removeEvents();
+    }
+}

src/panels/ToolsOutPanel.ts

+import { Panel } from "../../module/views/Panel";
+export class ToolsOutPanel extends Panel {
+	get groupNames() { return ["ToolsOutPanel"] }
+	get skinName() { return "ToolsOutPanel" }
+	consideBtn:FYGE.Button;
+	sureBtn:FYGE.Button;
+	closeBtn:FYGE.Button;
+	msgTxt:FYGE.TextField;
+	
+	initUi() {
+ 
+	}
+	start(data) {
+		super.start();
+	}
+	initEvents() {
+		super.initEvents(); 
+	}
+	removeEvents() {
+		super.removeEvents(); 
+	}
+}

src/panels/UseToolPanel.ts

+import { Panel } from "../../module/views/Panel";
+export class UseToolPanel extends Panel {
+	get groupNames() { return ["UseToolPanel"] }
+	get skinName() { return "UseToolPanel" }
+	consideBtn:FYGE.Button;
+	sureBtn:FYGE.Button;
+	closeBtn:FYGE.Button;
+	msgTxt:FYGE.TextField;
+	
+	initUi() {
+ 
+	}
+	start(data) {
+		super.start();
+	}
+	initEvents() {
+		super.initEvents(); 
+	}
+	removeEvents() {
+		super.removeEvents(); 
+	}
+}