template

index.html

@@ -94,7 +94,7 @@
 		var canvas = document.getElementById("canvas");
 		canvas.width = document.body.clientWidth * (window.devicePixelRatio || 1)
 		canvas.height = document.body.clientHeight * (window.devicePixelRatio || 1)
-		var main = new output.Main(canvas);
+		var main = new output.Game(canvas);
 		var mouseEvent = main.stage.onMouseEvent.bind(main.stage);
 		canvas.addEventListener("touchstart", mouseEvent, false);
 		canvas.addEventListener('touchmove', mouseEvent, false);

module/RES.ts

-import { GDispatcher } from "../src/Main";
+import { GDispatcher } from "../src";
 
 
 interface ResData {
@@ -14,7 +14,7 @@ interface ResData {
 interface GroupInt {
     /**
      * 所有的资源名字，根据,分割，根据后缀区分类型
-     * 
+     *
      */
     keys: string;//"aa.png,bb.jpg,name.json"
     /**
@@ -110,17 +110,16 @@ export namespace RES {
     } = {}
 
     /**
-     * 
+     *
      * @param res 资源数据，就是对象，不考虑加载json先
      * res格式{
      * path:1111/
      * groups: [
      * {
-     * 
+     *
      * }
      * ];
      * }
-     * @param path 
      */
     export function loadConfig(res) {
         resData = res;
@@ -129,7 +128,7 @@ export namespace RES {
     /**
      * 根据组名加载一组资源，通常用于加载一个视图的的所有资源
      * 里的promise的resolve并没有返回值
-     * @param name 
+     * @param name
      */
     export function loadGroup(name: string): Promise<void> {
         //已经加载完成的直接返回
@@ -325,7 +324,7 @@ export namespace RES {
 
     /**
      * 获取素材，
-     * @param str 
+     * @param str
      * @return 已加载好得素材或null
      */
     export function getRes(str: string)/*: Texture | VideoEntity*/ {
@@ -392,7 +391,7 @@ export namespace RES {
 
     /**
      * 处理数据，获得所有资源单项
-     * @param name 
+     * @param name
      */
     function getGroupResByName(name: string) {
         var group: GroupInt = getGroupByName(name);
@@ -418,7 +417,7 @@ export namespace RES {
 
     /**
      * 根据名字找组
-     * @param name 
+     * @param name
      */
     function getGroupByName(name: string): GroupInt {
         var groups = resData.groups;
@@ -434,8 +433,8 @@ export namespace RES {
 
     /**
      * 新版的加载一列资源
-     * @param callback 
-     * @param arr 
+     * @param callback
+     * @param arr
      */
     function loadResList(callback: (allLoaded: boolean) => void, arr: string[]) {
         let count = 0;
@@ -453,10 +452,10 @@ export namespace RES {
     }
 
     /**
-     * 
-     * @param str 
-     * @param comFun 
-     * @param thisObj 
+     *
+     * @param str
+     * @param comFun
+     * @param thisObj
      */
     function returnSingleResPromise(str: string, comFun?: (res: any, str: string) => void, thisObj?: any) {
         //已判断是否存在
@@ -500,7 +499,7 @@ export namespace RES {
     }
     /**
      * 遍历根据名字找节点数据，只会是container的
-     * @param skinName 
+     * @param skinName
      */
     export function getSkinDataByName(skinName: string, skinNode: SkinInt = skinData): SkinInt {
         if (!skinNode || !skinNode.children || !skinNode.children.length) return null;
@@ -516,7 +515,7 @@ export namespace RES {
 
     /**
      * 通过数据创建显示对象
-     * @param data 
+     * @param data
      */
     function getDisplayByData(data: SkinInt): FYGE.Container {
         var dis: FYGE.Container;
@@ -562,7 +561,7 @@ export namespace RES {
     /**
      * 销毁组纹理
      * 线上才有用，待测试，TODO
-     * @param name 
+     * @param name
      */
     export function destroyGroup(name: string) {
         var group: GroupInt = getGroupByName(name);

module/views/layers.ts

@@ -15,15 +15,15 @@ class Layers extends FYGE.Container {
     private _shareLayer: FYGE.Container;
     init(stage: FYGE.Stage) {
         stage.addChild(this);
-        var arr = [
-            "_bottomLayer",
-            "_sceneLayer",
-            "_popupLayer",
-            "_toastLayer",
-            "_topLayer",
-            "_shareLayer"
-        ];
-        for (var i = 0; i < arr.length; i++) {
+	    const arr = [
+		    "_bottomLayer",
+		    "_sceneLayer",
+		    "_popupLayer",
+		    "_toastLayer",
+		    "_topLayer",
+		    "_shareLayer"
+	    ];
+	    for (let i = 0; i < arr.length; i++) {
             this[arr[i]] = new FYGE.Container();
             //有些时候，定宽的时候，部分layer置顶，部分居中，再处理
             //为了都置顶和置左，stage的方式永远居中视窗，要么改stage永远左上为00
@@ -35,17 +35,19 @@ class Layers extends FYGE.Container {
         //都以顶部适配
         // this.sceneLayer.y = this.stageOffsetY;
         // this.popupLayer.y = this.stageOffsetY;
-        //都以底部适配
+
+	    //都以底部适配
         // this.sceneLayer.y = -this.stageOffsetY;
         // this.popupLayer.y = -this.stageOffsetY;
-        //这个因为psd弹框不规范
+
+	    //这个因为psd弹框不规范
         // this.popupLayer.y -= 420 / 2;
 
         this.shareLayer.y = -this.stageOffsetY;
         //初始化场景层级
-        SceneCtrl.instance.init(this.sceneLayer)
+        SceneCtrl.instance.init(this.sceneLayer);
         //初始化弹框层级
-        PanelCtrl.instance.init(this.popupLayer)
+        PanelCtrl.instance.init(this.popupLayer);
 
     }
 

package.json

@@ -22,6 +22,7 @@
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.1.1",
     "@rollup/plugin-typescript": "^8.3.0",
+    "address": "^1.2.0",
     "ali-oss": "^4.11.4",
     "chalk": "^2.3.0",
     "co": "^4.6.0",

resource/skin.json

@@ -3,117 +3,5 @@
 	"y": 0,
 	"type": "container",
 	"children": [
-		{
-			"name": "LoadingScene",
-			"x": 0,
-			"y": 0,
-			"type": "container",
-			"children": [
-				{
-					"name": "LoadingSceneBg",
-					"x": 0,
-					"y": 0,
-					"type": "sprite",
-					"props": {
-						"source": "LoadingSceneBg.png"
-					}
-				},
-				{
-					"name": "LoadingSceneProBg",
-					"x": 193,
-					"y": 1064,
-					"type": "sprite",
-					"props": {
-						"source": "LoadingSceneProBg.png"
-					}
-				},
-				{
-					"name": "LoadingScenePro",
-					"x": 199,
-					"y": 1072,
-					"type": "sprite",
-					"props": {
-						"source": "LoadingScenePro.png"
-					}
-				},
-				{
-					"name": "LoadingSceneBean",
-					"x": 273,
-					"y": 572,
-					"type": "sprite",
-					"props": {
-						"source": "LoadingSceneBean.png"
-					}
-				},
-				{
-					"name": "LoadingSceneText",
-					"x": 218,
-					"y": 477,
-					"type": "text",
-					"props": {
-						"text": "最高可得1000小豆奖励",
-						"size": 30.000002081447345,
-						"fillColor": "#ffffff",
-						"textAlpha": 1
-					}
-				},
-				{
-					"name": "LoadingSceneTitle",
-					"x": 55,
-					"y": 265,
-					"type": "sprite",
-					"props": {
-						"source": "LoadingSceneTitle.png"
-					}
-				}
-			]
-		},
-		{
-			"name": "RulePanel",
-			"x": 0,
-			"y": 0,
-			"type": "container",
-			"children": [
-				{
-					"name": "RulePanelBg",
-					"x": 51,
-					"y": 330,
-					"type": "sprite",
-					"props": {
-						"source": "RulePanelBg.png"
-					}
-				},
-				{
-					"name": "RulePanelBtn",
-					"x": 235,
-					"y": 929,
-					"type": "sprite",
-					"props": {
-						"source": "RulePanelBtn.png"
-					}
-				},
-				{
-					"name": "RulePanelText",
-					"x": 138,
-					"y": 592,
-					"type": "text",
-					"props": {
-						"text": "1.本次活动的规则是\n2.本次活动的规则是这样的，那样的，开心就好\r3.本次活动的规则是这样的，那样的，开心就好。本次活动的规则是这样的，那样的，开心就好",
-						"size": 24.00000598698421,
-						"fillColor": "#b06852",
-						"textAlpha": 1
-					}
-				},
-				{
-					"name": "RulePanelTitle",
-					"x": 260,
-					"y": 498,
-					"type": "sprite",
-					"props": {
-						"source": "RulePanelTitle.png"
-					}
-				}
-			]
-		}
 	]
-}
\ No newline at end of file
+}

rollup.dev.mjs

@@ -4,6 +4,7 @@
  * Copyright © 2021 haiyoucuv. All rights reserved.
  */
 
+import address from "address";
 import chalk from 'chalk';
 import * as fs from "fs";
 import * as path from "path";
@@ -30,7 +31,7 @@ const { version } = JSON.parse(fs.readFileSync("./package.json", "utf-8"));
 watchResChange();
 
 const options = {
-	input: "src/Main.ts",
+	input: "src/index.ts",
 	cache: true,
 	output: [
 		{
@@ -72,12 +73,30 @@ const options = {
 			headers: {
 				'Access-Control-Allow-Origin': '*',
 			},
+			verbose: false,
+		}),
+		livereload({
+			verbose: false,
 		}),
-		livereload(),
 	],
 };
 
-rollup.watch(options);
+const watcher = rollup.watch(options);
+watcher.on("event", (event) => {
+	
+	switch (event.code) {
+		case "START":
+			console.clear();
+			break;
+		
+		case "END":
+			console.log(`http://localhost:${port} -> ${path.resolve(".")}`);
+			console.log(`http://${address.ip()}:${port} -> ${path.resolve(".")}`);
+			console.log(chalk.green("LiveReload enabled"));
+			break;
+	}
+	
+});
 
 /**
  * 资源变化自动刷新

rollup.prod.mjs

@@ -17,7 +17,7 @@ import BannerVariable from "./config/plugins/BannerVariable/index.mjs";
 const { version } = JSON.parse(fs.readFileSync("./package.json", "utf-8"));
 
 export default {
-	input: "src/Main.ts",
+	input: "src/index.ts",
 	output: [
 		{
 			file: "released/output.js",

src/Main.ts → src/Game.ts

@@ -7,9 +7,9 @@ import MusicBtn from "./scenes/Jump3D/MusicBtn";
 
 import { ResJson } from "./ResJson";
 import { SkinJson } from "./SkinJson";
-import { destroyTbNetData } from "./TaoBaoNet";
-import { Tools } from "./Tools";
-import { destroyWebNetData } from "./WebNet";
+import { destroyTbNetData } from "./tools/TaoBaoNet";
+import { Tools } from "./tools/Tools";
+import { destroyWebNetData } from "./tools/WebNet";
 import Tween = FYGE.Tween;
 import EventDispatcher = FYGE.EventDispatcher;
 import Stage = FYGE.Stage;
@@ -25,7 +25,7 @@ import Texture = FYGE.Texture;
  */
 export const GDispatcher = new EventDispatcher();
 
-export class Main {
+export class Game {
 	//主舞台
 	stage: Stage;
 	private requestID;

src/SkinJson.ts

@@ -2,5 +2,6 @@ export const SkinJson = {
 	"x": 0,
 	"y": 0,
 	"type": "container",
-	"children": []
+	"children": [
+	]
 }

src/common/ProgressBar.ts

-import UI from "../UI";
+import UI from "../tools/UI";
 import TEXT_ALIGN = FYGE.TEXT_ALIGN;
 import Container = FYGE.Container;
 

src/common/hoc/usePool.ts

+/*
+ * usePool.ts
+ * Created by 还有醋v on 2022/6/1.
+ * Copyright © 2022 haiyoucuv. All rights reserved.
+ */
+
+/**
+ * 使用对象池能力
+ * @param cls
+ */
+export function usePool<T extends {new (...args: any[]): any}>(cls: T) {
+	return class nCls extends cls {
+
+		static _pool: T[] = [];
+
+		static get(): T {
+			return this._pool.splice(0, 1)[0] || new nCls();
+		}
+
+		static put(obj: T) {
+			return this._pool.push(obj);
+		}
+
+	};
+}

src/index.ts

+/*
+ * index.ts
+ * Created by 还有醋v on 2022/6/2.
+ * Copyright © 2022 haiyoucuv. All rights reserved.
+ */
+
+import EventDispatcher = FYGE.EventDispatcher;
+
+export * from "./Game";
+
+export const GDispatcher = new EventDispatcher();

src/panels/HelpPanel.ts

 import { Panel } from "../../module/views/Panel";
 import { RES } from "../../module/RES";
-import { Tools } from "../Tools";
-import { sendTbNet, TbNetName } from "../TaoBaoNet";
+import { Tools } from "../tools/Tools";
+import { sendTbNet, TbNetName } from "../tools/TaoBaoNet";
 import { showToast } from "../../module/ctrls";
-import UI from "../UI";
+import UI from "../tools/UI";
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;
 

src/panels/NoTimePanel.ts

 import { changeScene } from "../../module/ctrls";
 import { Panel } from "../../module/views/Panel";
 import { IndexScene } from "../scenes/IndexScene";
-import { goTask } from "../Tools";
+import { goTask } from "../tools/Tools";
 import { RES } from "../../module/RES";
-import UI from "../UI";
+import UI from "../tools/UI";
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;
 

src/panels/OverNoPrizePanel.ts

@@ -2,9 +2,9 @@ import { changeScene, showPanel } from "../../module/ctrls";
 import { Panel } from "../../module/views/Panel";
 import { IndexScene } from "../scenes/IndexScene";
 import { LoadingScene } from "../scenes/LoadingScene";
-import { sendTbNet, TbNetName } from "../TaoBaoNet";
+import { sendTbNet, TbNetName } from "../tools/TaoBaoNet";
 import { RES } from "../../module/RES";
-import UI from "../UI";
+import UI from "../tools/UI";
 import { NoTimePanel } from "./NoTimePanel";
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;

src/panels/OverPrizePanel.ts

@@ -2,9 +2,9 @@ import { changeScene, showPanel, showToast } from "../../module/ctrls";
 import { Panel } from "../../module/views/Panel";
 import { IndexScene } from "../scenes/IndexScene";
 import { LoadingScene } from "../scenes/LoadingScene";
-import { sendTbNet, TbNetName } from "../TaoBaoNet";
+import { sendTbNet, TbNetName } from "../tools/TaoBaoNet";
 import { RES } from "../../module/RES";
-import UI from "../UI";
+import UI from "../tools/UI";
 import { NoTimePanel } from "./NoTimePanel";
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;

src/panels/RankNoPrizePanel.ts

 import { Panel } from "../../module/views/Panel";
 import { RES } from "../../module/RES";
-import UI from "../UI";
+import UI from "../tools/UI";
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;
 

src/panels/RankPanel.ts

 import { RES } from "../../module/RES";
 import { Item } from "../../module/views/Item";
 import { Panel } from "../../module/views/Panel";
-import { sendTbNet, TbNetName } from "../TaoBaoNet";
-import { Tools } from "../Tools";
-import UI from "../UI";
+import { sendTbNet, TbNetName } from "../tools/TaoBaoNet";
+import { Tools } from "../tools/Tools";
+import UI from "../tools/UI";
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;
 import ScrollList = FYGE.ScrollList;

src/panels/RankPrizePanel.ts

 import { showToast } from "../../module/ctrls";
 import { Panel } from "../../module/views/Panel";
-import { sendTbNet, TbNetName } from "../TaoBaoNet";
+import { sendTbNet, TbNetName } from "../tools/TaoBaoNet";
 import { RES } from "../../module/RES";
-import UI from "../UI";
+import UI from "../tools/UI";
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;
 import Sprite = FYGE.Sprite;

src/panels/RevivePanel.ts

 import { showToast } from "../../module/ctrls";
 import { Panel } from "../../module/views/Panel";
-import { GDispatcher } from "../Main";
-import { sendTbNet, TbNetName } from "../TaoBaoNet";
-import { Tools } from "../Tools";
+import { GDispatcher } from "../index";
+import { sendTbNet, TbNetName } from "../tools/TaoBaoNet";
+import { Tools } from "../tools/Tools";
 import { RES } from "../../module/RES";
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;

src/panels/RulePanel.ts

 import { Panel } from "../../module/views/Panel";
-import { Tools } from "../Tools";
+import { Tools } from "../tools/Tools";
 import { RES } from "../../module/RES";
-import UI from "../UI";
+import UI from "../tools/UI";
 import TextField = FYGE.TextField;
 import TEXT_lINETYPE = FYGE.TEXT_lINETYPE;
 import ScrollPage = FYGE.ScrollPage;

src/scenes/IndexScene.ts

 import { changeScene, showPanel, showToast } from "../../module/ctrls";
 import { RES } from "../../module/RES";
 import { Scene } from "../../module/views/Scene";
-import { GDispatcher } from "../Main";
+import { GDispatcher } from "../Game";
 import { HelpPanel } from "../panels/HelpPanel";
 import { NoTimePanel } from "../panels/NoTimePanel";
 import { RankNoPrizePanel } from "../panels/RankNoPrizePanel";
 import { RankPanel } from "../panels/RankPanel";
 import { RankPrizePanel } from "../panels/RankPrizePanel";
 import { RulePanel } from "../panels/RulePanel";
-import { sendTbNet, TbNetName } from "../TaoBaoNet";
-import { goMyPrize, goTask, Tools } from "../Tools";
-import UI from "../UI";
+import { sendTbNet, TbNetName } from "../tools/TaoBaoNet";
+import { goMyPrize, goTask, Tools } from "../tools/Tools";
+import UI from "../tools/UI";
 import { LoadingScene } from "./LoadingScene";
 import Button = FYGE.Button;
 import Container = FYGE.Container;

src/scenes/Jump3D/MusicBtn.ts

@@ -8,7 +8,7 @@ import Button = FYGE.Button;
 import Container = FYGE.Container;
 import Texture = FYGE.Texture;
 import MouseEvent = FYGE.MouseEvent;
-import { sendTbNet, TbNetName } from "../../TaoBaoNet";
+import { sendTbNet, TbNetName } from "../../tools/TaoBaoNet";
 
 export default class MusicBtn extends Container {
 

src/scenes/Jump3D/PlayScene.ts

@@ -5,9 +5,9 @@ import { Scene } from "../../../module/views/Scene";
 import { OverNoPrizePanel } from "../../panels/OverNoPrizePanel";
 import { OverPrizePanel } from "../../panels/OverPrizePanel";
 import { RevivePanel } from "../../panels/RevivePanel";
-import { sendTbNet, TbNetName } from "../../TaoBaoNet";
-import { sleep, Tools } from "../../Tools";
-import UI from "../../UI";
+import { sendTbNet, TbNetName } from "../../tools/TaoBaoNet";
+import { sleep, Tools } from "../../tools/Tools";
+import UI from "../../tools/UI";
 import { IndexScene } from "../IndexScene";
 import { Jump3d } from "./Jump3d";
 import MusicBtn from "./MusicBtn";

src/scenes/LoadingScene.ts

@@ -2,7 +2,7 @@ import { RES } from "../../module/RES";
 import { Scene } from "../../module/views/Scene";
 import { LoadingEffect } from "../lotties/LoadingEffect";
 import { changeScene } from "../../module/ctrls";
-import UI from "../UI";
+import UI from "../tools/UI";
 import { getBoxConfig, M_loadGLB, typeArr } from "./Jump3D/MT";
 import { PlayScene } from "./Jump3D/PlayScene";
 import Lottie = FYGE.Lottie;

src/TaoBaoNet.ts → src/tools/TaoBaoNet.ts

-import { showToast } from "../module/ctrls";
-import { GDispatcher } from "./Main";
+import { showToast } from "../../module/ctrls";
+import { GDispatcher } from "../index";
 
 //接口枚举，包括需要调用淘宝的api，用是否含有兑吧区分，或者单独区分
 export enum TbNetName {

src/Tools.ts → src/tools/Tools.ts

-import { RES } from "../module/RES";
-import { layers } from "../module/views/layers";
+import { RES } from "../../module/RES";
+import { layers } from "../../module/views/layers";
 import { sendTbNet, TbNetName } from "./TaoBaoNet";
 import Container = FYGE.Container;
 import TEXT_ALIGN = FYGE.TEXT_ALIGN;

src/UI.ts → src/tools/UI.ts

@@ -3,7 +3,7 @@
  * Created by 还有醋v on 2021/5/12.
  * Copyright © 2021 haiyoucuv. All rights reserved.
  */
-import { RES } from "../module/RES";
+import { RES } from "../../module/RES";
 import Container = FYGE.Container;
 import Button = FYGE.Button;
 import MouseEvent = FYGE.MouseEvent;

src/WebNet.ts → src/tools/WebNet.ts

-import { showToast } from "../module/ctrls";
-import { ajax, jsonp } from "../module/ajax";
-import { GDispatcher } from "./Main";
-import { getUrlParams } from "../module/tools/WebTool";
+import { showToast } from "../../module/ctrls";
+import { ajax, jsonp } from "../../module/ajax";
+import { GDispatcher } from "../index";
+import { getUrlParams } from "../../module/tools/WebTool";
 
 //////////////星速台接口方法集成
 /**

yarn.lock

@@ -167,7 +167,7 @@ acorn@^8.5.0, acorn@^8.7.0:
   resolved "http://npm.dui88.com:80/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
   integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
 
-address@>=0.0.1, address@^1.0.0:
+address@>=0.0.1, address@^1.0.0, address@^1.2.0:
   version "1.2.0"
   resolved "http://npm.dui88.com:80/address/-/address-1.2.0.tgz#d352a62c92fee90f89a693eccd2a8b2139ab02d9"
   integrity sha512-tNEZYz5G/zYunxFm7sfhAxkXEuLj3K6BKwv6ZURlsF6yiUQ65z0Q2wZW9L5cPUl9ocofGvXOdFYbFHp0+6MOig==