commit 0528d6406db9b8b887bee30893859920502b6395
Author: cuongnm2 <cuongnm@ltstech.group>
Date:   Wed May 8 18:03:33 2024 +0700

    'init'

diff --git a/.creator/asset-template/typescript/Custom Script Template Help Documentation.url b/.creator/asset-template/typescript/Custom Script Template Help Documentation.url
new file mode 100644
index 0000000..7606df0
--- /dev/null
+++ b/.creator/asset-template/typescript/Custom Script Template Help Documentation.url	
@@ -0,0 +1,2 @@
+[InternetShortcut]
+URL=https://docs.cocos.com/creator/manual/en/scripting/setup.html#custom-script-template
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..11c79ac
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,97 @@
+
+#///////////////////////////
+# Cocos Creator 3D Project
+#///////////////////////////
+library/
+temp/
+local/
+build/
+profiles/
+native_data/
+remote-assets/*
+cocos2d-x/*
+
+native/engine/*
+!native/engine/ios
+!native/engine/common
+!native/engine/android
+
+native/engine/android/app/assets
+native/engine/android/app/build
+native/engine/android/app/release
+native/engine/android/app/debug
+
+native/engine/android/instantapp/build
+native/engine/android/instantapp/debug
+native/engine/android/instantapp/release
+
+#/////////////////////////////////////////////////////////////////////////////
+# Logs and databases
+#/////////////////////////////////////////////////////////////////////////////
+
+*.log
+*.sql
+*.sqlite
+
+#/////////////////////////////////////////////////////////////////////////////
+# files for debugger
+#/////////////////////////////////////////////////////////////////////////////
+
+*.sln
+*.csproj
+*.pidb
+*.unityproj
+*.suo
+
+#//////////////////////////
+# NPM
+#//////////////////////////
+node_modules/
+
+#//////////////////////////
+# VSCode
+#//////////////////////////
+.vscode/
+node_modules/**
+mockServer/node_modules/**
+mockServer/package-lock.json
+package-lock.json
+assets/mock/
+assets/mock.meta
+node_modules
+
+#//////////////////////////
+# WebStorm
+#//////////////////////////
+.idea/
+
+#/////////////////////////////////////////////////////////////////////////////
+# OS generated files
+#/////////////////////////////////////////////////////////////////////////////
+
+*.DS_Store
+.DS_Store
+ehthumbs.db
+Thumbs.db
+
+#/////////////////////////////////////////////////////////////////////////////
+# exvim files
+#/////////////////////////////////////////////////////////////////////////////
+
+*UnityVS.meta
+*.err
+*.err.meta
+*.exvim
+*.exvim.meta
+*.vimentry
+*.vimentry.meta
+*.vimproject
+*.vimproject.meta
+.vimfiles.*/
+.exvim.*/
+quick_gen_project_*_autogen.bat
+quick_gen_project_*_autogen.bat.meta
+quick_gen_project_*_autogen.sh
+quick_gen_project_*_autogen.sh.meta
+.exvim.app
+
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..f96208d
--- /dev/null
+++ b/README.md
@@ -0,0 +1,93 @@
+# super-hero
+
+
+
+## Getting started
+
+To make it easy for you to get started with GitLab, here's a list of recommended next steps.
+
+Already a pro? Just edit this README.md and make it your own. Want to make it easy? [Use the template at the bottom](#editing-this-readme)!
+
+## Add your files
+
+- [ ] [Create](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#create-a-file) or [upload](https://docs.gitlab.com/ee/user/project/repository/web_editor.html#upload-a-file) files
+- [ ] [Add files using the command line](https://docs.gitlab.com/ee/gitlab-basics/add-file.html#add-a-file-using-the-command-line) or push an existing Git repository with the following command:
+
+```
+cd existing_repo
+git remote add origin https://gitlab.com/mango-pluton/super-hero.git
+git branch -M main
+git push -uf origin main
+```
+
+## Integrate with your tools
+
+- [ ] [Set up project integrations](https://gitlab.com/mango-pluton/super-hero/-/settings/integrations)
+
+## Collaborate with your team
+
+- [ ] [Invite team members and collaborators](https://docs.gitlab.com/ee/user/project/members/)
+- [ ] [Create a new merge request](https://docs.gitlab.com/ee/user/project/merge_requests/creating_merge_requests.html)
+- [ ] [Automatically close issues from merge requests](https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#closing-issues-automatically)
+- [ ] [Enable merge request approvals](https://docs.gitlab.com/ee/user/project/merge_requests/approvals/)
+- [ ] [Set auto-merge](https://docs.gitlab.com/ee/user/project/merge_requests/merge_when_pipeline_succeeds.html)
+
+## Test and Deploy
+
+Use the built-in continuous integration in GitLab.
+
+- [ ] [Get started with GitLab CI/CD](https://docs.gitlab.com/ee/ci/quick_start/index.html)
+- [ ] [Analyze your code for known vulnerabilities with Static Application Security Testing (SAST)](https://docs.gitlab.com/ee/user/application_security/sast/)
+- [ ] [Deploy to Kubernetes, Amazon EC2, or Amazon ECS using Auto Deploy](https://docs.gitlab.com/ee/topics/autodevops/requirements.html)
+- [ ] [Use pull-based deployments for improved Kubernetes management](https://docs.gitlab.com/ee/user/clusters/agent/)
+- [ ] [Set up protected environments](https://docs.gitlab.com/ee/ci/environments/protected_environments.html)
+
+***
+
+# Editing this README
+
+When you're ready to make this README your own, just edit this file and use the handy template below (or feel free to structure it however you want - this is just a starting point!). Thanks to [makeareadme.com](https://www.makeareadme.com/) for this template.
+
+## Suggestions for a good README
+
+Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short. If you think your README is too long, consider utilizing another form of documentation rather than cutting out information.
+
+## Name
+Choose a self-explaining name for your project.
+
+## Description
+Let people know what your project can do specifically. Provide context and add a link to any reference visitors might be unfamiliar with. A list of Features or a Background subsection can also be added here. If there are alternatives to your project, this is a good place to list differentiating factors.
+
+## Badges
+On some READMEs, you may see small images that convey metadata, such as whether or not all the tests are passing for the project. You can use Shields to add some to your README. Many services also have instructions for adding a badge.
+
+## Visuals
+Depending on what you are making, it can be a good idea to include screenshots or even a video (you'll frequently see GIFs rather than actual videos). Tools like ttygif can help, but check out Asciinema for a more sophisticated method.
+
+## Installation
+Within a particular ecosystem, there may be a common way of installing things, such as using Yarn, NuGet, or Homebrew. However, consider the possibility that whoever is reading your README is a novice and would like more guidance. Listing specific steps helps remove ambiguity and gets people to using your project as quickly as possible. If it only runs in a specific context like a particular programming language version or operating system or has dependencies that have to be installed manually, also add a Requirements subsection.
+
+## Usage
+Use examples liberally, and show the expected output if you can. It's helpful to have inline the smallest example of usage that you can demonstrate, while providing links to more sophisticated examples if they are too long to reasonably include in the README.
+
+## Support
+Tell people where they can go to for help. It can be any combination of an issue tracker, a chat room, an email address, etc.
+
+## Roadmap
+If you have ideas for releases in the future, it is a good idea to list them in the README.
+
+## Contributing
+State if you are open to contributions and what your requirements are for accepting them.
+
+For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self.
+
+You can also document commands to lint the code or run tests. These steps help to ensure high code quality and reduce the likelihood that the changes inadvertently break something. Having instructions for running tests is especially helpful if it requires external setup, such as starting a Selenium server for testing in a browser.
+
+## Authors and acknowledgment
+Show your appreciation to those who have contributed to the project.
+
+## License
+For open source projects, say how it is licensed.
+
+## Project status
+If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers.
diff --git a/assets/cc-common.meta b/assets/cc-common.meta
new file mode 100644
index 0000000..315c52a
--- /dev/null
+++ b/assets/cc-common.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "598b7e15-48c8-4351-a9e7-dfddcfd5e83d",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-common/cc-extension.meta b/assets/cc-common/cc-extension.meta
new file mode 100644
index 0000000..2a88868
--- /dev/null
+++ b/assets/cc-common/cc-extension.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "8a5893e8-f362-4b7c-97f9-88605348771d",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-common/cc-extension/UmExtension.ts b/assets/cc-common/cc-extension/UmExtension.ts
new file mode 100644
index 0000000..656ac38
--- /dev/null
+++ b/assets/cc-common/cc-extension/UmExtension.ts
@@ -0,0 +1,315 @@
+import * as cc from 'cc';
+import { Size } from 'cc';
+import { Vec3 } from 'cc';
+import { Vec2 } from 'cc';
+import { Button, Color, Label, log, math, Node, Sprite } from 'cc';
+
+declare module 'cc' {
+    interface Node {
+        setPositionX(x: number): void;
+
+        setPositionY(y: number): void;
+
+        setPositionZ(z: number): void;
+
+        changePositionX(x: number): void;
+
+        changePositionY(y: number): void;
+
+        changePositionZ(z: number): void;
+
+        setScaleX(x: number): void;
+
+        setScaleY(y: number): void;
+
+        setScaleZ(z: number): void;
+
+        logColor(title: string, data: any, color: Color): void;
+
+        setNodeActive(isActive: boolean): void;
+
+        setNodeOpacity(opacity: number): void;
+
+        getNodeOpacity(): number;
+
+        getNodeTransform(): cc.UITransform;
+
+        onFadeTo(time: number, from: number, to: number, callback?: Function): void;
+
+        onFadeIn(time: number, opacity: number, callback?: Function): void;
+
+        onFadeOut(time: number, callback?: Function): void;
+
+        getContentSize(): cc.Size;
+        setContentSize(size: cc.Size): void;
+
+    }
+
+    interface Sprite {
+        setOpacity(a: number): void;
+
+        setColor(color: Color): void;
+    }
+
+    interface Button {
+        setOpacity(a: number): void;
+
+        setBtnActive(isActive: boolean): void;
+    }
+
+    interface Label {
+        setOpacity(a: number): void;
+
+        setColor(color: Color): void;
+    }
+
+    interface Vec3 {
+        toVec2(): Vec2;
+    }
+
+    interface Vec2 {
+        toVec3(): Vec3;
+    }
+}
+
+Button.prototype.setOpacity = function (a: number): void {
+    this.node.setNodeOpacity(a);
+}
+
+Button.prototype.setBtnActive = function (isActive: boolean): void {
+    this.node.active = isActive;
+}
+
+//NODE
+Node.prototype.setNodeActive = function (isActive: boolean): void {
+    this.active = isActive;
+}
+
+Node.prototype.logColor = function (title: string, data: any, color: Color): void {
+    log(`%c ${title}`, `background: #222; color: #${color.toHEX()}`, data);
+}
+
+Node.prototype.setPositionX = function (x: number): void {
+    this.position = new math.Vec3(x, this.position.y, this.position.z);
+}
+
+Node.prototype.setPositionY = function (y: number): void {
+    this.position = new math.Vec3(this.position.x, y, this.position.z);
+}
+
+Node.prototype.setPositionZ = function (z: number): void {
+    this.position = new math.Vec3(this.position.x, this.position.y, z);
+}
+
+Node.prototype.changePositionX = function (x: number): void {
+    this.position = new math.Vec3(this.position.x + x, this.position.y, this.position.z);
+}
+
+Node.prototype.changePositionY = function (y: number): void {
+    this.position = new math.Vec3(this.position.x, this.position.y + y, this.position.z);
+}
+
+Node.prototype.changePositionZ = function (z: number): void {
+    this.position = new math.Vec3(this.position.x, this.position.y, this.position.z + z);
+}
+
+Node.prototype.setScaleX = function (x: number): void {
+    this.scale = new math.Vec3(x, this.scale.y, this.scale.z);
+}
+
+Node.prototype.setScaleY = function (y: number): void {
+    this.scale = new math.Vec3(this.scale.x, y, this.scale.z);
+}
+
+Node.prototype.setScaleZ = function (z: number): void {
+    this.scale = new math.Vec3(this.scale.x, this.scale.y, z);
+}
+
+Node.prototype.setNodeOpacity = function (opacity: number): void {
+    let uiOpacity = this.getComponent(cc.UIOpacity) as cc.UIOpacity;
+    if (uiOpacity) {
+        uiOpacity.opacity = opacity;
+    }
+    else {
+        uiOpacity = this.addComponent(cc.UIOpacity);
+        uiOpacity.opacity = opacity;
+    }
+}
+
+Node.prototype.getNodeOpacity = function (): number {
+    let uiOpacity = this.getComponent(cc.UIOpacity) as cc.UIOpacity;
+    if (uiOpacity) {
+        return uiOpacity.opacity;
+    }
+    else {
+        this.setNodeOpacity(255);
+        return 255;
+    }
+}
+
+Node.prototype.getNodeTransform = function (): cc.UITransform {
+    return this.getComponent(cc.UITransform) as cc.UITransform;
+}
+
+
+Node.prototype.getContentSize = function (): cc.Size {
+    return this.getNodeTransform().contentSize as cc.Size;
+}
+
+Node.prototype.setContentSize = function (size: cc.Size): void {
+    this.getComponent(cc.UITransform)?.setContentSize(size);
+}
+
+
+Node.prototype.onFadeTo = function (time: number, from: number, to: number, callback?: Function): void {
+    this.setNodeOpacity(from);
+    let uiOpacity = this.getComponent(cc.UIOpacity);
+    cc.tween(uiOpacity).to(time, { opacity: to }).call(() => {
+        callback?.();
+    }).start();
+}
+
+Node.prototype.onFadeIn = function (time: number, opacity: number, callback?: Function): void {
+    this.onFadeTo(time, 1, opacity, callback);
+}
+
+Node.prototype.onFadeOut = function (time: number, callback?: Function): void {
+    let opacity = this.getNodeOpacity();
+    this.onFadeTo(time, opacity, 1, callback);
+}
+
+//SPRITE
+Sprite.prototype.setOpacity = function (a: number): void {
+    this.node.setNodeOpacity(a);
+}
+
+Sprite.prototype.setColor = function (color: Color): void {
+    this.color = color;
+}
+
+//LABEL
+Label.prototype.setOpacity = function (a: number): void {
+    this.node.setNodeOpacity(a);
+}
+
+Label.prototype.setColor = function (color: Color): void {
+    this.color = color;
+}
+
+//------------------------------------------------------------------------------------------------
+
+declare global {
+    interface Number {
+        roundDigits(digits: number): number;
+        trunc(): number;
+        truncDigits(digits: number): number;
+        toFixedDown(digits: number): number;
+    }
+
+    interface String {
+        toInt(): number;
+
+        toFloat(): number;
+
+        toBoolean(): boolean;
+
+        formatWithMaxLength(maxLength: number): string;
+
+        isNullOrUndefined(): boolean;
+    }
+
+    interface Array<T> {
+        shuffleArray(): Array<T>;
+
+        toJson(): string;
+
+        clearArray(): Array<T>;
+
+        cloneArray(): Array<T>;
+    }
+}
+
+Array.prototype.shuffleArray = function () {
+    for (let i = this.length - 1; i >= 0; i--) {
+        const randomIndex = Math.floor(Math.random() * (i + 1));
+        const itemIndex = this[randomIndex];
+        this[randomIndex] = this[i];
+        this[i] = itemIndex;
+    }
+    return this;
+}
+
+Array.prototype.clearArray = function () {
+    this.splice(0, this.length);
+    return this;
+}
+
+Array.prototype.cloneArray = function () {
+    return [...this];
+}
+
+Array.prototype.toJson = function (): string {
+    return JSON.stringify(this);
+}
+
+String.prototype.toInt = function (): number {
+    if (String(this) === null || String(this) === undefined) return 0;
+    let result = Number(String(this));
+    if (Number.isNaN(result)) return 0;
+    return Math.trunc(result);
+}
+
+String.prototype.toFloat = function (): number {
+    if (String(this) === null || String(this) === undefined) return 0;
+    let result = Number(String(this));
+    if (Number.isNaN(result)) result = 0;
+    return result;
+}
+
+String.prototype.toBoolean = function (): boolean {
+    return String(this).toLowerCase() == 'true';
+}
+
+String.prototype.formatWithMaxLength = function (maxLength: number): string {
+    if (this == null || this == undefined) return "";
+    let str = String(this);
+    if (str.length > maxLength) {
+        if (str.charAt(maxLength - 1) === " ") {
+            str = `${str.substring(0, maxLength - 1)}..`;
+        }
+        else {
+            str = `${str.substring(0, maxLength)}..`;
+        }
+    }
+    return str;
+}
+
+String.prototype.isNullOrUndefined = function (): boolean {
+    return String(this) == null || String(this) == undefined;
+}
+
+Number.prototype.roundDigits = function (digits: number): number {
+    return Math.round(Number(this) * Math.pow(10, digits)) / Math.pow(10, digits);
+}
+
+Number.prototype.truncDigits = function (digits: number): number {
+    return digits > 0 ? Number(this).toFixedDown(digits) : (Math.trunc(Number(this) * Math.pow(10, digits)) / Math.pow(10, digits));
+}
+
+Number.prototype.trunc = function (): number {
+    return Math.trunc(Number(this));
+}
+
+Number.prototype.toFixedDown = function (digits: number): number {
+    var re = new RegExp("(\\d+\\.\\d{" + digits + "})(\\d)"),
+        m = Number(this).toString().match(re);
+    return m ? parseFloat(m[1]) : Number(this).valueOf();
+}
+
+Vec3.prototype.toVec2 = function (): Vec2{
+    return new Vec2(this.x, this.y);
+}
+
+Vec2.prototype.toVec3 = function (): Vec3 {
+    return new Vec3(this.x, this.y, 0);
+}
diff --git a/assets/cc-common/cc-extension/UmExtension.ts.meta b/assets/cc-common/cc-extension/UmExtension.ts.meta
new file mode 100644
index 0000000..044b89d
--- /dev/null
+++ b/assets/cc-common/cc-extension/UmExtension.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "7973cb3a-1318-4445-b663-9297df554d8c",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-rest.meta b/assets/cc-common/cc-rest.meta
new file mode 100644
index 0000000..114f500
--- /dev/null
+++ b/assets/cc-common/cc-rest.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "68bdfafd-b48a-491f-93d3-4c4e8b459d89",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-common/cc-rest/ServiceRest.ts b/assets/cc-common/cc-rest/ServiceRest.ts
new file mode 100644
index 0000000..33ad985
--- /dev/null
+++ b/assets/cc-common/cc-rest/ServiceRest.ts
@@ -0,0 +1,219 @@
+
+// Rest API to connect to server
+
+class ServiceRest {
+    request: any;
+    constructor() {
+        this.request = new XMLHttpRequest();
+    }
+    encodeQueryData(data) {
+        return Object.keys(data).map(function(key) {
+            return [key, data[key]].map(encodeURIComponent).join("=");
+        }).join("&");
+    };
+
+    get({url = '', params = {}, callback = (data) => {}, apiUrl = '', callbackErr = () => {}}) {
+        const querystring = '?' + this.encodeQueryData(params);
+        const fullURL = apiUrl + url + querystring;
+        const request = new XMLHttpRequest();
+        request.open("GET", fullURL, true);
+        request.timeout = 15000;
+        request.setRequestHeader("Content-Type","application/json;charset=UTF-8");
+        request.onreadystatechange = function () {
+            if (request.readyState == 4) {
+                //get status text
+                if (callback) {
+                    if (request.responseText) {
+                        callback(JSON.parse(request.responseText));
+                    } else {
+                        callbackErr();
+                    }
+                }
+            } else if (request.readyState === 0) {
+                callbackErr();
+            }
+            if (request.status !== 200) {
+                callbackErr();
+            }
+        };
+        request.ontimeout = function (e) {
+            callbackErr();
+        };
+        request.onerror = (e) => {
+            callbackErr();
+        };
+        request.send();
+    };
+    
+    getWithHeader({url = '', params = {}, headers = {}, callback = (data) => {}, apiUrl = '', callbackErr = () => {}}) {
+        const querystring = '?' + this.encodeQueryData(params);
+        const fullURL = apiUrl + url + querystring;
+        const request = new XMLHttpRequest();
+        request.open("GET", fullURL, true);
+        request.timeout = 15000;
+        request.setRequestHeader("Content-Type","application/json;charset=UTF-8");
+        
+        Object.keys(headers).forEach( (key) => {
+            request.setRequestHeader(key, headers[key]);
+        });
+
+        request.onreadystatechange = function () {
+            if (request.readyState == 4) {
+                //get status text
+                if (callback) {
+                    if (request.responseText) {
+                        callback(JSON.parse(request.responseText));
+                    } else {
+                        callbackErr();
+                    }
+                }
+            } else if (request.readyState === 0) {
+                callbackErr();
+            }
+            if (request.status !== 200) {
+                callbackErr();
+            }
+        };
+        request.ontimeout = function () {
+            callbackErr();
+        };
+        request.onerror = () => {
+            callbackErr();
+        };
+        request.send();
+    };
+
+    post({url = '', data = {}, callback = (data) => {}, apiUrl = '', callbackErr = () => {}}) {
+        const dataPost = this.encodeQueryData(data);
+        const fullURL = apiUrl + url;
+        const request = new XMLHttpRequest();
+        request.open('POST', fullURL, true);
+        request.timeout = 15000;
+        request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+        request.onreadystatechange = function() {
+            if(request.readyState == 4) {
+                if (request.responseText) {
+                    callback({
+                        status: request.status,
+                        data: JSON.parse(request.responseText)
+                    });
+                } else {
+                    callbackErr();
+                }
+            } else if (request.readyState === 0) {
+                callbackErr();
+            }
+            if (request.status !== 200) {
+                callbackErr();
+            }
+        };
+        request.ontimeout = function (e) {
+            callbackErr();
+        };
+        request.onerror = (e) => {
+            callbackErr();
+        };
+        request.send(dataPost);
+    };
+
+    postWithHeader ({url = '',params = {}, headers = {}, data = {}, callback = (data) => {}, apiUrl = '', callbackErr = () => {}}) {
+        const dataPost = JSON.stringify(data);
+        const querystring = '?' + this.encodeQueryData(params);
+        const fullURL = apiUrl + url + querystring;
+        const request = new XMLHttpRequest();
+        request.open('POST', fullURL, true);
+        request.timeout = 15000;
+        request.setRequestHeader('Content-type', 'application/json');
+
+        Object.keys(headers).forEach( (key) => {
+            request.setRequestHeader(key, headers[key]);
+        });
+
+        request.onreadystatechange = function() {
+            if(request.readyState == 4) {
+                if (request.responseText) {
+                    callback({
+                        status: request.status,
+                        data: JSON.parse(request.responseText)
+                    });
+                } else {
+                    callbackErr();
+                }
+            } else if (request.readyState === 0) {
+                callbackErr();
+            }
+            if (request.status !== 200) {
+                callbackErr();
+            }
+        };
+        request.ontimeout = function (e) {
+            callbackErr();
+        };
+        request.onerror = (e) => {
+            callbackErr();
+        };
+        request.send(dataPost);
+    };
+
+    postRaw({url = '', data = {}, callback = (data) => {}, apiUrl = '', callbackErr = () => {}}) {
+        const dataPost = data;
+        const fullURL = apiUrl + url;
+        const request = new XMLHttpRequest();
+        request.open('POST', fullURL, true);
+        request.timeout = 15000;
+        request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+        request.onreadystatechange = function() {
+            if(request.status == 200) {
+                callback({
+                    status: request.status,
+                    data: request.responseText
+                });
+            } else {
+                callbackErr();
+            }
+        };
+        request.ontimeout = function (e) {
+            callbackErr();
+        };
+        request.onerror = (e) => {
+            callbackErr();
+        };
+        request.send(dataPost);
+    };
+
+    put({url = '', data = {}, callback = (data) => {}, apiUrl = '', callbackErr = () => {}}) {
+        const dataPost = this.encodeQueryData(data);
+        const fullURL = apiUrl + url;
+        const request = new XMLHttpRequest();
+        request.open('PUT', fullURL, true);
+        request.timeout = 15000;
+        request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+        request.onreadystatechange = function() {
+            if(request.readyState == 4) {
+                if (request.responseText) {
+                    callback({
+                        status: request.status,
+                        data: JSON.parse(request.responseText)
+                    });
+                } else {
+                    callbackErr();
+                }
+            } else if (request.readyState === 0) {
+                callbackErr();
+            }
+            if (request.status !== 200) {
+                callbackErr();
+            }
+        };
+        request.ontimeout = function (e) {
+            callbackErr();
+        };
+        request.onerror = (e) => {
+            callbackErr();
+        };
+        request.send(dataPost);
+    };
+};
+
+const apiObject = new ServiceRest();
+export default apiObject;
diff --git a/assets/cc-common/cc-rest/ServiceRest.ts.meta b/assets/cc-common/cc-rest/ServiceRest.ts.meta
new file mode 100644
index 0000000..b5074fd
--- /dev/null
+++ b/assets/cc-common/cc-rest/ServiceRest.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "34b88a2c-4b90-41fb-9853-a9f4b18d7fee",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-ui.meta b/assets/cc-common/cc-ui.meta
new file mode 100644
index 0000000..8581a69
--- /dev/null
+++ b/assets/cc-common/cc-ui.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "0e47de47-e00e-4bca-9c0d-f48aa216de33",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-common/cc-ui/UmButtonCountdown.ts b/assets/cc-common/cc-ui/UmButtonCountdown.ts
new file mode 100644
index 0000000..38fa0ad
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmButtonCountdown.ts
@@ -0,0 +1,76 @@
+import { _decorator, CCFloat, Component, game, Game, Node, ProgressBar, tween } from 'cc';
+
+const { ccclass, property } = _decorator;
+
+@ccclass('UmButtonCountdown')
+export class UmButtonCountdown extends Component {
+    @property(ProgressBar) public barCountdown: ProgressBar = null!;
+    @property(Node) public blockInput: Node = null!;
+    @property(CCFloat) public TIME_COUNTDOWN = 10;
+    private _time_available = 0;
+    private _tween: any = null!;
+
+    onLoad() {
+        game.on(Game.EVENT_SHOW, this._onShowGame, this);
+    }
+
+    onDestroy() {
+        game.off(Game.EVENT_SHOW, this._onShowGame, this);
+    }
+
+    private _onShowGame() {
+        this._checkCountdown();
+    }
+
+    onEnable() {
+        this._checkCountdown();
+    }
+
+    private _checkCountdown() {
+        this._tween?.stop();
+        this._tween = null;
+
+        let now_time = (new Date()).getTime();
+        if (now_time >= this._time_available) {
+            this.barCountdown.progress = 0;
+            this.blockInput?.setNodeActive(false);
+            return;
+        }
+        this._startCountdown(now_time);
+    }
+
+    private _startCountdown(now_time: number) {
+        this.blockInput?.setNodeActive(true);
+        let action_time = this._time_available - now_time;
+        action_time = action_time / 1000;
+        this.barCountdown.progress = action_time / this.TIME_COUNTDOWN;
+        this.tweenBar(action_time);
+    }
+
+    onDisable() {
+        this._tween?.stop();
+        this._tween = null;
+    }
+
+    public updateTimeAvailAble() {
+        let now_time = (new Date()).getTime();
+        this._time_available = now_time + this.TIME_COUNTDOWN * 1000;
+        this._startCountdown(now_time);
+    }
+
+
+    public tweenBar(actionTime: number) {
+        this._tween = tween(this.barCountdown).to(actionTime, { progress: 0 }).call(() => {
+            this._tween = null;
+            if (this.node) {
+                this.barCountdown.progress = 0;
+                this.blockInput?.setNodeActive(false);
+            }
+        });
+
+        this._tween.start();
+    }
+
+
+}
+
diff --git a/assets/cc-common/cc-ui/UmButtonCountdown.ts.meta b/assets/cc-common/cc-ui/UmButtonCountdown.ts.meta
new file mode 100644
index 0000000..befadc2
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmButtonCountdown.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "d20cf127-1092-4170-a80d-10bcf1de194a",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-ui/UmButtonCustom.ts b/assets/cc-common/cc-ui/UmButtonCustom.ts
new file mode 100644
index 0000000..17d09d6
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmButtonCustom.ts
@@ -0,0 +1,102 @@
+import { _decorator, Button, CCFloat, Color, Label, Sprite, Vec3 } from 'cc';
+
+const { ccclass, property } = _decorator;
+
+@ccclass('UmButtonCustom')
+export class UmButtonCustom extends Button {
+    @property(Label) public lbTitle: Label = null!;
+    @property(Sprite) public spIcon: Sprite = null!;
+
+    @property(CCFloat) pressedScale: Number = 0.95;
+
+    @property(CCFloat) textPosYChange: Number = 0;
+    @property(CCFloat) iconPosYChange: Number = 0;
+
+    @property(Color) public textColorNormal: Color = new Color(255, 255, 255, 255);
+    @property(Color) public textColorPressed: Color = new Color(255, 255, 255, 180);
+
+    private _state: string = "none";
+    private _textPosY = -1001;
+    private _iconPosY = -1001;
+
+    start() {
+
+        // if (this.lbTitle) {
+        //     this._textOriginY = this.lbTitle.node.position.y;
+        //     HTLog.error("BUTTON CUSTOM ===>>> ", this.lbTitle.string, this._textOriginY);
+        // }
+
+        // if (this.spIcon) {
+        //     this._iconOriginY = this.spIcon.node.position.y;
+        // }
+    }
+
+    private _updateUINormal() {
+        if (this.lbTitle) {
+            this.lbTitle.setColor(this.textColorNormal);
+            this.lbTitle.node.setScale(Vec3.ONE);
+
+            if (this._textPosY < -1000) {
+                this._textPosY = this.lbTitle.node.position.y;
+            }
+            else {
+                this.lbTitle.node.setPositionY(this._textPosY);
+            }
+        }
+
+        if (this.spIcon) {
+            this.spIcon.setColor(this.textColorNormal);
+            this.spIcon.node.setScale(Vec3.ONE);
+
+            if (this._iconPosY < -1000) {
+                this._iconPosY = this.spIcon.node.position.y;
+            }
+            else {
+                this.spIcon.node.setPositionY(this._iconPosY);
+            }
+        }
+    }
+
+    private _updateUIPressed() {
+        if (this.lbTitle) {
+            this.lbTitle.setColor(this.textColorPressed);
+            this.lbTitle.node.setScale(new Vec3(Number(this.pressedScale), Number(this.pressedScale), 1));
+            // this.lbTitle.node.setPositionY(this.lbTitle.node.position.y - Number(this.textPosY));
+
+            if (this._textPosY < -1000) {
+                this._textPosY = this.lbTitle.node.position.y;
+            }
+            this.lbTitle.node.setPositionY(this._textPosY + Number(this.textPosYChange));
+        }
+
+        if (this.spIcon) {
+            this.spIcon.setColor(this.textColorPressed);
+            this.spIcon.node.setScale(new Vec3(Number(this.pressedScale), Number(this.pressedScale), 1));
+
+            if (this._iconPosY < -1000) {
+                this._iconPosY = this.spIcon.node.position.y;
+            }
+            this.spIcon.node.setPositionY(this._iconPosY + Number(this.iconPosYChange));
+
+        }
+    }
+
+    protected _applyTransition(state: string) {
+        super._applyTransition(state);
+        if (this._state !== state) {
+            // HTLog.log("==>ButtonCustom:  _updateSpriteTransition = ", state);
+            if (state === "normal" || state === "hover" || state === "disabled") {
+                this._updateUINormal();
+            }
+
+            if (state === "pressed") {
+                this._updateUIPressed();
+            }
+            this._state = state;
+        }
+    }
+
+
+
+}
+
diff --git a/assets/cc-common/cc-ui/UmButtonCustom.ts.meta b/assets/cc-common/cc-ui/UmButtonCustom.ts.meta
new file mode 100644
index 0000000..88ae82e
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmButtonCustom.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "671ebd34-be6b-4831-a12d-b24acdb15057",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-ui/UmDestroyItem.ts b/assets/cc-common/cc-ui/UmDestroyItem.ts
new file mode 100644
index 0000000..f45fb85
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmDestroyItem.ts
@@ -0,0 +1,14 @@
+import { _decorator, CCFloat, Component, tween } from 'cc';
+
+const { ccclass, property } = _decorator;
+
+@ccclass('UmDestroyItem')
+export class UmDestroyItem extends Component {
+    @property(CCFloat) public delayTime = 1;
+
+    onLoad() {
+        tween(this.node).delay(this.delayTime).removeSelf().call(() => {
+            this.node.destroy();
+        }).start();
+    }
+}
\ No newline at end of file
diff --git a/assets/cc-common/cc-ui/UmDestroyItem.ts.meta b/assets/cc-common/cc-ui/UmDestroyItem.ts.meta
new file mode 100644
index 0000000..514bd23
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmDestroyItem.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "64898fb7-c914-4d93-ab8d-d888fe58f811",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-ui/UmPopupBase.ts b/assets/cc-common/cc-ui/UmPopupBase.ts
new file mode 100644
index 0000000..1359879
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmPopupBase.ts
@@ -0,0 +1,241 @@
+import { _decorator, Button, CCBoolean, Component, Sprite, tween, Vec3, view, Widget } from 'cc';
+
+const { ccclass, property } = _decorator;
+
+@ccclass('UmPopupBase')
+export class UmPopupBase extends Component {
+    @property(Button) public bgBlack: Button = null!;
+    @property(Sprite) public bgPopup: Sprite = null!;
+    @property(CCBoolean) public isAnimShowHide = true;
+
+    _transitions_type: string = "Z";
+    _is_black_panel: boolean = true;
+    public popup_pos = Vec3.ZERO;
+
+    private OPACITY_BLACK = 150;
+
+    DURATION_SHOW_ZOOM = 0.35;
+    DURATION_HIDE_ZOOM = 0.35;
+    SCALE_START_SHOW_ZOOM = 0.8;
+    SCALE_END_HIDE_ZOOM = 0.8;
+
+    DURATION_SHOW_MOVE = 0.35;
+    DURATION_HIDE_MOVE = 0.35;
+
+    public static TRANSITIONS_TYPE = {
+        ZOOM_IN: "Z",
+        MOVE_IN_TOP: "T",
+        MOVE_IN_BOTTOM: "B",
+        MOVE_IN_RIGHT: "R",
+        MOVE_IN_LEFT: "L",
+    }
+
+    public static MOVE_TYPE = {
+        BOTTOM: 0,
+        TOP: 1,
+        LEFT: 2,
+        RIGHT: 3,
+        ORIGIN: 4
+    }
+
+    onLoad() {
+        if (this.bgBlack) {
+            this.bgBlack.node.on(Button.EventType.CLICK, this.onBtnCloseClicked, this);
+        }
+    }
+
+    public show(callback: Function = null!) {
+        if (this.isAnimShowHide) {
+            this._fadeInBlackPanel();
+            if (this.bgPopup) {
+                this.popup_pos = new Vec3(this.bgPopup.node.position);
+                this.bgPopup.node.setScale(new Vec3(this.SCALE_START_SHOW_ZOOM, this.SCALE_START_SHOW_ZOOM, 1));
+                tween(this.bgPopup.node).to(this.DURATION_SHOW_ZOOM, { scale: Vec3.ONE }, { easing: 'backOut' }).call(() => {
+                    if (this.bgBlack) {
+                        this.bgBlack.interactable = true;
+                    }
+                    callback?.();
+                }).start();
+                this.bgPopup.node.onFadeIn(this.DURATION_SHOW_ZOOM, 255);
+            }
+        }
+        else {
+            this.bgBlack?.setOpacity(this.OPACITY_BLACK);
+            if (this.bgBlack) {
+                this.bgBlack.interactable = true;
+            }
+            callback?.();
+        }
+    }
+
+    public hide(callback: Function = null!) {
+        if (this.isAnimShowHide) {
+            this._fadeOutBlackPanel();
+            if (this.bgPopup) {
+                let duration = this.DURATION_HIDE_ZOOM;
+                tween(this.bgPopup.node).to(duration, { scale: new Vec3(this.SCALE_END_HIDE_ZOOM, this.SCALE_END_HIDE_ZOOM, 1) }, { easing: 'backIn' }).call(() => {
+                    callback?.();
+                    this.node.destroyAllChildren();
+                    this.node.destroy();
+                }).start();
+
+                tween(this.bgPopup.node).delay(0.1).call(() => this.bgPopup.node.onFadeOut(duration)).start();
+            }
+            else {
+                callback?.();
+                this.node.destroy();
+            }
+        }
+        else {
+            callback?.();
+            this.node.destroy();
+        }
+    }
+
+    private _fadeInBlackPanel() {
+        if (this.bgBlack) {
+            this.bgBlack.node.onFadeIn(this.DURATION_SHOW_MOVE, this.OPACITY_BLACK);
+        }
+    }
+
+    private _fadeOutBlackPanel() {
+        if (this.bgBlack) {
+            this.bgBlack.node.onFadeOut(this.DURATION_HIDE_MOVE);
+        }
+    }
+
+    public showWithTransitions(type: string, isBlackPanel: boolean = true, callback: Function = null!) {
+        this._transitions_type = type;
+        this._is_black_panel = isBlackPanel;
+        if (type === UmPopupBase.TRANSITIONS_TYPE.ZOOM_IN) {
+            this.show();
+        }
+        else {
+            this.bgPopup.getComponent(Widget)?.updateAlignment();
+            let pos = new Vec3(this.bgPopup.node.position);
+            this.popup_pos = pos;
+            let new_pos = new Vec3();
+
+            switch (type) {
+                case UmPopupBase.TRANSITIONS_TYPE.MOVE_IN_TOP:
+                    {
+                        let value = view.getDesignResolutionSize().y;
+                        new_pos = new Vec3(pos.x, pos.y + value, pos.z);
+                    }
+                    break;
+
+                case UmPopupBase.TRANSITIONS_TYPE.MOVE_IN_BOTTOM:
+                    {
+                        let value = view.getDesignResolutionSize().y;
+                        new_pos = new Vec3(pos.x, pos.y - value, pos.z);
+                    }
+                    break;
+
+                case UmPopupBase.TRANSITIONS_TYPE.MOVE_IN_RIGHT:
+                    {
+                        let value = view.getDesignResolutionSize().x;
+                        new_pos = new Vec3(pos.x + value, pos.y, pos.z);
+                    }
+                    break;
+
+                case UmPopupBase.TRANSITIONS_TYPE.MOVE_IN_LEFT:
+                    {
+                        let value = view.getDesignResolutionSize().x;
+                        new_pos = new Vec3(pos.x - value, pos.y, pos.z);
+                    }
+                    break;
+            }
+
+            this.bgPopup.node.position = new_pos;
+            let duration = this.DURATION_SHOW_MOVE;
+            tween(this.bgPopup.node).to(duration, { position: pos }, { easing: 'sineOut' }).call(() => {
+                if (this.bgBlack) {
+                    this.bgBlack.interactable = true;
+                }
+                callback?.();
+            }).start();
+
+            if (isBlackPanel) {
+                this._fadeInBlackPanel();
+            }
+        }
+    }
+
+    public hideWithTransitions(callback: Function = null!) {
+        if (this._transitions_type === UmPopupBase.TRANSITIONS_TYPE.ZOOM_IN) {
+            this.hide(callback);
+        }
+        else {
+            let pos = new Vec3(this.bgPopup.node.position);
+            let new_pos = new Vec3();
+
+            switch (this._transitions_type) {
+                case UmPopupBase.TRANSITIONS_TYPE.MOVE_IN_TOP:
+                    {
+                        let value = view.getDesignResolutionSize().y;
+                        new_pos = new Vec3(pos.x, pos.y + value, pos.z);
+                    }
+                    break;
+
+                case UmPopupBase.TRANSITIONS_TYPE.MOVE_IN_BOTTOM:
+                    {
+                        let value = view.getDesignResolutionSize().y;
+                        new_pos = new Vec3(pos.x, pos.y - value, pos.z);
+                    }
+                    break;
+
+                case UmPopupBase.TRANSITIONS_TYPE.MOVE_IN_RIGHT:
+                    {
+                        let value = view.getDesignResolutionSize().x;
+                        new_pos = new Vec3(pos.x + value, pos.y, pos.z);
+                    }
+                    break;
+
+                case UmPopupBase.TRANSITIONS_TYPE.MOVE_IN_LEFT:
+                    {
+                        let value = view.getDesignResolutionSize().x;
+                        new_pos = new Vec3(pos.x - value, pos.y, pos.z);
+                    }
+                    break;
+            }
+
+            if (this._is_black_panel) {
+                this._fadeOutBlackPanel();
+            }
+
+            let duration = this.DURATION_HIDE_MOVE;
+            tween(this.bgPopup.node).to(duration, { position: new_pos }, { easing: 'sineIn' }).call(() => {
+                if (this.bgBlack) {
+                    this.bgBlack.node.active = false;
+                }
+                callback?.();
+                this.node.destroyAllChildren();
+                this.node.destroy();
+            }).start();
+        }
+    }
+
+    public setTransitionsType(transitions_type: string) {
+        this._transitions_type = transitions_type;
+    }
+
+
+    onBtnCloseClicked(button: Button) {
+        if (button) {
+            button.interactable = false;
+        }
+        this.hideWithTransitions();
+    }
+
+    closePopupWithCallBack(btn: Button, callback: Function) {
+        if (btn) {
+            btn.interactable = false;
+        }
+        this.hideWithTransitions(callback);
+    }
+
+    public onClosePopupWithAnim(isAnim: boolean = true) {
+        this.isAnimShowHide = isAnim;
+        this.hide();
+    }
+}
diff --git a/assets/cc-common/cc-ui/UmPopupBase.ts.meta b/assets/cc-common/cc-ui/UmPopupBase.ts.meta
new file mode 100644
index 0000000..6a83e81
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmPopupBase.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "7113402c-4fa5-438b-8b98-6ab75db05805",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-ui/UmSafeArena.ts b/assets/cc-common/cc-ui/UmSafeArena.ts
new file mode 100644
index 0000000..a143686
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmSafeArena.ts
@@ -0,0 +1,19 @@
+import { _decorator, Component, Node } from 'cc';
+import { UmDeviceInfo } from '../cc-util/UmDeviceInfo';
+import { SafeArea } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('UmSafeArena')
+export class UmSafeArena extends Component {
+    start() {
+        if (!UmDeviceInfo.isNative)
+            return;
+
+        let safeArena = this.node?.getComponent(SafeArea);
+        if (!safeArena)
+            return;
+
+        safeArena.enabled = true;
+    }
+}
+
diff --git a/assets/cc-common/cc-ui/UmSafeArena.ts.meta b/assets/cc-common/cc-ui/UmSafeArena.ts.meta
new file mode 100644
index 0000000..db329d5
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmSafeArena.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a20a2692-fa76-4dd1-b7df-af5e8eefb11d",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-ui/UmSliderCustom.ts b/assets/cc-common/cc-ui/UmSliderCustom.ts
new file mode 100644
index 0000000..d6ffef0
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmSliderCustom.ts
@@ -0,0 +1,31 @@
+import { _decorator, Color, EventTouch, Slider, Sprite } from 'cc';
+
+const { ccclass, property } = _decorator;
+
+@ccclass('UmSliderCustom')
+export class UmSliderCustom extends Slider {
+    public onTouchEnded: ((event?: EventTouch) => void) | undefined;
+    public onTouchCancelled: ((event?: EventTouch) => void) | undefined;
+
+    @property(Sprite) public bg: Sprite = null!;
+
+    _onTouchEnded(event?: EventTouch) {
+        super._onTouchEnded(event);
+        this.onTouchEnded?.(event);
+    }
+
+    protected _onTouchCancelled(event?: EventTouch) {
+        super._onTouchCancelled(event);
+        this.onTouchCancelled?.(event);
+    }
+
+    public setOpacity(opacity: number) {
+        this.handle?.setOpacity(opacity);
+        this.bg?.setOpacity(opacity);
+    }
+
+    public setColor(color: Color) {
+        this.bg?.setColor(color);
+        this.handle?.getComponent(Sprite)?.setColor(color);
+    }
+}
diff --git a/assets/cc-common/cc-ui/UmSliderCustom.ts.meta b/assets/cc-common/cc-ui/UmSliderCustom.ts.meta
new file mode 100644
index 0000000..696de5f
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmSliderCustom.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "56e819f4-f5b2-485d-802d-9fa9a53930e2",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-ui/UmSwitchButton.ts b/assets/cc-common/cc-ui/UmSwitchButton.ts
new file mode 100644
index 0000000..20d1cec
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmSwitchButton.ts
@@ -0,0 +1,67 @@
+import { _decorator, Button, CCFloat, Color, Label, Node, Sprite, SpriteFrame, tween, Vec3 } from 'cc';
+
+const { ccclass, property } = _decorator;
+
+@ccclass('UmSwitchButton')
+export class UmSwitchButton extends Button {
+    @property(CCFloat) public animTime = 0.1;
+    @property(Sprite) public dot: Sprite = null!;
+    @property(Label) public title: Label = null!;
+
+    @property(SpriteFrame) public spf_off: SpriteFrame = null!;
+    @property(SpriteFrame) public spf_on: SpriteFrame = null!;
+
+    @property(SpriteFrame) public spf_dot_off: SpriteFrame = null!;
+    @property(SpriteFrame) public spf_dot_on: SpriteFrame = null!;
+
+    @property(Node) public listTargetPos: Node[] = [];
+
+    public status: boolean = true;
+
+    public onSwitched: ((status: boolean) => void) | undefined;
+
+    setInitStatus(status: boolean) {
+        this.status = status;
+        this.dot.node.position = this.getDotTarget(this.status);
+        this.setSpriteFrame(status);
+    }
+
+    onClicked(btn: Button) {
+        this.interactable = false;
+        this.status = !this.status;
+        tween(this.dot.node).to(this.animTime, { position: this.getDotTarget(this.status) }).call(() => {
+            this.interactable = true;
+            this.setSpriteFrame(this.status);
+
+        }).start();
+
+        this.onSwitched?.(this.status);
+    }
+
+    getDotTarget(status: boolean): Vec3 {
+        return status ? this.listTargetPos[1].position : this.listTargetPos[0].position;
+    }
+
+    setSpriteFrame(status: boolean) {
+        if (status) {
+            this.normalSprite = this.spf_on;
+            this.dot.spriteFrame = this.spf_dot_on;
+            this.title.string = "ON";
+            this.title.node.setPositionX(-20.5);
+            this.title.setColor(new Color(83, 251, 255));
+        }
+        else {
+            this.normalSprite = this.spf_off;
+            this.dot.spriteFrame = this.spf_dot_off;
+            this.title.string = "OFF";
+            this.title.node.setPositionX(20.5);
+            this.title.setColor(new Color(105, 119, 150));
+        }
+    }
+
+    public updateTitle() {
+        this.title.string = this.status ? "ON" : "OFF";
+    }
+
+}
+
diff --git a/assets/cc-common/cc-ui/UmSwitchButton.ts.meta b/assets/cc-common/cc-ui/UmSwitchButton.ts.meta
new file mode 100644
index 0000000..d3f34fd
--- /dev/null
+++ b/assets/cc-common/cc-ui/UmSwitchButton.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "9c2cc841-bc92-4119-b61a-ae5dc2dfaf1a",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util.meta b/assets/cc-common/cc-util.meta
new file mode 100644
index 0000000..7946038
--- /dev/null
+++ b/assets/cc-common/cc-util.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "de4d2832-8795-40f8-b5c4-5addee1ed310",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-common/cc-util/UmAdsManager.ts b/assets/cc-common/cc-util/UmAdsManager.ts
new file mode 100644
index 0000000..f4dfbf2
--- /dev/null
+++ b/assets/cc-common/cc-util/UmAdsManager.ts
@@ -0,0 +1,110 @@
+import { _decorator, Component, Node } from 'cc';
+import { GameDefine } from '../../cc-game/scripts/config/GameDefine';
+import { UmLog } from './UmLog';
+import { UmNativeBridge } from './UmNativeBridge';
+import { UmClientEvent } from './UmOneToMultiListener';
+import { UmDeviceInfo } from './UmDeviceInfo';
+const { ccclass, property } = _decorator;
+
+@ccclass('UmAdsManager')
+export class UmAdsManager extends Component {
+    public static Instance: UmAdsManager = null;
+    interstitialAdCallback: any = null;
+    rewardAdCallback: any = null;
+
+    //Event
+    EVENT_BANNER_AD = "EVENT_BANNER_AD";
+    EVENT_SHOW_INTERSTITIAL_AD = "EVENT_SHOW_INTERSTITIAL_AD";
+    EVENT_SHOW_REWARD_AD = "EVENT_SHOW_REWARD_AD";
+    EVENT_BANNER_AD_POSITION = "EVENT_BANNER_AD_POSITION";
+
+    //Action
+    SHOW_ACTION_KEY = "show";
+    HIDE_ACTION_KEY = "hide";
+
+    //Banner Position
+    public static BANNER_POSITION = {
+        "BANNER_BOTTOM_LEFT": "BOTTOM_LEFT",
+        "BANNER_BOTTOM_CENTER": "BOTTOM_CENTER",
+        "BANNER_BOTTOM_RIGHT": "BOTTOM_RIGHT",
+        "BANNER_TOP_LEFT":"TOP_LEFT",
+        "BANNER_TOP_CENTER": "TOP_CENTER",
+        "BANNER_TOP_RIGHT": "TOP_RIGHT",
+    }
+
+    public static ADS_RESULT = {
+        "SUCCESS": "success",
+        "FAIL": "fail",
+    }
+
+    onLoad(): void {
+        UmAdsManager.Instance = this;
+        UmClientEvent.on(this.EVENT_SHOW_INTERSTITIAL_AD, this.onInterstitialAdCallback.bind(this));
+        UmClientEvent.on(this.EVENT_SHOW_REWARD_AD, this.onRewardCallback.bind(this));
+    }
+
+    onDestroy(): void {
+        UmClientEvent.off(this.EVENT_SHOW_INTERSTITIAL_AD, this.onInterstitialAdCallback.bind(this));
+        UmClientEvent.off(this.EVENT_SHOW_REWARD_AD, this.onRewardCallback.bind(this));
+    }
+
+    //BANNER_ADS
+    public showBanner()
+    {
+        if (!UmDeviceInfo.isMobile) return;
+        UmNativeBridge.instance.onCallNative(this.EVENT_BANNER_AD, this.SHOW_ACTION_KEY);
+    }
+
+    public hideBanner()
+    {
+        if (!UmDeviceInfo.isMobile) return;
+        UmNativeBridge.instance.onCallNative(this.EVENT_BANNER_AD, this.HIDE_ACTION_KEY);
+    }
+
+    public setBannerPosition(position: string)
+    {
+        if (!UmDeviceInfo.isMobile) return;
+        UmNativeBridge.instance.onCallNative(this.EVENT_BANNER_AD_POSITION, position);
+    }
+
+    //INTERSTITIAL_ADS
+    public showInterstitialAd(callback: any)
+    {   
+        this.interstitialAdCallback = callback;
+        if (!UmDeviceInfo.isMobile)
+        {
+            this.onInterstitialAdCallback("success");
+            return;
+        }
+
+        UmNativeBridge.instance.onCallNative(this.EVENT_SHOW_INTERSTITIAL_AD);
+    }
+
+    public onInterstitialAdCallback(params: string)
+    {
+        UmLog.log("onInterstitialAdCallback => ", params);
+        let callback = this.interstitialAdCallback;
+        callback?.(params);
+        this.interstitialAdCallback = null;
+    }
+
+    //REWARD_ADS
+    public showRewardAd(callback: any)
+    {
+        this.rewardAdCallback = callback;
+        if (!UmDeviceInfo.isMobile) {
+            this.onRewardCallback("success");
+            return;
+        }
+
+        UmNativeBridge.instance.onCallNative(this.EVENT_SHOW_REWARD_AD);
+    }
+
+    public onRewardCallback(params: string) {
+        UmLog.log("onRewardCallback => ", params);
+        let callback = this.rewardAdCallback;
+        callback?.(params);
+        this.rewardAdCallback = null;
+    }
+}
+
diff --git a/assets/cc-common/cc-util/UmAdsManager.ts.meta b/assets/cc-common/cc-util/UmAdsManager.ts.meta
new file mode 100644
index 0000000..f4dc080
--- /dev/null
+++ b/assets/cc-common/cc-util/UmAdsManager.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "ccfa1329-9b5c-44b1-a1cb-f02138b705f5",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmBuildConfig.ts b/assets/cc-common/cc-util/UmBuildConfig.ts
new file mode 100644
index 0000000..12b7604
--- /dev/null
+++ b/assets/cc-common/cc-util/UmBuildConfig.ts
@@ -0,0 +1,14 @@
+import { _decorator, Component, Node } from 'cc';
+import { BUILD_MODE, DEBUG_MODE, UmConfig } from './UmConfig';
+import { UmDeviceInfo } from './UmDeviceInfo';
+const { ccclass, property } = _decorator;
+
+@ccclass('UmBuildConfig')
+export class UmBuildConfig extends Component {
+    onLoad(): void {
+        UmConfig.BUILD_MODE = BUILD_MODE.DEBUG;
+        if (UmDeviceInfo.isAndroid)
+            UmConfig.debugMode = DEBUG_MODE.CONSOLE;
+    }
+}
+
diff --git a/assets/cc-common/cc-util/UmBuildConfig.ts.meta b/assets/cc-common/cc-util/UmBuildConfig.ts.meta
new file mode 100644
index 0000000..6defa77
--- /dev/null
+++ b/assets/cc-common/cc-util/UmBuildConfig.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "880de110-e7f2-46ea-9b7d-d73a93531ccb",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmCanvasResize.ts b/assets/cc-common/cc-util/UmCanvasResize.ts
new file mode 100644
index 0000000..4ccdaa5
--- /dev/null
+++ b/assets/cc-common/cc-util/UmCanvasResize.ts
@@ -0,0 +1,78 @@
+import { sys } from 'cc';
+import { view, ResolutionPolicy, log } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import * as cc from 'cc';
+import { UmLog } from './UmLog';
+import { UmClientEvent } from './UmOneToMultiListener';
+import { UmConfig } from './UmConfig';
+const { ccclass, property } = _decorator;
+
+@ccclass('UmCanvasResize')
+export class UmCanvasResize extends Component {
+    public static startFit: number = ResolutionPolicy.SHOW_ALL;
+    public static currentFit: number = ResolutionPolicy.FIXED_WIDTH;
+
+    onLoad() {
+        if (UmCanvasResize.isListenerCanvasResize()) {// && !document.getElementById('GameDiv')
+            window.addEventListener('resize', this._onEventCanvasResized);
+            UmCanvasResize.currentFit = Number(view.getResolutionPolicy);
+        }
+    }
+
+    onDestroy() {
+        UmCanvasResize.resetFitCanvasSize();
+    }
+
+    _onEventCanvasResized() {
+        UmLog.log("[Canvas] => _onEventCanvasResized");
+        UmCanvasResize.updateFitCanvasSize();
+    }
+
+    public static isListenerCanvasResize(): boolean {
+        if (sys.isBrowser) {
+            if (sys.isMobile) return true;
+
+            if (UmConfig.isModeDebug) {
+                let url = window.location.href;
+                if (url?.length > 0 && url.includes("http://localhost:")) {
+                    return true;
+                }
+            }
+
+        }
+        return false;
+    }
+
+    public static updateFitCanvasSize() {
+        const viewSize = cc.screen.windowSize;
+        const designSize = view.getDesignResolutionSize();
+        let windowWidth = viewSize.width;
+        let windowHeight = viewSize.height;
+        let windowRatio = windowWidth * 1.0 / windowHeight;
+        const designRatio = designSize.width * 1.0 / designSize.height;
+        let height = designSize.height;
+        if (windowRatio <= designRatio) {
+            height = designSize.width / viewSize.width * viewSize.height;
+            UmCanvasResize.currentFit = ResolutionPolicy.FIXED_WIDTH;
+            log("[Canvas] => updateFitCanvasSize ==> ", designSize.width, height, " ==> FIT_WIDTH");
+        }
+        else {
+            UmCanvasResize.currentFit = ResolutionPolicy.SHOW_ALL
+            log("[Canvas] => updateFitCanvasSize ==> ", designSize.width, height, " ==> FIT_SHOW_ALL");
+        }
+        view.setResolutionPolicy(UmCanvasResize.currentFit);
+        UmClientEvent.dispatchEvent("canvas-resize");
+    }
+
+    public static updateCurrentFitCanvasSize() {
+        log("[Canvas] => updateCurrentFitCanvasSize");
+        view.setResolutionPolicy(UmCanvasResize.currentFit);
+    }
+
+    public static resetFitCanvasSize() {
+        if (UmCanvasResize.isListenerCanvasResize()) {
+            view.setResolutionPolicy(UmCanvasResize.startFit);
+        }
+    }
+}
+
diff --git a/assets/cc-common/cc-util/UmCanvasResize.ts.meta b/assets/cc-common/cc-util/UmCanvasResize.ts.meta
new file mode 100644
index 0000000..467d454
--- /dev/null
+++ b/assets/cc-common/cc-util/UmCanvasResize.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "7f0739c2-588e-4e1c-891f-9fa62e6a6e21",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmConfig.ts b/assets/cc-common/cc-util/UmConfig.ts
new file mode 100644
index 0000000..e95ea5b
--- /dev/null
+++ b/assets/cc-common/cc-util/UmConfig.ts
@@ -0,0 +1,70 @@
+import { sys } from "cc";
+
+export enum BUILD_MODE {
+    DEBUG = 0,
+    RELEASE = 1
+}
+
+export enum DEBUG_MODE {
+    NONE = 0,
+    CC = 1,
+    CONSOLE = 2,
+}
+
+export class UmConfig {
+    private static DEBUG_MODE: number = DEBUG_MODE.CC;
+    public static BUILD_MODE: number = BUILD_MODE.DEBUG;
+    static CLIENT_VERSION: string = "0.0.1";
+
+    public static get platform(): string {
+        let platform_name = "";
+        if (sys.isBrowser) {
+            platform_name = "web";
+        }
+        else if (sys.OS.ANDROID == sys.os) {
+            platform_name = "android";
+        }
+        else if (sys.OS.IOS == sys.os) {
+            platform_name = "ios";
+        }
+        else if (sys.OS.WINDOWS == sys.os) {
+            platform_name = "windows";
+        }
+        else if (sys.OS.OSX == sys.os) {
+            platform_name = "macintosh";
+        }
+        return platform_name;
+    }
+
+    public static get debugMode(): DEBUG_MODE {
+        switch (this.DEBUG_MODE) {
+            case 0:
+                return DEBUG_MODE.NONE;
+            case 1:
+                return DEBUG_MODE.CC;
+            case 2:
+                return DEBUG_MODE.CONSOLE;
+        }
+        return DEBUG_MODE.NONE;
+    }
+
+    public static set debugMode(value: DEBUG_MODE)
+    {
+        if (this.BUILD_MODE == BUILD_MODE.RELEASE)
+            this.DEBUG_MODE = DEBUG_MODE.NONE;
+        else
+            this.DEBUG_MODE = value;
+    }
+
+    public static get isRoundMoney(): boolean {
+        return true;
+    }
+
+    public static get digitRound(): number {
+        return 0;
+    }
+
+    public static get isModeDebug(): boolean {
+        return this.debugMode != DEBUG_MODE.NONE;
+    }
+}
diff --git a/assets/cc-common/cc-util/UmConfig.ts.meta b/assets/cc-common/cc-util/UmConfig.ts.meta
new file mode 100644
index 0000000..7f4ab51
--- /dev/null
+++ b/assets/cc-common/cc-util/UmConfig.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "eaffae53-cf12-483c-9bd6-c5430cac3a6b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmDeviceInfo.ts b/assets/cc-common/cc-util/UmDeviceInfo.ts
new file mode 100644
index 0000000..781bbb0
--- /dev/null
+++ b/assets/cc-common/cc-util/UmDeviceInfo.ts
@@ -0,0 +1,123 @@
+import * as cc from 'cc';
+import { sys } from 'cc';
+import { UmUtil } from './UmUtil';
+
+export class UmDeviceInfo {
+    public static safeArenaViewSize: cc.Size = cc.Size.ZERO;
+
+    public static DEVICE_INFO = {
+        os: sys.os,
+        osVersion: sys.osVersion,
+        platform: sys.platform,
+        browser: sys.browserType,
+        browserVersion: sys.browserVersion,
+        language: sys.language,
+        ssid: UmUtil.uuid(),
+        model: UmDeviceInfo.getModel(),
+        manufactor: UmDeviceInfo.getManufactor()
+    };
+
+    public static get device_info() {
+        return UmDeviceInfo.DEVICE_INFO;
+    }
+
+    public static getUUID(): string {
+        return UmUtil.uuid();
+    }
+
+    public static getModel(): string {
+        let result = "";
+        if (!sys.isBrowser) {
+            if (sys.os == sys.OS.ANDROID) {
+                result = cc.native.reflection.callStaticMethod("com/cocos/game/AppActivity", "getModel", "()Ljava/lang/String;");
+            }
+            else if (sys.os == sys.OS.IOS) {
+                result = cc.native.reflection.callStaticMethod("NativeBridge", "GetModel:", "0");
+            }
+        }
+        // console.log("getModel  ==> ", result);
+        return result;
+    }
+
+    public static getManufactor(): string {
+        let result = "";
+        if (!sys.isBrowser) {
+            if (sys.os == sys.OS.ANDROID) {
+                result = cc.native.reflection.callStaticMethod("com/cocos/game/AppActivity", "getManufactor", "()Ljava/lang/String;");
+            }
+            else if (sys.os == sys.OS.IOS) {
+                result = "apple";
+            }
+        }
+        // console.log("getManufactor  ==> ", result);
+        return result;
+    }
+
+    public static setSafeArenaViewSize(size: cc.Size) {
+        UmDeviceInfo.safeArenaViewSize = size;
+    }
+
+    public static get isMobile(): boolean {
+        return cc.sys.isMobile;
+    }
+
+    public static get isAndroid(): boolean {
+        return cc.sys.os == cc.sys.OS.ANDROID;
+    }
+
+    public static get isIos(): boolean {
+        return cc.sys.os == cc.sys.OS.IOS;
+    }
+
+    public static get isBrowser(): boolean {
+        return cc.sys.isBrowser;
+    }
+
+    public static get isNative(): boolean {
+        return !this.isBrowser;
+    }
+
+    public static get isIosNative(): boolean {
+        return this.isNative && this.isIos;
+    }
+
+    public static get isAndroidNative(): boolean {
+        return this.isNative && this.isAndroid;
+    }
+
+    public static get isDesktopBrowser(): boolean {
+        return this.isBrowser && !this.isMobile;
+    }
+
+    public static get isMobileBrowser(): boolean {
+        return this.isBrowser && this.isMobile;
+    }
+
+    public static get isAndroidBrowser(): boolean {
+        return this.isBrowser && this.isAndroid;
+    }
+
+    public static get isIosBrowser(): boolean {
+        return this.isBrowser && this.isIos;
+    }
+
+    public static get isCanVibrate() {
+        if (this.isMobile) {
+            if (this.isBrowser && this.isIos) {
+                return false;
+            }
+            else {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    public static get browserType(): string {
+        return cc.sys.browserType.toString().toLocaleLowerCase();
+    }
+
+    public static get isBrowserSafari(): boolean {
+        return this.isBrowser && this.browserType == 'safari';
+    }
+}
diff --git a/assets/cc-common/cc-util/UmDeviceInfo.ts.meta b/assets/cc-common/cc-util/UmDeviceInfo.ts.meta
new file mode 100644
index 0000000..e5caa14
--- /dev/null
+++ b/assets/cc-common/cc-util/UmDeviceInfo.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "01b1b287-2fc9-482e-806c-33e7f274599e",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmLog.ts b/assets/cc-common/cc-util/UmLog.ts
new file mode 100644
index 0000000..95bef42
--- /dev/null
+++ b/assets/cc-common/cc-util/UmLog.ts
@@ -0,0 +1,56 @@
+import { debug, error, log, warn } from "cc";
+import { UmConfig, DEBUG_MODE } from "./UmConfig";
+
+export class UmLog {
+    public static log(message?: any, ...optionalParams: any[]): void {
+        switch (UmConfig.debugMode) {
+            case DEBUG_MODE.NONE:
+                break;
+            case DEBUG_MODE.CC:
+                log(message, ...optionalParams);
+                break;
+            case DEBUG_MODE.CONSOLE:
+                console.log(message, ...optionalParams);
+                break;
+        }
+    }
+
+    public static error(message?: any, ...optionalParams: any[]): void {
+        switch (UmConfig.debugMode) {
+            case DEBUG_MODE.NONE:
+                break;
+            case DEBUG_MODE.CC:
+                error(message, ...optionalParams);
+                break;
+            case DEBUG_MODE.CONSOLE:
+                console.error(message, ...optionalParams);
+                break;
+        }
+    }
+
+    public static warn(message?: any, ...optionalParams: any[]): void {
+        switch (UmConfig.debugMode) {
+            case DEBUG_MODE.NONE:
+                break;
+            case DEBUG_MODE.CC:
+                warn(message, ...optionalParams);
+                break;
+            case DEBUG_MODE.CONSOLE:
+                console.warn(message, ...optionalParams);
+                break;
+        }
+    }
+
+    public static debug(message?: any, ...optionalParams: any[]): void {
+        switch (UmConfig.debugMode) {
+            case DEBUG_MODE.NONE:
+                break;
+            case DEBUG_MODE.CC:
+                debug(message, ...optionalParams);
+                break;
+            case DEBUG_MODE.CONSOLE:
+                console.debug(message, ...optionalParams);
+                break;
+        }
+    }
+}
\ No newline at end of file
diff --git a/assets/cc-common/cc-util/UmLog.ts.meta b/assets/cc-common/cc-util/UmLog.ts.meta
new file mode 100644
index 0000000..af805f2
--- /dev/null
+++ b/assets/cc-common/cc-util/UmLog.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "fa9c8741-326d-40b2-811d-ab100ea26862",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmMoneyFormat.ts b/assets/cc-common/cc-util/UmMoneyFormat.ts
new file mode 100644
index 0000000..5e3ecfa
--- /dev/null
+++ b/assets/cc-common/cc-util/UmMoneyFormat.ts
@@ -0,0 +1,98 @@
+import { UmConfig } from './UmConfig';
+
+declare global {
+    interface Number {
+        toMoneyKMB(digits: number): string;
+        toStringWithPlusSymbol(isPlusZero?: boolean): string;
+        formatMoney(): string;
+        formatInt(): string;
+        formatNumberLessThan10(): string;
+        formatMoneyKMB(): string;
+        formatMoneyInTable(): string;
+        pformatMoneyWC(): string;
+    }
+}
+
+Number.prototype.toMoneyKMB = function (digits: number): string {
+    var si = [
+        { value: 1, symbol: "" },
+        { value: 1E3, symbol: "K" },
+        { value: 1E6, symbol: "M" },
+        { value: 1E9, symbol: "B" },
+        { value: 1E12, symbol: "T" },
+        { value: 1E15, symbol: "P" },
+        { value: 1E18, symbol: "E" }
+    ];
+    var rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
+    var i;
+    let number = Number(this);
+    let abs_number = Math.abs(number);
+
+    for (i = si.length - 1; i > 0; i--) {
+        if (abs_number >= si[i].value) {
+            break;
+        }
+    }
+    return (number / si[i].value).truncDigits(digits).toString().replace(rx, "$1") + si[i].symbol;
+}
+
+Number.prototype.toStringWithPlusSymbol = function (isPlusZero?: boolean): string {
+    if (isPlusZero) {
+        return this >= 0 ? `+${this.formatMoneyInTable()}` : this.formatMoneyInTable();
+    }
+    else {
+        return this > 0 ? `+${this.formatMoneyInTable()}` : this.formatMoneyInTable();
+    }
+}
+
+Number.prototype.formatMoney = function (): string {
+    // let format = Number(this).truncDigits(4).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    let str = Number(this).truncDigits(UmConfig.digitRound).toString();
+    let regx = /(\d{1,3})(\d{3}(?:,|$))/;
+    let currStr;
+    do {
+        currStr = (currStr || str.split(`.`)[0]).replace(regx, `$1,$2`)
+    } while (currStr.match(regx)) //Stop when there's no match & null's returned
+    return (str.split(`.`)[1]) ? currStr.concat(`.`, str.split(`.`)[1]) : currStr;
+}
+
+Number.prototype.formatInt = function (): string {
+    return Number(this).roundDigits(0).toLocaleString('en-US');
+}
+
+Number.prototype.formatNumberLessThan10 = function (): string {
+    return ('0' + Number(this)).slice(-2);
+}
+
+Number.prototype.formatMoneyKMB = function (): string {
+    if (UmConfig.isRoundMoney) {
+        return Number(this).toMoneyKMB(1);
+    }
+    else {
+        return Number(this).formatMoney();
+    }
+}
+
+Number.prototype.formatMoneyInTable = function (): string {
+    let number = Number(this);
+    if (UmConfig.isRoundMoney) {
+        if (Math.abs(number) < 10000) {
+            return number.formatMoney();
+        }
+        else {
+            return number.toMoneyKMB(1);
+        }
+    }
+    else {
+        if (Math.abs(number) < 1000) {
+            return number.formatMoney();
+        }
+        else {
+            return number.toMoneyKMB(1);
+        }
+    }
+}
+
+Number.prototype.pformatMoneyWC = function (): string {
+    return Number(this).formatMoney();
+}
\ No newline at end of file
diff --git a/assets/cc-common/cc-util/UmMoneyFormat.ts.meta b/assets/cc-common/cc-util/UmMoneyFormat.ts.meta
new file mode 100644
index 0000000..fb6db4e
--- /dev/null
+++ b/assets/cc-common/cc-util/UmMoneyFormat.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "60cdf1b9-fb63-400b-b752-d1c1913f9eca",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmNativeBridge.ts b/assets/cc-common/cc-util/UmNativeBridge.ts
new file mode 100644
index 0000000..63efa84
--- /dev/null
+++ b/assets/cc-common/cc-util/UmNativeBridge.ts
@@ -0,0 +1,80 @@
+import * as cc from 'cc';
+import { _decorator, Component } from 'cc';
+import { UmDeviceInfo } from './UmDeviceInfo';
+import { UmClientEvent } from './UmOneToMultiListener';
+
+const { ccclass, property } = _decorator;
+
+@ccclass('UmNativeBridge')
+export class UmNativeBridge extends Component {
+    static _instance: UmNativeBridge;
+    static get instance() {
+        if (UmNativeBridge._instance) {
+            return UmNativeBridge._instance;
+        }
+
+        UmNativeBridge._instance = new UmNativeBridge();
+        return UmNativeBridge._instance;
+    }
+
+    public vibrate() {
+        //check web desktop
+        if (UmDeviceInfo.isDesktopBrowser)
+            return;
+
+        //check mobile browser (ios can not vibrate in browser)
+        if (UmDeviceInfo.isMobileBrowser && !UmDeviceInfo.isIos) {
+            navigator?.vibrate([500]);
+            return;
+        }
+
+        //check native
+        if (!UmDeviceInfo.isNative)
+            return;
+
+        //android native
+        if (UmDeviceInfo.isAndroid) {
+            cc.native.reflection.callStaticMethod("com/cocos/game/AppActivity", "vibrate", "(I)V", 600);
+            return;
+        }
+
+        //ios native
+        if (UmDeviceInfo.isIos) {
+            cc.native.reflection.callStaticMethod("NativeBridge", "VibrateWithIntensity:", "0.5");
+            return;
+        }
+        
+    }
+
+    public getTokenFromDeepLink(): string {
+        if (UmDeviceInfo.isAndroidNative) {
+            return cc.native.reflection.callStaticMethod("com/cocos/game/AppActivity", "getTokenFromDeepLink", "()Ljava/lang/String;");
+        }
+        
+        if (UmDeviceInfo.isIosNative) {
+            return cc.native.reflection.callStaticMethod("NativeBridge", "GetTokenFromDeepLink:", "0");
+        }
+
+        return "";
+    }
+
+    public onCallNative(evt: string, content: string = "") {
+        if (UmDeviceInfo.isAndroidNative) {
+            return cc.native.reflection.callStaticMethod("com/cocos/game/AppActivity", "onCallFromJavascript", "(Ljava/lang/String;Ljava/lang/String;)V", evt, content);
+        }
+
+        // if (UmDeviceInfo.isIosNative) {
+        //     return cc.native.reflection.callStaticMethod("NativeBridge", "GetTokenFromDeepLink:", "0");
+        // }
+    }
+
+    public onNativeCallJS(evt: string, params: string)
+    {
+        UmClientEvent.dispatchEvent(evt, params);
+    }
+}
+
+window.NativeCallJS = (evt: string, params: string) => {
+    console.log('NativeCallJS------------------------>   EVT ' + typeof evt + ' = ' + evt + " ==>>    " + params);
+    UmNativeBridge.instance.onNativeCallJS(evt, params);
+}
diff --git a/assets/cc-common/cc-util/UmNativeBridge.ts.meta b/assets/cc-common/cc-util/UmNativeBridge.ts.meta
new file mode 100644
index 0000000..9548830
--- /dev/null
+++ b/assets/cc-common/cc-util/UmNativeBridge.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "4bdd59f4-01a6-4c68-ab32-c199366aae2f",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmOneToMultiListener.ts b/assets/cc-common/cc-util/UmOneToMultiListener.ts
new file mode 100644
index 0000000..bcc0819
--- /dev/null
+++ b/assets/cc-common/cc-util/UmOneToMultiListener.ts
@@ -0,0 +1,101 @@
+// Learn cc.Class:
+//  - [Chinese] http://docs.cocos.com/creator/manual/zh/scripting/class.html
+//  - [English] http://www.cocos2d-x.org/docs/creator/en/scripting/class.html
+// Learn Attribute:
+//  - [Chinese] http://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html
+//  - [English] http://www.cocos2d-x.org/docs/creator/en/scripting/reference/attributes.html
+// Learn life-cycle callbacks:
+//  - [Chinese] http://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html
+//  - [English] http://www.cocos2d-x.org/docs/creator/en/scripting/life-cycle-callbacks.html
+
+import { _decorator, error } from "cc";
+
+const { ccclass } = _decorator;
+
+@ccclass("UmOneToMultiListener")
+export class UmOneToMultiListener {
+    static handlers: { [name: string]: { handler: Function, target: any }[] };
+    static supportEvent: { [name: string]: string };
+
+    public static on(eventName: string, handler: Function, target?: any) {
+        const objHandler = { handler: handler, target: target };
+        let handlerList = this.handlers[eventName];
+        if (!handlerList) {
+            handlerList = [];
+            this.handlers[eventName] = handlerList;
+        }
+
+        for (var i = 0; i < handlerList.length; i++) {
+            if (!handlerList[i]) {
+                handlerList[i] = objHandler;
+                return i;
+            }
+        }
+
+        handlerList.push(objHandler);
+
+        return handlerList.length;
+    };
+
+    public static off(eventName: string, handler: Function, target?: any) {
+        const handlerList = this.handlers[eventName];
+
+        if (!handlerList) {
+            return;
+        }
+
+        for (let i = 0; i < handlerList.length; i++) {
+            const oldObj = handlerList[i];
+            if (oldObj.handler === handler && (!target || target === oldObj.target)) {
+                handlerList.splice(i, 1);
+                break;
+            }
+        }
+    };
+
+    public static offAll() {
+        this.handlers = {};
+    }
+
+    public static dispatchEvent(eventName: string, ...args: any[]) {
+        const handlerList = this.handlers[eventName];
+
+        const params = [];
+        let i;
+        for (i = 1; i < arguments.length; i++) {
+            params.push(arguments[i]);
+        }
+
+        if (!handlerList) {
+            return;
+        }
+
+        for (i = 0; i < handlerList.length; i++) {
+            const objHandler = handlerList[i];
+            if (objHandler.handler) {
+                objHandler.handler.apply(objHandler.target, args);
+            }
+        }
+    };
+
+    public static setSupportEventList(arrSupportEvent: string[]) {
+        if (!(arrSupportEvent instanceof Array)) {
+            error("supportEvent was not array");
+            return false;
+        }
+
+        this.supportEvent = {};
+        for (let i in arrSupportEvent) {
+            const eventName = arrSupportEvent[i];
+            this.supportEvent[eventName] = i;
+        }
+
+
+        return true;
+    };
+}
+
+@ccclass("clientEventUm")
+export class UmClientEvent extends UmOneToMultiListener {
+    static handlers = {};
+}
diff --git a/assets/cc-common/cc-util/UmOneToMultiListener.ts.meta b/assets/cc-common/cc-util/UmOneToMultiListener.ts.meta
new file mode 100644
index 0000000..6dbbe52
--- /dev/null
+++ b/assets/cc-common/cc-util/UmOneToMultiListener.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a92f3f99-339e-4b5f-b6ee-bcab5df4aa36",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmStorageManager.ts b/assets/cc-common/cc-util/UmStorageManager.ts
new file mode 100644
index 0000000..1d5499c
--- /dev/null
+++ b/assets/cc-common/cc-util/UmStorageManager.ts
@@ -0,0 +1,98 @@
+import { _decorator, Component } from 'cc';
+
+const { ccclass, property } = _decorator;
+
+@ccclass('UmStorageManager')
+export class UmStorageManager extends Component {
+    static _instance: UmStorageManager;
+
+    private _user_id: string = "";
+    static get instance() {
+        if (UmStorageManager._instance) {
+            return UmStorageManager._instance;
+        }
+
+        UmStorageManager._instance = new UmStorageManager();
+        UmStorageManager._instance.initData();
+        return UmStorageManager._instance;
+    }
+
+    initData() {
+        this._user_id = this.getUserId();
+    }
+
+    getNumberByKey(key: string, default_value: number = 0, isUser: boolean = false): number {
+        key = this._convertKey(key, isUser);
+        let result = localStorage.getItem(key);
+        return result ? Number(result) : default_value;
+    }
+
+    public setNumberByKey(key: string, value: number, isUser: boolean = false) {
+        key = this._convertKey(key, isUser);
+        localStorage.setItem(key, value.toString());
+    }
+
+    public getStringByKey(key: string, default_value: string = "", isUser: boolean = false): string {
+        key = this._convertKey(key, isUser);
+        let result = localStorage.getItem(key);
+        return result ? result : default_value;
+    }
+
+    public setStringByKey(key: string, value: string, isUser: boolean = false) {
+        key = this._convertKey(key, isUser);
+        localStorage.setItem(key, value);
+    }
+
+    public getBooleanByKey(key: string, default_value: boolean = false, isUser: boolean = false): boolean {
+        key = this._convertKey(key, isUser);
+        let result = localStorage.getItem(key);
+        if (result) {
+            return result === "true" ? true : false;
+        }
+        else {
+            return default_value;
+        }
+    }
+
+    public setBooleanByKey(key: string, value: boolean, isUser: boolean = true) {
+        key = this._convertKey(key, isUser);
+        localStorage.setItem(key, value ? "true" : "false");
+    }
+
+    public removeKey(key: string)
+    {
+        localStorage.removeItem(key);
+    }
+
+    public removeAllKey()
+    {
+        localStorage.clear();
+    }
+
+    private _convertKey(key: string, isUser: boolean): string {
+        if (isUser) {
+            key = this._user_id + key;
+        }
+        return key;
+    }
+
+    public encrypt(input: string): string {
+        return input?.length > 0 ? btoa(new TextEncoder().encode(input).toString()) : "";
+    }
+
+    public decrypt(input: string): string {
+        return input?.length > 0 ? new TextDecoder().decode(new Uint8Array(atob(input).split(',').map((s: string) => { return Number(s) }))).toString() : "";
+    }
+
+    //------- USER ID ----------------------------------
+    public setUserId(userId: string) {
+        this._user_id = userId;
+        localStorage.setItem("user_id", userId);
+    }
+
+    public getUserId(): string {
+        let result = localStorage.getItem("user_id");
+        return result ? result : "";
+    }
+
+}
diff --git a/assets/cc-common/cc-util/UmStorageManager.ts.meta b/assets/cc-common/cc-util/UmStorageManager.ts.meta
new file mode 100644
index 0000000..62ba029
--- /dev/null
+++ b/assets/cc-common/cc-util/UmStorageManager.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "1a710ebb-0de5-45e0-938a-c40324678c94",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-common/cc-util/UmUtil.ts b/assets/cc-common/cc-util/UmUtil.ts
new file mode 100644
index 0000000..b746d5d
--- /dev/null
+++ b/assets/cc-common/cc-util/UmUtil.ts
@@ -0,0 +1,753 @@
+import * as cc from "cc";
+import { Vec2 } from "cc";
+import { Color } from "cc";
+import { _decorator, ITweenOption, Node, sp, Tween, tween, UIOpacity, UITransform, Vec3 } from "cc";
+
+const { ccclass, property } = _decorator;
+
+declare const pako: any;
+
+@ccclass("UmUtil")
+export class UmUtil {
+    /**
+     * !#zh 拷贝object。
+     */
+    public static clone(sObj: any) {
+        if (sObj === null || typeof sObj !== "object") {
+            return sObj;
+        }
+
+        let s: any = {};
+        if (sObj.constructor === Array) {
+            s = [];
+        }
+
+        for (const i in sObj) {
+            if (sObj.hasOwnProperty(i)) {
+                s[i] = this.clone(sObj[i]);
+            }
+        }
+
+        return s;
+    }
+
+    /**
+     * 将object转化为数组。
+     */
+    public static objectToArray(srcObj: any) {
+
+        const resultArr = [];
+
+        // to array
+        for (let key in srcObj) {
+            if (!srcObj.hasOwnProperty(key)) {
+                continue;
+            }
+
+            resultArr.push(srcObj[key]);
+        }
+
+        return resultArr;
+    }
+
+    /**
+     * !#zh 将数组转化为object。
+     */
+    public static arrayToObject(srcObj: any, objectKey: any) {
+
+        const resultObj: any = {};
+
+        // to object
+        for (let key in srcObj) {
+            if (!srcObj.hasOwnProperty(key) || !srcObj[key][objectKey]) {
+                continue;
+            }
+
+            resultObj[srcObj[key][objectKey]] = srcObj[key];
+        }
+
+        return resultObj;
+    }
+
+    // 根据权重,计算随机内容
+    public static getWeightRandIndex(weightArr: any, totalWeight: number) {
+        const randWeight = Math.floor(Math.random() * totalWeight);
+        let sum = 0;
+        let weightIndex = 0;
+        for (weightIndex; weightIndex < weightArr.length; weightIndex++) {
+            sum += weightArr[weightIndex];
+            if (randWeight < sum) {
+                break;
+            }
+        }
+
+        return weightIndex;
+    }
+
+    /**
+     * 从n个数中获取m个随机数
+     * @param {Number} n   总数
+     * @param {Number} m    获取数
+     * @returns {Array} array   获取数列
+     */
+    public static getRandomNFromM(n: number, m: number) {
+        const array: number[] = [];
+        let intRd = 0;
+        let count = 0;
+
+        while (count < m) {
+            if (count >= n + 1) {
+                break;
+            }
+
+            intRd = this.getRandomInt(0, n);
+            let flag = 0;
+            for (let i = 0; i < count; i++) {
+                if (array[i] === intRd) {
+                    flag = 1;
+                    break;
+                }
+            }
+
+            if (flag === 0) {
+                array[count] = intRd;
+                count++;
+            }
+        }
+
+        return array;
+    }
+
+    public static getRandomInt(min: number, max: number) {
+        const r = Math.random();
+        const rr = r * (max - min + 1) + min;
+        return Math.floor(rr);
+    }
+
+    public static getStringLength(render: string) {
+        const strArr = render;
+        let len = 0;
+        for (let i = 0, n = strArr.length; i < n; i++) {
+            const val = strArr.charCodeAt(i);
+            if (val <= 255) {
+                len = len + 1;
+            }
+            else {
+                len = len + 2;
+            }
+        }
+
+        return Math.ceil(len / 2);
+    }
+
+    /**
+     * 判断传入的参数是否为空的Object。数组或undefined会返回false
+     * @param obj
+     */
+    public static isEmptyObject(obj: any) {
+        let result = true;
+        if (obj && obj.constructor === Object) {
+            for (const key in obj) {
+                if (obj.hasOwnProperty(key)) {
+                    result = false;
+                    break;
+                }
+            }
+        }
+        else {
+            result = false;
+        }
+
+        return result;
+    }
+
+    public static formatNum(num: number) {
+        // 0 和负数均返回 NaN。特殊处理。
+        if (num <= 0) {
+            return '0';
+        }
+
+        const k = 1000;
+        const sizes = ['', '', 'K', 'M', 'B'];
+        const i = Math.round(Math.log(num) / Math.log(k));
+        return parseInt((num / (Math.pow(k, i - 1 < 0 ? 0 : i - 1))).toString(), 10) + sizes[i];
+    }
+
+    public static formatMoneyWithFraction(num: number, fraction?: number) {
+        return num.toFixed(fraction).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    }
+
+    /**
+     * 判断是否是新的一天
+     * @param {Object|Number} dateValue 时间对象 todo MessageCenter 与 pve 相关的时间存储建议改为 Date 类型
+     * @returns {boolean}
+     */
+    public static isNewDay(dateValue: any) {
+        // todo：是否需要判断时区？
+        const oldDate = new Date(dateValue);
+        const curDate = new Date();
+
+        const oldYear = oldDate.getFullYear();
+        const oldMonth = oldDate.getMonth();
+        const oldDay = oldDate.getDate();
+        const curYear = curDate.getFullYear();
+        const curMonth = curDate.getMonth();
+        const curDay = curDate.getDate();
+
+        if (curYear > oldYear) {
+            return true;
+        }
+        else {
+            if (curMonth > oldMonth) {
+                return true;
+            }
+            else {
+                if (curDay > oldDay) {
+                    return true;
+                }
+            }
+        }
+
+        return false;
+    }
+
+    public static getPropertyCount(o: Object) {
+        let n, count = 0;
+        for (n in o) {
+            if (o.hasOwnProperty(n)) {
+                count++;
+            }
+        }
+        return count;
+    }
+
+    /**
+     * 返回一个差异化数组（将array中diff里的值去掉）
+     * @param array
+     * @param diff
+     */
+    public static difference(array: any, diff: any) {
+        const result: number[] = [];
+        if (array.constructor !== Array || diff.constructor !== Array) {
+            return result;
+        }
+
+        const length = array.length;
+        for (let i = 0; i < length; i++) {
+            if (diff.indexOf(array[i]) === -1) {
+                result.push(array[i]);
+            }
+        }
+
+        return result;
+    }
+
+    // 模拟传msg的uuid
+    public static simulationUUID() {
+        function s4() {
+            return Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1);
+        }
+
+        return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
+            s4() + '-' + s4() + s4() + s4();
+    }
+
+    public static trim(str: string) {
+        return str.replace(/(^\s*)|(\s*$)/g, "");
+    }
+
+    /**
+     * 判断当前时间是否在有效时间内
+     * @param {String|Number} start 起始时间。带有时区信息
+     * @param {String|Number} end 结束时间。带有时区信息
+     */
+    public static isNowValid(start: string | number, end: string | number) {
+        const startTime = new Date(start);
+        const endTime = new Date(end);
+        let result = false;
+
+        if (startTime.getDate() + '' !== 'NaN' && endTime.getDate() + '' !== 'NaN') {
+            const curDate = new Date();
+            result = curDate < endTime && curDate > startTime;
+        }
+
+        return result;
+    }
+
+    public static getDeltaDays(start: string | number, end: string | number) {
+        const startData = new Date(start);
+        const endData = new Date(end);
+
+        const startYear = startData.getFullYear();
+        const startMonth = startData.getMonth() + 1;
+        const startDate = startData.getDate();
+        const endYear = endData.getFullYear();
+        const endMonth = endData.getMonth() + 1;
+        const endDate = endData.getDate();
+
+        start = new Date(startYear + '/' + startMonth + '/' + startDate + ' GMT+0800').getTime();
+        end = new Date(endYear + '/' + endMonth + '/' + endDate + ' GMT+0800').getTime();
+
+        const deltaTime = end - start;
+        return Math.floor(deltaTime / (24 * 60 * 60 * 1000));
+    }
+
+    public static getMin(array: any) {
+        let result = 0;
+        if (array.constructor === Array) {
+            const length = array.length;
+            for (let i = 0; i < length; i++) {
+                if (i === 0) {
+                    result = Number(array[0]);
+                }
+                else {
+                    result = result > Number(array[i]) ? Number(array[i]) : result;
+                }
+            }
+        }
+
+        return result;
+    }
+
+    public static formatTwoDigits(time: number) {
+        return (Array(2).join('0') + time).slice(-2);
+    }
+
+    public static formatDate(date: Date, fmt: string) {
+        const o: { [name: string]: number } = {
+            "M+": date.getMonth() + 1, //月份
+            "d+": date.getDate(), //日
+            "h+": date.getHours(), //小时
+            "m+": date.getMinutes(), //分
+            "s+": date.getSeconds(), //秒
+            "q+": Math.floor((date.getMonth() + 3) / 3), //季度
+            "S": date.getMilliseconds() //毫秒
+        };
+
+        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
+        for (const k in o)
+            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (`${o[k]}`) : ((`00${o[k]}`).substr(("" + o[k]).length)));
+        return fmt;
+    }
+
+    /**
+     *
+     */
+    public static getDay(time: number, splitChar: string = '-') {
+        const date = new Date(time);
+        return date.getDate() + splitChar + (date.getMonth() + 1) + splitChar + date.getFullYear();
+    }
+
+
+    public static getTime(): number
+    {
+        return (new Date()).getTime();
+    }
+
+    /**
+     * 格式化钱数，超过10000 转换位 10K   10000K 转换为 10M
+     */
+    public static formatMoney(money: number) {
+        const arrUnit = ['', 'K', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y', 'B', 'N', 'D'];
+
+        let strValue = '';
+        for (let idx = 0; idx < arrUnit.length; idx++) {
+            if (money >= 10000) {
+                money /= 1000;
+            }
+            else {
+                strValue = Math.floor(money) + arrUnit[idx];
+                break;
+            }
+        }
+
+        if (strValue === '') {
+            strValue = Math.floor(money) + 'U'; //超过最大值就加个U
+        }
+
+        return strValue;
+    }
+
+    /**
+     * 根据剩余秒数格式化剩余时间 返回 HH:MM:SS
+     * @param {Number} leftSec
+     */
+    public static formatTimeForSecond(leftSec: number) {
+        let timeStr = '';
+        const sec = leftSec % 60;
+
+        let leftMin = Math.floor(leftSec / 60);
+        leftMin = leftMin < 0 ? 0 : leftMin;
+
+        const hour = Math.floor(leftMin / 60);
+        const min = leftMin % 60;
+
+        if (hour > 0) {
+            timeStr += hour > 9 ? hour.toString() : '0' + hour;
+            timeStr += ':';
+        }
+
+        timeStr += min > 9 ? min.toString() : '0' + min;
+        timeStr += ':';
+        timeStr += sec > 9 ? sec.toString() : '0' + sec;
+        return timeStr;
+    }
+
+    /**
+     *  根据剩余毫秒数格式化剩余时间 返回 HH:MM:SS
+     *
+     * @param {Number} ms
+     */
+    public static formatTimeForMillisecond(ms: number) {
+        let second = Math.floor(ms / 1000 % 60);
+        let minute = Math.floor(ms / 1000 / 60 % 60);
+        let hour = Math.floor(ms / 1000 / 60 / 60);
+        let strSecond = second < 10 ? '0' + second : second;
+        let strMinute = minute < 10 ? '0' + minute : minute;
+        let strHour = hour < 10 ? '0' + hour : hour;
+        return `${strSecond}:${strMinute}:${strHour}`;
+    }
+
+    /**
+     * TODO 需要将pako进行引入，目前已经去除了压缩算法的需要，如需要使用需引入库文件
+     * 将字符串进行压缩
+     * @param {String} str
+     */
+    public static zip(str: string) {
+        const binaryString = pako.gzip(encodeURIComponent(str), { to: 'string' });
+        // @ts-ignore
+        return this.base64encode(binaryString);
+    }
+
+    public static rand(arr: any) {
+        let arrClone = this.clone(arr);
+        // 首先从最大的数开始遍历，之后递减
+        for (let i = arrClone.length - 1; i >= 0; i--) {
+            // 随机索引值randomIndex是从0-arrClone.length中随机抽取的
+            const randomIndex = Math.floor(Math.random() * (i + 1));
+            // 下面三句相当于把从数组中随机抽取到的值与当前遍历的值互换位置
+            const itemIndex = arrClone[randomIndex];
+            arrClone[randomIndex] = arrClone[i];
+            arrClone[i] = itemIndex;
+        }
+        // 每一次的遍历都相当于把从数组中随机抽取（不重复）的一个元素放到数组的最后面（索引顺序为：len-1,len-2,len-3......0）
+        return arrClone;
+    }
+
+    public static randRange(min: any, max: any) {
+        return Math.floor(Math.random() * (max - min + 1)) + min;
+    }
+
+    public static getPostionNodeInOtherNode(spaceNode: any, targetNode: any) {
+        if (targetNode.parent == null) {
+            return null;
+        }
+        let pos = new Vec3(0, 0, 0);
+        const targetNodeComponent = targetNode.parent.getComponent(UITransform);
+        const spaceNodeComponent = spaceNode.getComponent(UITransform);
+        if (!targetNodeComponent) {
+            targetNode.parent.addComponent(UITransform);
+        }
+        if (!spaceNodeComponent) {
+            spaceNode.addComponent(UITransform);
+        }
+        pos = targetNodeComponent.convertToWorldSpaceAR(targetNode.getPosition());
+        return spaceNodeComponent ? spaceNodeComponent.convertToNodeSpaceAR(pos) : pos;
+    }
+
+    public static getPointInNodeFromWorldPoint(worldPoint: Vec3, node: Node) {
+        return node.getComponent(UITransform)?.convertToNodeSpaceAR(worldPoint);
+    }
+
+
+    public static validURL(str: string) {
+        var pattern = new RegExp('^(https?:\\/\\/)?' + // protocol
+            '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // domain name
+            '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address
+            '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path
+            '(\\?[;&a-z\\d%_.~+=-]*)?' + // query string
+            '(\\#[-a-z\\d_]*)?$', 'i'); // fragment locator
+        return !!pattern.test(str);
+    }
+
+    public static deepEqual(object1: any, object2: any) {
+        const keys1 = Object.keys(object1);
+        const keys2 = Object.keys(object2);
+        if (keys1.length !== keys2.length) {
+            return false;
+        }
+        for (const key of keys1) {
+            const val1 = object1[key];
+            const val2 = object2[key];
+            const areObjects = this.isObject(val1) && this.isObject(val2);
+            if (
+                areObjects && !this.deepEqual(val1, val2) ||
+                !areObjects && val1 !== val2
+            ) {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    public static isObject(object: any) {
+        return object != null && typeof object === 'object';
+    }
+
+    public static getKeyObject(obj: any, value: any) {
+        let result: string = "";
+        for (let [key, val] of Object.entries(obj)) {
+            if (value === val) {
+                result = key;
+                break;
+            }
+        }
+        return result;
+    }
+
+    public static getHighestSiblingIndexOfChild(parentNode: Node): number {
+        let highestSiblingIndex: number = 0;
+        parentNode.children.forEach((child: Node, index: number) => {
+            const siblingIndex = child.getSiblingIndex();
+            if (highestSiblingIndex < siblingIndex) {
+                highestSiblingIndex = siblingIndex;
+            }
+        });
+        return highestSiblingIndex;
+    }
+
+    public static fadeTo(target: Node, duration: number, opacity: number, options?: ITweenOption, callback?: Function): Tween<object> {
+        let uiOpacity = target.getComponent(UIOpacity)!;
+        if (uiOpacity === null) uiOpacity = target.addComponent(UIOpacity);
+        let spine: sp.Skeleton = target.getComponent(sp.Skeleton)!;
+        options = options || {};
+        if (spine) {
+            if (options.onUpdate) {
+                let _onUpdate = options.onUpdate;
+                options.onUpdate = function () {
+                    UmUtil.setAlphaSpine(spine, uiOpacity.opacity);
+                    _onUpdate && _onUpdate();
+                }
+            }
+            else {
+                options.onUpdate = function () {
+                    UmUtil.setAlphaSpine(spine, uiOpacity.opacity);
+                }
+            }
+        }
+
+        let tweenFade = tween(uiOpacity);
+        tweenFade.to(duration, { opacity }, options).start();
+        (target as any).tweenFade = tweenFade;
+        return tweenFade;
+    }
+
+    public static fadeIn(target: Node, duration: number, options?: ITweenOption): Tween<Node> {
+        return UmUtil.fadeTo(target, duration, 255, options);
+    }
+
+    public static fadeOut(target: Node, duration: number, options?: ITweenOption): Tween<Node> {
+        return UmUtil.fadeTo(target, duration, 0, options);
+    }
+
+    public static uuid() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+        });
+    };
+
+
+    public static getWindowSize(): cc.Size {
+        return cc.screen.windowSize;
+    }
+
+    public static getCanvasSize(): cc.Size {
+        const viewSize = cc.screen.windowSize;
+        const designSize = cc.view.getDesignResolutionSize();
+        let windowWidth = viewSize.width;
+        let windowHeight = viewSize.height;
+        let windowRatio = windowWidth * 1.0 / windowHeight;
+        const designRatio = designSize.width * 1.0 / designSize.height;
+
+        let height = designSize.height;
+        if (windowRatio <= designRatio) {
+            // let cHeight = Math.floor(designSize.width / windowRatio);
+            height = designSize.width / viewSize.width * viewSize.height;
+        }
+        cc.log("getCanvasSize ==> ", designSize.width, height);
+        return new cc.Size(designSize.width, height);
+    }
+
+    public static multiplicationExact(numb1: number, numb2: number) {
+        let digit1 = Number(numb1.toString().split('.')[1]?.length);
+        if (Number.isNaN(digit1)) digit1 = 0;
+
+        let digit2 = Number(numb2.toString().split('.')[1]?.length);
+        if (Number.isNaN(digit2)) digit2 = 0;
+
+        let maxDigit = digit1 + digit2;
+
+        for (let i = 0; i < 7; i++) {
+            let factor = Math.pow(10, i);
+            let result = ((numb1 / factor) * (numb2 / factor)) * factor * factor;
+            let digit_check = Number(result.toString().split('.')[1]?.length);
+            if (Number.isNaN(digit_check) || Number(digit_check) <= maxDigit) {
+                // cc.log(" multipl1 ===> digit = ", digit_check, " | pow = 10^", i);
+                return result;
+            }
+        }
+
+        for (let i = 0; i < 7; i++) {
+            let factor = Math.pow(10, i);
+            let result = ((numb1 / factor) * (numb2 / factor)) * Math.pow(factor, 2);
+            let digit_check = Number(result.toString().split('.')[1]?.length);
+            if (Number.isNaN(digit_check) || Number(digit_check) <= maxDigit) {
+                // cc.log(" multipl2 ===> digit_check = ", digit_check, " | pow = 10^", i);
+                return result;
+            }
+        }
+
+        // cc.log("RESULT ==> ", result);
+        return numb1 * numb2;
+    }
+
+    public static setLabelSubStringByMaxWidth(label: cc.Label, maxWidth: number) {
+        label.updateRenderData();
+        let transform = label.getComponent(UITransform)!;
+
+        if (transform.width > maxWidth) {
+            while (transform.width > maxWidth) {
+                label.string = label.string.slice(0, -1);
+                label.updateRenderData();
+            }
+            label.string += "...";
+        }
+    }
+
+    public static PlusExact(numb1: number, numb2: number) {
+        let digit1 = Number(numb1.toString().split('.')[1]?.length);
+        if (Number.isNaN(digit1)) digit1 = 0;
+
+        let digit2 = Number(numb2.toString().split('.')[1]?.length);
+        if (Number.isNaN(digit2)) digit2 = 0;
+
+        let maxDigit = Math.max(digit1, digit2);
+
+        for (let i = 0; i < 7; i++) {
+            let factor = Math.pow(10, i);
+            let result = ((numb1 / factor) + (numb2 / factor)) * factor * factor;
+            let digit_check = Number(result.toString().split('.')[1]?.length);
+            if (Number.isNaN(digit_check) || Number(digit_check) <= maxDigit) {
+                // cc.log(" multipl1 ===> digit = ", digit_check, " | pow = 10^", i);
+                return result;
+            }
+        }
+
+        for (let i = 0; i < 7; i++) {
+            let factor = Math.pow(10, i);
+            let result = ((numb1 / factor) + (numb2 / factor)) * Math.pow(factor, 2);
+            let digit_check = Number(result.toString().split('.')[1]?.length);
+            if (Number.isNaN(digit_check) || Number(digit_check) <= maxDigit) {
+                // cc.log(" multipl2 ===> digit_check = ", digit_check, " | pow = 10^", i);
+                return result;
+            }
+        }
+
+        // cc.log("RESULT ==> ", result);
+        return numb1 + numb2;
+    }
+
+    public static setAlphaSpine(spine: sp.Skeleton, alpha: number) {
+        let color: Color = Color.clone(spine.color);
+        color.a = alpha;
+        spine.color = color;
+    }
+
+    public static moveTo(obj: Node, pointTo: Vec3, duration: number, delayTime?: number, callback?: Function, tag = UmUtil.TWEEN_TAG) {
+        if (!obj) return;
+        tween(obj).delay(delayTime).to(duration, { position: pointTo }).call(() => callback?.()).tag(tag).start();
+    }
+
+    public static worldMoveTo(obj: Node, worldPointTo: Vec3, duration: number, delayTime?: number, callback?: Function, tag = UmUtil.TWEEN_TAG) {
+        if (!obj) return;
+        tween(obj).delay(delayTime).to(duration, { worldPosition: worldPointTo }).call(() => callback?.()).tag(tag).start();
+    }
+
+    public static scaleTo(obj: Node, scaleTo: Vec3, duration: number, delayTime?: number, callback?: Function, tag = UmUtil.TWEEN_TAG) {
+        if (!obj) return;
+        tween(obj).delay(delayTime).to(duration, { scale: scaleTo }).call(() => callback?.()).tag(tag).start();
+    }
+
+    public static delay(obj: Node, delayTime: number, callback: Function, tag = UmUtil.TWEEN_TAG) {
+        tween(obj).delay(delayTime).call(() => { 
+            if (obj?.active) {
+                callback?.();
+            }
+        }).tag(tag).start();
+    }
+
+    public static rotateBy(obj: Node, angle: number, duration: number, delayTime?: number, callback?: Function, tag = UmUtil.TWEEN_TAG) {
+        if (!obj) return;
+        tween(obj).delay(delayTime).by(duration, { angle: angle }).call(() => callback?.()).tag(tag).start();
+    }
+
+    public static tweenValue(from, to, duration, updateCallback = null, completeCallback = null)
+    {
+        const _target = { value: from };
+        var tweenValue = tween(_target)
+            .to(duration, { value: to }, {
+                'onStart': () => {
+
+                },
+                'onUpdate': () => {
+                    updateCallback?.(_target.value);
+                },
+                'onComplete': () => {
+                    completeCallback?.();
+                }
+            });
+
+        tweenValue.start();
+        return tweenValue;
+    }
+
+    public static TWEEN_TAG = 2003;
+
+    public static stopAllTweenTarget(obj: Node)
+    {
+        Tween.stopAllByTarget(obj);
+    }
+
+    public static stopAllTweenTag(tag: number) {
+        Tween.stopAllByTag(tag);
+    }
+
+    public static plusTwoVector3(a: Vec3, b: Vec3)
+    {
+        var result = new Vec3();
+        Vec3.add(result, a, b);
+        return result;
+    }
+
+    public static subtractTwoVector3(a: Vec3, b: Vec3) {
+        var result = new Vec3();
+        Vec3.subtract(result, a, b);
+        return result;
+    }
+
+    public static scaleVector3(a: Vec3, b: number) {
+        return new Vec3(a.x * b, a.y * b, a.z * b);
+    }
+
+    // public static subtractTwoVector3(a: Vec3, b: Vec3) {
+    //     var result = new Vec3();
+    //     Vec3.subtract(result, a, b);
+    //     return result;
+    // }
+
+}
+
+
diff --git a/assets/cc-common/cc-util/UmUtil.ts.meta b/assets/cc-common/cc-util/UmUtil.ts.meta
new file mode 100644
index 0000000..23a2ef7
--- /dev/null
+++ b/assets/cc-common/cc-util/UmUtil.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a1649dba-2b39-4bc6-bba8-ce0f44c03741",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game.meta b/assets/cc-game.meta
new file mode 100644
index 0000000..5a977a0
--- /dev/null
+++ b/assets/cc-game.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "dcb35788-4cf3-4fcf-ac26-1703585b43b1",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-game/Test.meta b/assets/cc-game/Test.meta
new file mode 100644
index 0000000..59e53a5
--- /dev/null
+++ b/assets/cc-game/Test.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "c2b242bc-18c8-4663-b7b3-6df51641ff05",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/Test/JoyStick.ts b/assets/cc-game/Test/JoyStick.ts
new file mode 100644
index 0000000..161d76f
--- /dev/null
+++ b/assets/cc-game/Test/JoyStick.ts
@@ -0,0 +1,119 @@
+import { _decorator, Component, Node } from 'cc';
+import { NodeBase } from '../scripts/base/NodeBase';
+import { Vec3, EventTouch } from 'cc';
+import { UmUtil } from '../../cc-common/cc-util/UmUtil';
+import { GameGlobalData } from '../scripts/global/GameGlobalData';
+import { UmLog } from '../../cc-common/cc-util/UmLog';
+import { UmClientEvent } from '../../cc-common/cc-util/UmOneToMultiListener';
+import { GameDefine } from '../scripts/config/GameDefine';
+import { director } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('JoyStick')
+export class JoyStick extends NodeBase {
+    @property(Node) background: Node = null!;
+    @property(Node) handle: Node = null!;
+
+    radiusDistance: number;
+    public static IS_TOUCH_ENABLE: boolean = false;
+    public static DIRECTION: Vec3 = new Vec3();
+    public static Instance: JoyStick = null;
+
+    startBgPoint: Vec3 = Vec3.ZERO;
+
+    protected onLoad(): void {
+        JoyStick.Instance = this;
+    }
+
+    start() {
+        this.startBgPoint = new Vec3(this.background.position);
+        this.enableTouch();
+        this.radiusDistance = (this.background.getNodeTransform().width) / 2;//differentPoint
+    }
+
+    showJoystick()
+    {
+        this.background.setNodeActive(true);
+    }
+
+    hideJoySitck()
+    {
+        this.background.setNodeActive(false);
+    }
+
+    resetBgPosition()
+    {
+        this.background.position = new Vec3(this.startBgPoint);
+    }
+
+    protected onTouchStart(event: EventTouch) {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        JoyStick.IS_TOUCH_ENABLE = true;
+        var touchPoint = this.getTouchPointInParentNode(event.getUILocation());
+        this.background.position = new Vec3(touchPoint);
+
+        // {
+        //     //OLD version
+        //     // this.startPoint = new Vec3(this.node.position);
+        //     // let newPoint = this.getTouchPointInParentNode(event.getUILocation());
+        //     // let direction = UmUtil.subtractTwoVector3(newPoint, this.originPoint);
+        //     // this.setHandlePosition(newPoint, new Vec3(direction));
+        //     // UmClientEvent.dispatchEvent(GameDefine.EVENT_START_JOYSTICK);
+        // }
+    }
+
+    protected onTouchMove(event: EventTouch) {
+        if (!GameGlobalData.Instance.isStatePlay() || !JoyStick.IS_TOUCH_ENABLE) return;
+        var movePoint = this.getTouchPointInParentNode(event.getUILocation());
+        // this.handle.worldPosition = this.node?.parent.getNodeTransform().convertToWorldSpaceAR(movePoint);
+
+        var currentBgPoint = new Vec3(this.background.worldPosition);
+        var newHandlePoint = this.node?.parent.getNodeTransform().convertToWorldSpaceAR(movePoint);//new Vec3(this.handle.worldPosition);
+        var direction: Vec3 = UmUtil.subtractTwoVector3(newHandlePoint, currentBgPoint).normalize();
+        if (Vec3.distance(newHandlePoint, currentBgPoint) > this.radiusDistance)
+        {
+            var differentPoint = UmUtil.scaleVector3(direction, this.radiusDistance);
+            this.background.worldPosition = UmUtil.subtractTwoVector3(newHandlePoint, differentPoint);
+        }
+
+        this.handle.worldPosition = newHandlePoint;
+        JoyStick.IS_TOUCH_ENABLE = true;
+        JoyStick.DIRECTION = direction;
+        GameGlobalData.Instance.lastHeroMoveDirection = direction;
+
+        // {
+        //     //OLD version
+        //     // let newPoint = this.getTouchPointInParentNode(event.getUILocation());
+        //     // let direction = UmUtil.subtractTwoVector3(newPoint, this.originPoint);
+        //     // direction.normalize();
+        //     // // direction = UmUtil.scaleVector3(direction, this.heroMoveSpeed);
+        //     // JoyStick.IS_TOUCH_ENABLE = true;
+        //     // JoyStick.DIRECTION = direction;
+        //     // GameGlobalData.Instance.lastHeroMoveDirection = direction;
+        //     // // UmLog.log(newPoint.toString());
+        //     // // this.currentPoint = new Vec3(newPoint);
+        //     // this.setHandlePosition(newPoint, new Vec3(direction));
+        // }
+    }
+
+    protected onTouchEnd(event: EventTouch) {
+        JoyStick.IS_TOUCH_ENABLE = false;
+        JoyStick.DIRECTION = Vec3.ZERO;
+        this.handle.position = Vec3.ZERO;
+        this.resetBgPosition();
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_END_JOYSTICK);
+    }
+
+    protected onTouchCancel(event: EventTouch) {
+        JoyStick.IS_TOUCH_ENABLE = false;
+        JoyStick.DIRECTION = Vec3.ZERO;
+        this.handle.position = Vec3.ZERO;
+        this.resetBgPosition();
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_END_JOYSTICK);
+    }
+
+    getTouchPointInParentNode(touchPoint): Vec3 {
+        return this.node.parent?.getNodeTransform().convertToNodeSpaceAR(touchPoint.toVec3());
+    }
+}
+
diff --git a/assets/cc-game/Test/JoyStick.ts.meta b/assets/cc-game/Test/JoyStick.ts.meta
new file mode 100644
index 0000000..f5cd8b7
--- /dev/null
+++ b/assets/cc-game/Test/JoyStick.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "0e282282-101a-4cf2-a672-3ac6fc718270",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/Test/PhysicTest.ts b/assets/cc-game/Test/PhysicTest.ts
new file mode 100644
index 0000000..e13410f
--- /dev/null
+++ b/assets/cc-game/Test/PhysicTest.ts
@@ -0,0 +1,105 @@
+import { _decorator, CCInteger, Collider2D, Component, Contact2DType, EventTouch, IPhysics2DContact, log, Node, PhysicsSystem2D, Sprite, Vec3 } from 'cc';
+import { RigidBody2D } from 'cc';
+import { NodeBase } from '../scripts/base/NodeBase';
+import { EPhysics2DDrawFlags } from 'cc';
+import { director } from 'cc';
+import { UmUtil } from '../../cc-common/cc-util/UmUtil';
+import { Vec2 } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('PhysicTest')
+export class PhysicTest extends NodeBase {
+    @property(Sprite)
+    sprite: Sprite = null!;
+
+    @property(CCInteger)
+    deltaX: number = 0;
+
+    rigiBody: RigidBody2D;
+
+    start() {
+        this.rigiBody = this.node.getComponent(RigidBody2D);
+        // Registering callback functions for a single collider
+        let collider = this.getComponent(Collider2D);
+        PhysicsSystem2D.instance.debugDrawFlags = EPhysics2DDrawFlags.Shape;
+
+        if (collider) {
+            collider.on(Contact2DType.BEGIN_CONTACT, this.onBeginContact, this);
+            collider.on(Contact2DType.END_CONTACT, this.onEndContact, this);
+            // collider.on(Contact2DType.PRE_SOLVE, this.onPreSolve, this);
+            // collider.on(Contact2DType.POST_SOLVE, this.onPostSolve, this);
+        }
+
+        this.enableTouch();
+
+        UmUtil.delay(this.node, 2, () => {
+            this.rigiBody.applyLinearImpulseToCenter(new Vec2(0, 75), false); 
+        });
+
+        // Registering global contact callback functions
+        // if (PhysicsSystem2D.instance) {
+        //     PhysicsSystem2D.instance.on(Contact2DType.BEGIN_CONTACT, this.onBeginContact, this);
+        //     PhysicsSystem2D.instance.on(Contact2DType.END_CONTACT, this.onEndContact, this);
+        //     PhysicsSystem2D.instance.on(Contact2DType.PRE_SOLVE, this.onPreSolve, this);
+        //     PhysicsSystem2D.instance.on(Contact2DType.POST_SOLVE, this.onPostSolve, this);
+        // }
+    }
+    onBeginContact(selfCollider: Collider2D, otherCollider: Collider2D, contact: IPhysics2DContact | null) {
+        // will be called once when two colliders begin to contact
+        console.log('onBeginContact');
+        // director.loadScene("Test");
+        // selfCollider.node.destroy();
+    }
+    onEndContact(selfCollider: Collider2D, otherCollider: Collider2D, contact: IPhysics2DContact | null) {
+        // will be called once when the contact between two colliders just about to end.
+        console.log('onEndContact');
+    }
+    onPreSolve(selfCollider: Collider2D, otherCollider: Collider2D, contact: IPhysics2DContact | null) {
+        // will be called every time collider contact should be resolved
+        console.log('onPreSolve');
+    }
+    onPostSolve(selfCollider: Collider2D, otherCollider: Collider2D, contact: IPhysics2DContact | null) {
+        // will be called every time collider contact should be resolved
+        console.log('onPostSolve');
+    }
+
+    update(deltaTime: number) {
+        // log('test');
+        if (!this.isTouchEnable) return;
+        // this.node.position = UmUtil.plusTwoVector3(this.node.position, this.directionVec3);
+        // this.rigiBody.applyForceToCenter(new Vec2(10, 40), true); 
+
+    }
+
+    directionVec3: Vec3 = Vec3.ZERO;
+    isTouchEnable = true;
+
+
+    currentPoint: Vec3 = Vec3.ZERO;
+    protected onTouchStart(event: EventTouch) {
+        this.currentPoint = new Vec3(this.node.position);
+        // let point = this.getTouchPointInParentNode(event.getUILocation());
+    }
+
+
+    protected onTouchEnd(event: EventTouch) { }
+
+    protected onTouchCancel(event: EventTouch) { }
+    protected onTouchMove(event: EventTouch) {
+        let newPoint = this.getTouchPointInParentNode(event.getUILocation());
+        this.node.position = newPoint;
+        // let direction = UmUtil.subtractTwoVector3(newPoint, this.currentPoint);
+        // direction.normalize();
+        // direction = UmUtil.scaleVector3(direction, 30);
+        // this.node.position = UmUtil.plusTwoVector3(this.currentPoint, direction);
+        // this.currentPoint = this.node.position;
+        // // this.rigiBody.
+        // // UmLog.log(`onTouchMove: ${event.getLocation()}`);
+        // // this.node.worldPosition = event.getLocation().toVec3();
+    }
+
+    getTouchPointInParentNode(touchPoint): Vec3 {
+        return this.node.parent?.getNodeTransform().convertToNodeSpaceAR(touchPoint.toVec3());
+    }
+}
+
diff --git a/assets/cc-game/Test/PhysicTest.ts.meta b/assets/cc-game/Test/PhysicTest.ts.meta
new file mode 100644
index 0000000..7364e5f
--- /dev/null
+++ b/assets/cc-game/Test/PhysicTest.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "34887606-9d45-43d5-846b-643ada88d926",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/Test/Test.scene b/assets/cc-game/Test/Test.scene
new file mode 100644
index 0000000..126f9e6
--- /dev/null
+++ b/assets/cc-game/Test/Test.scene
@@ -0,0 +1,1307 @@
+[
+  {
+    "__type__": "cc.SceneAsset",
+    "_name": "Test",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "scene": {
+      "__id__": 1
+    }
+  },
+  {
+    "__type__": "cc.Scene",
+    "_name": "Test",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      }
+    ],
+    "_active": true,
+    "_components": [],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "autoReleaseAssets": false,
+    "_globals": {
+      "__id__": 34
+    },
+    "_id": "641dfdac-ab3c-4690-8fd1-b6de7d248493"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Canvas",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 11
+      },
+      {
+        "__id__": 21
+      },
+      {
+        "__id__": 26
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 31
+      },
+      {
+        "__id__": 32
+      },
+      {
+        "__id__": 33
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 414,
+      "y": 896,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "beI88Z2HpFELqR4T5EMHpg"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Camera",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 4
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 1000
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ebFwiq8gBFaYpqYbdoDODe"
+  },
+  {
+    "__type__": "cc.Camera",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_projection": 0,
+    "_priority": 0,
+    "_fov": 45,
+    "_fovAxis": 0,
+    "_orthoHeight": 896,
+    "_near": 0,
+    "_far": 1000,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_depth": 1,
+    "_stencil": 0,
+    "_clearFlags": 7,
+    "_rect": {
+      "__type__": "cc.Rect",
+      "x": 0,
+      "y": 0,
+      "width": 1,
+      "height": 1
+    },
+    "_aperture": 19,
+    "_shutter": 7,
+    "_iso": 0,
+    "_screenScale": 1,
+    "_visibility": 1108344832,
+    "_targetTexture": null,
+    "_postProcess": null,
+    "_usePostProcess": false,
+    "_cameraType": -1,
+    "_trackingType": 0,
+    "_id": "63WIch3o5BEYRlXzTT0oWc"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 6
+      },
+      {
+        "__id__": 7
+      },
+      {
+        "__id__": 8
+      },
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 10
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -294.802,
+      "y": -370.89,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 3,
+      "y": 3,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8bKKTgmr5JN5XOaTvtEQxB"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 98,
+      "height": 98
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "41w/uM7ftHsJPjath1Jhuk"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "8dtErhLnFBU7w3+Ebn2ga/"
+  },
+  {
+    "__type__": "34887YGnUVD1YRrZDraiNkm",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "sprite": {
+      "__id__": 7
+    },
+    "deltaX": 10,
+    "_id": "9csT9MNPJEN771USC4XOiQ"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 4,
+    "_type": 2,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 2,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": "2aWfikXL9A0bwid1j2raom"
+  },
+  {
+    "__type__": "cc.CircleCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 4,
+    "_density": 0,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 1,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_radius": 49,
+    "_id": "6a+acHAWBHzrrjVK8dAhfw"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [
+      {
+        "__id__": 12
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 18
+      },
+      {
+        "__id__": 19
+      },
+      {
+        "__id__": 20
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 115.071,
+      "y": 63.171,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 5,
+      "y": 15,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "66YEfEOvhOdZRRDELctYib"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite3",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 11
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 13
+      },
+      {
+        "__id__": 14
+      },
+      {
+        "__id__": 15
+      },
+      {
+        "__id__": 16
+      },
+      {
+        "__id__": 17
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "50zzKfS8dM16iIxTJxIQp8"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "98s5YrED5PQJdYmBZ8iL/y"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "a1j5Wb489OP6otkHjbewr1"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 4,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_id": "29TE4LK5lHLrV+Bh+A5gn9"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": true,
+    "awakeOnLoad": true,
+    "_group": 4,
+    "_type": 0,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": false,
+    "_id": "19HOwk5YNJ1qbDCd8alsC0"
+  },
+  {
+    "__type__": "34887YGnUVD1YRrZDraiNkm",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "sprite": {
+      "__id__": 14
+    },
+    "deltaX": 0,
+    "_id": "a7FltDkOxFwaqdQySwa9A5"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 11
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e3WrheudhIG4yfAWuPBQcp"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 11
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "88Bgo2nBZP25xCQL1F2lYZ"
+  },
+  {
+    "__type__": "ff574WLC6NPlbe7t2a3Q+0z",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 11
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "d93+oYgbZLUbSjF26ZLO8p"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite3",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 22
+      },
+      {
+        "__id__": 23
+      },
+      {
+        "__id__": 24
+      },
+      {
+        "__id__": 25
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 368.846,
+      "y": 566.764,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 30,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "f1VfpyOW1DKoQjQGYkGxss"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 21
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e9RkuMTh1ECYoS9vRLhuee"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 21
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "b1o981CetH7IsjgylF/ux3"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 21
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 64,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_id": "ebShxFziVBpawj1drgU8Ct"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 21
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": true,
+    "awakeOnLoad": true,
+    "_group": 64,
+    "_type": 0,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": false,
+    "_id": "47aeo8eddN0r+dVct1DIFf"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite4",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 27
+      },
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 29
+      },
+      {
+        "__id__": 30
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -5.997,
+      "y": 656.727,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 20,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "e8uTL20M1KSITrCzSEN4nc"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "0ddP5A6R5OQK+OR+gyGoGa"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "2furzsdLFPH4tYhN9h2xd+"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 64,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_id": "9aPzM89mFGsrUsWipoEMGe"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": true,
+    "awakeOnLoad": true,
+    "_group": 64,
+    "_type": 0,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": false,
+    "_id": "99h6/3Y6FOuLBV0bjijbxG"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "d6rUX5yfhMlKoWX2bSbawx"
+  },
+  {
+    "__type__": "cc.Canvas",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_cameraComponent": {
+      "__id__": 4
+    },
+    "_alignCanvasWithScreen": true,
+    "_id": "12O/ljcVlEqLmVm3U2gEOQ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 5.684341886080802e-14,
+    "_bottom": 5.684341886080802e-14,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c5V1EV8IpMtrIvY1OE9t2u"
+  },
+  {
+    "__type__": "cc.SceneGlobals",
+    "ambient": {
+      "__id__": 35
+    },
+    "shadows": {
+      "__id__": 36
+    },
+    "_skybox": {
+      "__id__": 37
+    },
+    "fog": {
+      "__id__": 38
+    },
+    "octree": {
+      "__id__": 39
+    },
+    "skin": {
+      "__id__": 40
+    },
+    "lightProbeInfo": {
+      "__id__": 41
+    },
+    "postSettings": {
+      "__id__": 42
+    },
+    "bakedWithStationaryMainLight": false,
+    "bakedWithHighpLightmap": false
+  },
+  {
+    "__type__": "cc.AmbientInfo",
+    "_skyColorHDR": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0.520833125
+    },
+    "_skyColor": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0.520833125
+    },
+    "_skyIllumHDR": 20000,
+    "_skyIllum": 20000,
+    "_groundAlbedoHDR": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0
+    },
+    "_groundAlbedo": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0
+    },
+    "_skyColorLDR": {
+      "__type__": "cc.Vec4",
+      "x": 0.2,
+      "y": 0.5,
+      "z": 0.8,
+      "w": 1
+    },
+    "_skyIllumLDR": 20000,
+    "_groundAlbedoLDR": {
+      "__type__": "cc.Vec4",
+      "x": 0.2,
+      "y": 0.2,
+      "z": 0.2,
+      "w": 1
+    }
+  },
+  {
+    "__type__": "cc.ShadowsInfo",
+    "_enabled": false,
+    "_type": 0,
+    "_normal": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1,
+      "z": 0
+    },
+    "_distance": 0,
+    "_planeBias": 1,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 76,
+      "g": 76,
+      "b": 76,
+      "a": 255
+    },
+    "_maxReceived": 4,
+    "_size": {
+      "__type__": "cc.Vec2",
+      "x": 512,
+      "y": 512
+    }
+  },
+  {
+    "__type__": "cc.SkyboxInfo",
+    "_envLightingType": 0,
+    "_envmapHDR": null,
+    "_envmap": null,
+    "_envmapLDR": null,
+    "_diffuseMapHDR": null,
+    "_diffuseMapLDR": null,
+    "_enabled": false,
+    "_useHDR": true,
+    "_editableMaterial": null,
+    "_reflectionHDR": null,
+    "_reflectionLDR": null,
+    "_rotationAngle": 0
+  },
+  {
+    "__type__": "cc.FogInfo",
+    "_type": 0,
+    "_fogColor": {
+      "__type__": "cc.Color",
+      "r": 200,
+      "g": 200,
+      "b": 200,
+      "a": 255
+    },
+    "_enabled": false,
+    "_fogDensity": 0.3,
+    "_fogStart": 0.5,
+    "_fogEnd": 300,
+    "_fogAtten": 5,
+    "_fogTop": 1.5,
+    "_fogRange": 1.2,
+    "_accurate": false
+  },
+  {
+    "__type__": "cc.OctreeInfo",
+    "_enabled": false,
+    "_minPos": {
+      "__type__": "cc.Vec3",
+      "x": -1024,
+      "y": -1024,
+      "z": -1024
+    },
+    "_maxPos": {
+      "__type__": "cc.Vec3",
+      "x": 1024,
+      "y": 1024,
+      "z": 1024
+    },
+    "_depth": 8
+  },
+  {
+    "__type__": "cc.SkinInfo",
+    "_enabled": false,
+    "_blurRadius": 0.01,
+    "_sssIntensity": 3
+  },
+  {
+    "__type__": "cc.LightProbeInfo",
+    "_giScale": 1,
+    "_giSamples": 1024,
+    "_bounces": 2,
+    "_reduceRinging": 0,
+    "_showProbe": true,
+    "_showWireframe": true,
+    "_showConvex": false,
+    "_data": null,
+    "_lightProbeSphereVolume": 1
+  },
+  {
+    "__type__": "cc.PostSettingsInfo",
+    "_toneMappingType": 0
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/Test/Test.scene.meta b/assets/cc-game/Test/Test.scene.meta
new file mode 100644
index 0000000..98651db
--- /dev/null
+++ b/assets/cc-game/Test/Test.scene.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "1.1.50",
+  "importer": "scene",
+  "imported": true,
+  "uuid": "641dfdac-ab3c-4690-8fd1-b6de7d248493",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res.meta b/assets/cc-game/res.meta
new file mode 100644
index 0000000..6e8cd99
--- /dev/null
+++ b/assets/cc-game/res.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "7642a20b-c7b1-4661-ba00-bcc7626ef83a",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-game/res/common-textures.meta b/assets/cc-game/res/common-textures.meta
new file mode 100644
index 0000000..d557b44
--- /dev/null
+++ b/assets/cc-game/res/common-textures.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "543784a7-a87a-4ce1-a1f1-f3472572493c",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations.meta b/assets/cc-game/res/common-textures/animations.meta
new file mode 100644
index 0000000..c6ae80d
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "e463c184-b6d0-44bd-ad17-a687b7e57066",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/common-textures/animations/character.meta b/assets/cc-game/res/common-textures/animations/character.meta
new file mode 100644
index 0000000..facbaef
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "a0cb3965-00e9-44f3-b874-546ed7eb2a97",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle.anim b/assets/cc-game/res/common-textures/animations/character/idle.anim
new file mode 100644
index 0000000..cee66ec
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle.anim
@@ -0,0 +1,200 @@
+[
+  {
+    "__type__": "cc.AnimationClip",
+    "_name": "idle",
+    "_objFlags": 0,
+    "__editorExtras__": {
+      "embeddedPlayerGroups": []
+    },
+    "_native": "",
+    "sample": 60,
+    "speed": 1,
+    "wrapMode": 2,
+    "enableTrsBlending": false,
+    "_duration": 0.7833333333333333,
+    "_hash": 500763545,
+    "_tracks": [
+      {
+        "__id__": 1
+      }
+    ],
+    "_exoticAnimation": null,
+    "_events": [],
+    "_embeddedPlayers": [],
+    "_additiveSettings": {
+      "__id__": 7
+    },
+    "_auxiliaryCurveEntries": []
+  },
+  {
+    "__type__": "cc.animation.ObjectTrack",
+    "_binding": {
+      "__type__": "cc.animation.TrackBinding",
+      "path": {
+        "__id__": 2
+      },
+      "proxy": null
+    },
+    "_channel": {
+      "__id__": 5
+    }
+  },
+  {
+    "__type__": "cc.animation.TrackPath",
+    "_paths": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 4
+      },
+      "spriteFrame"
+    ]
+  },
+  {
+    "__type__": "cc.animation.HierarchyPath",
+    "path": "hero_body"
+  },
+  {
+    "__type__": "cc.animation.ComponentPath",
+    "component": "cc.Sprite"
+  },
+  {
+    "__type__": "cc.animation.Channel",
+    "_curve": {
+      "__id__": 6
+    }
+  },
+  {
+    "__type__": "cc.ObjectCurve",
+    "_times": [
+      0,
+      0.03333333333333333,
+      0.06666666666666667,
+      0.1,
+      0.13333333333333333,
+      0.16666666666666666,
+      0.2,
+      0.23333333333333334,
+      0.26666666666666666,
+      0.3,
+      0.3333333333333333,
+      0.36666666666666664,
+      0.4,
+      0.43333333333333335,
+      0.4666666666666667,
+      0.5,
+      0.5333333333333333,
+      0.5666666666666667,
+      0.6,
+      0.6333333333333333,
+      0.6666666666666666,
+      0.7,
+      0.7333333333333333,
+      0.7666666666666667
+    ],
+    "_values": [
+      {
+        "__uuid__": "d39143f4-9cb1-4456-bbc9-a17e95f94c1c@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "001673db-d964-4fe1-8877-29e38c07ec07@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "b5bb6063-75e6-4051-81f4-2fe3c2d9c76b@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "6ed0bd6e-8492-4424-a282-d4ea0886e6b8@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "6425708c-d048-4e55-bfc7-e55e64137b85@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "6d3ce880-bbc3-427b-ae61-a15f4bad51f5@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "72820076-c6d7-46f8-abc4-37695c46b74e@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "5b74a743-cede-40ad-9ef5-1a74ce0762f1@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "5e71c658-2487-4a72-8b9e-323c1129e6c4@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "542e184d-9549-4e02-9917-4b4ccc57451c@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "5821f47a-fd7f-4018-8749-4708d74567c3@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "bd9a24cf-668c-40f9-84f4-f21e64f5be4c@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "50a5bb52-d102-4b6b-9a3e-f10725bb842f@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "6abcccab-5925-449f-8ae7-0032b40acfaf@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "8904192e-3b76-47c6-aab2-7299e1097c2f@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "9ba49132-f142-46f6-87bc-6cd642fc930b@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "17a8ff9e-0e0d-459d-bca5-66e6c32a07d2@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "61143473-e57c-4be1-9d05-4dedb7c9be1d@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "b564b9ac-2f0e-4fef-9734-cd0b229f8397@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "518e3eac-def4-44c5-b820-f38707338b3b@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "7ab8b177-bf41-4090-8f76-a7fec2cb2f4f@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "4a4019d8-5e2f-43ed-9819-9db24090eaf1@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "8bee5815-8414-4d1e-ba90-53af2894ad2b@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      },
+      {
+        "__uuid__": "45441e11-af45-49aa-aa1b-7e63c4921d70@f9941",
+        "__expectedType__": "cc.SpriteFrame"
+      }
+    ]
+  },
+  {
+    "__type__": "cc.AnimationClipAdditiveSettings",
+    "enabled": false,
+    "refClip": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/common-textures/animations/character/idle.anim.meta b/assets/cc-game/res/common-textures/animations/character/idle.anim.meta
new file mode 100644
index 0000000..3fe375d
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle.anim.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "2.0.3",
+  "importer": "animation-clip",
+  "imported": true,
+  "uuid": "6dd70c1b-d1ca-4169-823d-562b6c968e64",
+  "files": [
+    ".cconb"
+  ],
+  "subMetas": {},
+  "userData": {
+    "name": "idle"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle.meta b/assets/cc-game/res/common-textures/animations/character/idle.meta
new file mode 100644
index 0000000..27020a5
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "aa8d0da4-b3ca-4983-a8db-8dbd882d91fc",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_00.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_00.png
new file mode 100644
index 0000000..a5bbbf2
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_00.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_00.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_00.png.meta
new file mode 100644
index 0000000..03ffefe
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_00.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "d39143f4-9cb1-4456-bbc9-a17e95f94c1c",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "d39143f4-9cb1-4456-bbc9-a17e95f94c1c@6c48a",
+      "displayName": "template character-idle_00",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "d39143f4-9cb1-4456-bbc9-a17e95f94c1c",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "d39143f4-9cb1-4456-bbc9-a17e95f94c1c@f9941",
+      "displayName": "template character-idle_00",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "d39143f4-9cb1-4456-bbc9-a17e95f94c1c@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "d39143f4-9cb1-4456-bbc9-a17e95f94c1c@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_01.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_01.png
new file mode 100644
index 0000000..a75ad1b
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_01.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_01.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_01.png.meta
new file mode 100644
index 0000000..1ea7360
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_01.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "001673db-d964-4fe1-8877-29e38c07ec07",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "001673db-d964-4fe1-8877-29e38c07ec07@6c48a",
+      "displayName": "template character-idle_01",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "001673db-d964-4fe1-8877-29e38c07ec07",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "001673db-d964-4fe1-8877-29e38c07ec07@f9941",
+      "displayName": "template character-idle_01",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "001673db-d964-4fe1-8877-29e38c07ec07@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "001673db-d964-4fe1-8877-29e38c07ec07@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_02.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_02.png
new file mode 100644
index 0000000..05de42a
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_02.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_02.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_02.png.meta
new file mode 100644
index 0000000..94a3c5e
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_02.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "b5bb6063-75e6-4051-81f4-2fe3c2d9c76b",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "b5bb6063-75e6-4051-81f4-2fe3c2d9c76b@6c48a",
+      "displayName": "template character-idle_02",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b5bb6063-75e6-4051-81f4-2fe3c2d9c76b",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "b5bb6063-75e6-4051-81f4-2fe3c2d9c76b@f9941",
+      "displayName": "template character-idle_02",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b5bb6063-75e6-4051-81f4-2fe3c2d9c76b@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "b5bb6063-75e6-4051-81f4-2fe3c2d9c76b@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_03.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_03.png
new file mode 100644
index 0000000..331dad0
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_03.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_03.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_03.png.meta
new file mode 100644
index 0000000..b563c04
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_03.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "6ed0bd6e-8492-4424-a282-d4ea0886e6b8",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "6ed0bd6e-8492-4424-a282-d4ea0886e6b8@6c48a",
+      "displayName": "template character-idle_03",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "6ed0bd6e-8492-4424-a282-d4ea0886e6b8",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "6ed0bd6e-8492-4424-a282-d4ea0886e6b8@f9941",
+      "displayName": "template character-idle_03",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "6ed0bd6e-8492-4424-a282-d4ea0886e6b8@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "6ed0bd6e-8492-4424-a282-d4ea0886e6b8@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_04.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_04.png
new file mode 100644
index 0000000..139d6d7
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_04.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_04.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_04.png.meta
new file mode 100644
index 0000000..7f2a136
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_04.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "6425708c-d048-4e55-bfc7-e55e64137b85",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "6425708c-d048-4e55-bfc7-e55e64137b85@6c48a",
+      "displayName": "template character-idle_04",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "6425708c-d048-4e55-bfc7-e55e64137b85",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "6425708c-d048-4e55-bfc7-e55e64137b85@f9941",
+      "displayName": "template character-idle_04",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "6425708c-d048-4e55-bfc7-e55e64137b85@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "6425708c-d048-4e55-bfc7-e55e64137b85@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_05.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_05.png
new file mode 100644
index 0000000..962f8b6
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_05.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_05.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_05.png.meta
new file mode 100644
index 0000000..ea8e381
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_05.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "6d3ce880-bbc3-427b-ae61-a15f4bad51f5",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "6d3ce880-bbc3-427b-ae61-a15f4bad51f5@6c48a",
+      "displayName": "template character-idle_05",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "6d3ce880-bbc3-427b-ae61-a15f4bad51f5",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "6d3ce880-bbc3-427b-ae61-a15f4bad51f5@f9941",
+      "displayName": "template character-idle_05",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "6d3ce880-bbc3-427b-ae61-a15f4bad51f5@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "6d3ce880-bbc3-427b-ae61-a15f4bad51f5@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_06.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_06.png
new file mode 100644
index 0000000..a393fb7
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_06.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_06.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_06.png.meta
new file mode 100644
index 0000000..5770f4e
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_06.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "72820076-c6d7-46f8-abc4-37695c46b74e",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "72820076-c6d7-46f8-abc4-37695c46b74e@6c48a",
+      "displayName": "template character-idle_06",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "72820076-c6d7-46f8-abc4-37695c46b74e",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "72820076-c6d7-46f8-abc4-37695c46b74e@f9941",
+      "displayName": "template character-idle_06",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "72820076-c6d7-46f8-abc4-37695c46b74e@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "72820076-c6d7-46f8-abc4-37695c46b74e@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_07.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_07.png
new file mode 100644
index 0000000..a41874e
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_07.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_07.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_07.png.meta
new file mode 100644
index 0000000..df7510f
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_07.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "5b74a743-cede-40ad-9ef5-1a74ce0762f1",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "5b74a743-cede-40ad-9ef5-1a74ce0762f1@6c48a",
+      "displayName": "template character-idle_07",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5b74a743-cede-40ad-9ef5-1a74ce0762f1",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "5b74a743-cede-40ad-9ef5-1a74ce0762f1@f9941",
+      "displayName": "template character-idle_07",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5b74a743-cede-40ad-9ef5-1a74ce0762f1@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "5b74a743-cede-40ad-9ef5-1a74ce0762f1@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_08.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_08.png
new file mode 100644
index 0000000..325de5a
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_08.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_08.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_08.png.meta
new file mode 100644
index 0000000..7682cbc
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_08.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "5e71c658-2487-4a72-8b9e-323c1129e6c4",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "5e71c658-2487-4a72-8b9e-323c1129e6c4@6c48a",
+      "displayName": "template character-idle_08",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5e71c658-2487-4a72-8b9e-323c1129e6c4",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "5e71c658-2487-4a72-8b9e-323c1129e6c4@f9941",
+      "displayName": "template character-idle_08",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5e71c658-2487-4a72-8b9e-323c1129e6c4@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "5e71c658-2487-4a72-8b9e-323c1129e6c4@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_09.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_09.png
new file mode 100644
index 0000000..97322d0
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_09.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_09.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_09.png.meta
new file mode 100644
index 0000000..29a0006
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_09.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "542e184d-9549-4e02-9917-4b4ccc57451c",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "542e184d-9549-4e02-9917-4b4ccc57451c@6c48a",
+      "displayName": "template character-idle_09",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "542e184d-9549-4e02-9917-4b4ccc57451c",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "542e184d-9549-4e02-9917-4b4ccc57451c@f9941",
+      "displayName": "template character-idle_09",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "542e184d-9549-4e02-9917-4b4ccc57451c@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "542e184d-9549-4e02-9917-4b4ccc57451c@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_10.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_10.png
new file mode 100644
index 0000000..92a5966
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_10.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_10.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_10.png.meta
new file mode 100644
index 0000000..deaf6c7
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_10.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "5821f47a-fd7f-4018-8749-4708d74567c3",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "5821f47a-fd7f-4018-8749-4708d74567c3@6c48a",
+      "displayName": "template character-idle_10",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5821f47a-fd7f-4018-8749-4708d74567c3",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "5821f47a-fd7f-4018-8749-4708d74567c3@f9941",
+      "displayName": "template character-idle_10",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5821f47a-fd7f-4018-8749-4708d74567c3@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "5821f47a-fd7f-4018-8749-4708d74567c3@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_11.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_11.png
new file mode 100644
index 0000000..d5250ce
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_11.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_11.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_11.png.meta
new file mode 100644
index 0000000..9000547
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_11.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "bd9a24cf-668c-40f9-84f4-f21e64f5be4c",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "bd9a24cf-668c-40f9-84f4-f21e64f5be4c@6c48a",
+      "displayName": "template character-idle_11",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "bd9a24cf-668c-40f9-84f4-f21e64f5be4c",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "bd9a24cf-668c-40f9-84f4-f21e64f5be4c@f9941",
+      "displayName": "template character-idle_11",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "bd9a24cf-668c-40f9-84f4-f21e64f5be4c@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "bd9a24cf-668c-40f9-84f4-f21e64f5be4c@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_12.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_12.png
new file mode 100644
index 0000000..d223713
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_12.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_12.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_12.png.meta
new file mode 100644
index 0000000..3952e0a
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_12.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "50a5bb52-d102-4b6b-9a3e-f10725bb842f",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "50a5bb52-d102-4b6b-9a3e-f10725bb842f@6c48a",
+      "displayName": "template character-idle_12",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "50a5bb52-d102-4b6b-9a3e-f10725bb842f",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "50a5bb52-d102-4b6b-9a3e-f10725bb842f@f9941",
+      "displayName": "template character-idle_12",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "50a5bb52-d102-4b6b-9a3e-f10725bb842f@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "50a5bb52-d102-4b6b-9a3e-f10725bb842f@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_13.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_13.png
new file mode 100644
index 0000000..8fa7e1e
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_13.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_13.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_13.png.meta
new file mode 100644
index 0000000..ba1e3ec
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_13.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "6abcccab-5925-449f-8ae7-0032b40acfaf",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "6abcccab-5925-449f-8ae7-0032b40acfaf@6c48a",
+      "displayName": "template character-idle_13",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "6abcccab-5925-449f-8ae7-0032b40acfaf",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "6abcccab-5925-449f-8ae7-0032b40acfaf@f9941",
+      "displayName": "template character-idle_13",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "6abcccab-5925-449f-8ae7-0032b40acfaf@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "6abcccab-5925-449f-8ae7-0032b40acfaf@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_14.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_14.png
new file mode 100644
index 0000000..b4f306c
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_14.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_14.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_14.png.meta
new file mode 100644
index 0000000..be0277f
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_14.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "8904192e-3b76-47c6-aab2-7299e1097c2f",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "8904192e-3b76-47c6-aab2-7299e1097c2f@6c48a",
+      "displayName": "template character-idle_14",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8904192e-3b76-47c6-aab2-7299e1097c2f",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "8904192e-3b76-47c6-aab2-7299e1097c2f@f9941",
+      "displayName": "template character-idle_14",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8904192e-3b76-47c6-aab2-7299e1097c2f@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "8904192e-3b76-47c6-aab2-7299e1097c2f@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_15.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_15.png
new file mode 100644
index 0000000..b839672
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_15.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_15.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_15.png.meta
new file mode 100644
index 0000000..998180c
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_15.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "9ba49132-f142-46f6-87bc-6cd642fc930b",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "9ba49132-f142-46f6-87bc-6cd642fc930b@6c48a",
+      "displayName": "template character-idle_15",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9ba49132-f142-46f6-87bc-6cd642fc930b",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "9ba49132-f142-46f6-87bc-6cd642fc930b@f9941",
+      "displayName": "template character-idle_15",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9ba49132-f142-46f6-87bc-6cd642fc930b@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "9ba49132-f142-46f6-87bc-6cd642fc930b@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_16.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_16.png
new file mode 100644
index 0000000..974bcce
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_16.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_16.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_16.png.meta
new file mode 100644
index 0000000..4d3630f
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_16.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "17a8ff9e-0e0d-459d-bca5-66e6c32a07d2",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "17a8ff9e-0e0d-459d-bca5-66e6c32a07d2@6c48a",
+      "displayName": "template character-idle_16",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "17a8ff9e-0e0d-459d-bca5-66e6c32a07d2",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "17a8ff9e-0e0d-459d-bca5-66e6c32a07d2@f9941",
+      "displayName": "template character-idle_16",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "17a8ff9e-0e0d-459d-bca5-66e6c32a07d2@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "17a8ff9e-0e0d-459d-bca5-66e6c32a07d2@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_17.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_17.png
new file mode 100644
index 0000000..10e458d
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_17.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_17.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_17.png.meta
new file mode 100644
index 0000000..817a102
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_17.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "61143473-e57c-4be1-9d05-4dedb7c9be1d",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "61143473-e57c-4be1-9d05-4dedb7c9be1d@6c48a",
+      "displayName": "template character-idle_17",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "61143473-e57c-4be1-9d05-4dedb7c9be1d",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "61143473-e57c-4be1-9d05-4dedb7c9be1d@f9941",
+      "displayName": "template character-idle_17",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "61143473-e57c-4be1-9d05-4dedb7c9be1d@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "61143473-e57c-4be1-9d05-4dedb7c9be1d@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_18.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_18.png
new file mode 100644
index 0000000..6dceec0
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_18.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_18.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_18.png.meta
new file mode 100644
index 0000000..fae9e5a
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_18.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "b564b9ac-2f0e-4fef-9734-cd0b229f8397",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "b564b9ac-2f0e-4fef-9734-cd0b229f8397@6c48a",
+      "displayName": "template character-idle_18",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b564b9ac-2f0e-4fef-9734-cd0b229f8397",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "b564b9ac-2f0e-4fef-9734-cd0b229f8397@f9941",
+      "displayName": "template character-idle_18",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b564b9ac-2f0e-4fef-9734-cd0b229f8397@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "b564b9ac-2f0e-4fef-9734-cd0b229f8397@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_19.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_19.png
new file mode 100644
index 0000000..0b5d9ad
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_19.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_19.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_19.png.meta
new file mode 100644
index 0000000..87e62aa
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_19.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "518e3eac-def4-44c5-b820-f38707338b3b",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "518e3eac-def4-44c5-b820-f38707338b3b@6c48a",
+      "displayName": "template character-idle_19",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "518e3eac-def4-44c5-b820-f38707338b3b",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "518e3eac-def4-44c5-b820-f38707338b3b@f9941",
+      "displayName": "template character-idle_19",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "518e3eac-def4-44c5-b820-f38707338b3b@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "518e3eac-def4-44c5-b820-f38707338b3b@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_20.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_20.png
new file mode 100644
index 0000000..08b48fd
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_20.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_20.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_20.png.meta
new file mode 100644
index 0000000..bcbf094
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_20.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "7ab8b177-bf41-4090-8f76-a7fec2cb2f4f",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "7ab8b177-bf41-4090-8f76-a7fec2cb2f4f@6c48a",
+      "displayName": "template character-idle_20",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "7ab8b177-bf41-4090-8f76-a7fec2cb2f4f",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "7ab8b177-bf41-4090-8f76-a7fec2cb2f4f@f9941",
+      "displayName": "template character-idle_20",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "7ab8b177-bf41-4090-8f76-a7fec2cb2f4f@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "7ab8b177-bf41-4090-8f76-a7fec2cb2f4f@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_21.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_21.png
new file mode 100644
index 0000000..f71031e
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_21.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_21.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_21.png.meta
new file mode 100644
index 0000000..2135fed
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_21.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "4a4019d8-5e2f-43ed-9819-9db24090eaf1",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "4a4019d8-5e2f-43ed-9819-9db24090eaf1@6c48a",
+      "displayName": "template character-idle_21",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "4a4019d8-5e2f-43ed-9819-9db24090eaf1",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "4a4019d8-5e2f-43ed-9819-9db24090eaf1@f9941",
+      "displayName": "template character-idle_21",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "4a4019d8-5e2f-43ed-9819-9db24090eaf1@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "4a4019d8-5e2f-43ed-9819-9db24090eaf1@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_22.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_22.png
new file mode 100644
index 0000000..a9a5d7e
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_22.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_22.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_22.png.meta
new file mode 100644
index 0000000..2dd28bc
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_22.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "8bee5815-8414-4d1e-ba90-53af2894ad2b",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "8bee5815-8414-4d1e-ba90-53af2894ad2b@6c48a",
+      "displayName": "template character-idle_22",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8bee5815-8414-4d1e-ba90-53af2894ad2b",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "8bee5815-8414-4d1e-ba90-53af2894ad2b@f9941",
+      "displayName": "template character-idle_22",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8bee5815-8414-4d1e-ba90-53af2894ad2b@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "8bee5815-8414-4d1e-ba90-53af2894ad2b@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_23.png b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_23.png
new file mode 100644
index 0000000..846fd06
Binary files /dev/null and b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_23.png differ
diff --git a/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_23.png.meta b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_23.png.meta
new file mode 100644
index 0000000..bf2d234
--- /dev/null
+++ b/assets/cc-game/res/common-textures/animations/character/idle/template character-idle_23.png.meta	
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "45441e11-af45-49aa-aa1b-7e63c4921d70",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "45441e11-af45-49aa-aa1b-7e63c4921d70@6c48a",
+      "displayName": "template character-idle_23",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "45441e11-af45-49aa-aa1b-7e63c4921d70",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "45441e11-af45-49aa-aa1b-7e63c4921d70@f9941",
+      "displayName": "template character-idle_23",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 351,
+        "height": 502,
+        "rawWidth": 351,
+        "rawHeight": 502,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -175.5,
+            -251,
+            0,
+            175.5,
+            -251,
+            0,
+            -175.5,
+            251,
+            0,
+            175.5,
+            251,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            502,
+            351,
+            502,
+            0,
+            0,
+            351,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -175.5,
+            -251,
+            0
+          ],
+          "maxPos": [
+            175.5,
+            251,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "45441e11-af45-49aa-aa1b-7e63c4921d70@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "45441e11-af45-49aa-aa1b-7e63c4921d70@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/at_texture.pac b/assets/cc-game/res/common-textures/at_texture.pac
new file mode 100644
index 0000000..39b3c02
--- /dev/null
+++ b/assets/cc-game/res/common-textures/at_texture.pac
@@ -0,0 +1,3 @@
+{
+    "__type__": "cc.SpriteAtlas"
+}
diff --git a/assets/cc-game/res/common-textures/at_texture.pac.meta b/assets/cc-game/res/common-textures/at_texture.pac.meta
new file mode 100644
index 0000000..81fc0fd
--- /dev/null
+++ b/assets/cc-game/res/common-textures/at_texture.pac.meta
@@ -0,0 +1,36 @@
+{
+  "ver": "1.0.8",
+  "importer": "auto-atlas",
+  "imported": true,
+  "uuid": "e6240776-1785-4dda-a0e4-24f8e23d7564",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "maxWidth": 2048,
+    "maxHeight": 2048,
+    "padding": 2,
+    "allowRotation": true,
+    "forceSquared": false,
+    "powerOfTwo": false,
+    "algorithm": "MaxRects",
+    "format": "png",
+    "quality": 80,
+    "contourBleed": true,
+    "paddingBleed": true,
+    "filterUnused": true,
+    "removeTextureInBundle": true,
+    "removeImageInBundle": true,
+    "removeSpriteAtlasInBundle": true,
+    "compressSettings": {},
+    "textureSetting": {
+      "wrapModeS": "repeat",
+      "wrapModeT": "repeat",
+      "minfilter": "linear",
+      "magfilter": "linear",
+      "mipfilter": "none",
+      "anisotropy": 0
+    }
+  }
+}
diff --git a/assets/cc-game/res/common-textures/bg.png b/assets/cc-game/res/common-textures/bg.png
new file mode 100644
index 0000000..e488cd3
Binary files /dev/null and b/assets/cc-game/res/common-textures/bg.png differ
diff --git a/assets/cc-game/res/common-textures/bg.png.meta b/assets/cc-game/res/common-textures/bg.png.meta
new file mode 100644
index 0000000..e9e79e8
--- /dev/null
+++ b/assets/cc-game/res/common-textures/bg.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "c0f4d665-1de6-45d1-96fd-fafb5812e913",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "c0f4d665-1de6-45d1-96fd-fafb5812e913@6c48a",
+      "displayName": "bg",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "c0f4d665-1de6-45d1-96fd-fafb5812e913",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "c0f4d665-1de6-45d1-96fd-fafb5812e913@f9941",
+      "displayName": "bg",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 100,
+        "height": 100,
+        "rawWidth": 100,
+        "rawHeight": 100,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -50,
+            -50,
+            0,
+            50,
+            -50,
+            0,
+            -50,
+            50,
+            0,
+            50,
+            50,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            100,
+            100,
+            100,
+            0,
+            0,
+            100,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -50,
+            -50,
+            0
+          ],
+          "maxPos": [
+            50,
+            50,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "c0f4d665-1de6-45d1-96fd-fafb5812e913@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "c0f4d665-1de6-45d1-96fd-fafb5812e913@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/hex.png b/assets/cc-game/res/common-textures/hex.png
new file mode 100644
index 0000000..15b75f8
Binary files /dev/null and b/assets/cc-game/res/common-textures/hex.png differ
diff --git a/assets/cc-game/res/common-textures/hex.png.meta b/assets/cc-game/res/common-textures/hex.png.meta
new file mode 100644
index 0000000..3b1e836
--- /dev/null
+++ b/assets/cc-game/res/common-textures/hex.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "35e48152-8b86-4023-b87c-f745b261b992",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "35e48152-8b86-4023-b87c-f745b261b992@6c48a",
+      "displayName": "hex",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "35e48152-8b86-4023-b87c-f745b261b992",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "35e48152-8b86-4023-b87c-f745b261b992@f9941",
+      "displayName": "hex",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 262,
+        "height": 228,
+        "rawWidth": 262,
+        "rawHeight": 228,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -131,
+            -114,
+            0,
+            131,
+            -114,
+            0,
+            -131,
+            114,
+            0,
+            131,
+            114,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            228,
+            262,
+            228,
+            0,
+            0,
+            262,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -131,
+            -114,
+            0
+          ],
+          "maxPos": [
+            131,
+            114,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "35e48152-8b86-4023-b87c-f745b261b992@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "35e48152-8b86-4023-b87c-f745b261b992@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame.meta b/assets/cc-game/res/common-textures/inGame.meta
new file mode 100644
index 0000000..2d75fbc
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "65755193-76fe-4009-8740-af0597b82efe",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Ads_Bar.png b/assets/cc-game/res/common-textures/inGame/Ads_Bar.png
new file mode 100644
index 0000000..e971993
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Ads_Bar.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Ads_Bar.png.meta b/assets/cc-game/res/common-textures/inGame/Ads_Bar.png.meta
new file mode 100644
index 0000000..8765c1d
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Ads_Bar.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "9af8a641-41eb-46e0-a686-44d17dd5e098",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "9af8a641-41eb-46e0-a686-44d17dd5e098@6c48a",
+      "displayName": "Ads_Bar",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9af8a641-41eb-46e0-a686-44d17dd5e098",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "9af8a641-41eb-46e0-a686-44d17dd5e098@f9941",
+      "displayName": "Ads_Bar",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 1080,
+        "height": 196,
+        "rawWidth": 1080,
+        "rawHeight": 196,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -540,
+            -98,
+            0,
+            540,
+            -98,
+            0,
+            -540,
+            98,
+            0,
+            540,
+            98,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            196,
+            1080,
+            196,
+            0,
+            0,
+            1080,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -540,
+            -98,
+            0
+          ],
+          "maxPos": [
+            540,
+            98,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9af8a641-41eb-46e0-a686-44d17dd5e098@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "9af8a641-41eb-46e0-a686-44d17dd5e098@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/BG-1.png b/assets/cc-game/res/common-textures/inGame/BG-1.png
new file mode 100644
index 0000000..274cfd3
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/BG-1.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/BG-1.png.meta b/assets/cc-game/res/common-textures/inGame/BG-1.png.meta
new file mode 100644
index 0000000..499bbe7
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/BG-1.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "f0f202f9-acbd-4744-8ea4-fd5c6fe60930",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "f0f202f9-acbd-4744-8ea4-fd5c6fe60930@6c48a",
+      "displayName": "BG-1",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f0f202f9-acbd-4744-8ea4-fd5c6fe60930",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "f0f202f9-acbd-4744-8ea4-fd5c6fe60930@f9941",
+      "displayName": "BG-1",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 1080,
+        "height": 2340,
+        "rawWidth": 1080,
+        "rawHeight": 2340,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -540,
+            -1170,
+            0,
+            540,
+            -1170,
+            0,
+            -540,
+            1170,
+            0,
+            540,
+            1170,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            2340,
+            1080,
+            2340,
+            0,
+            0,
+            1080,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -540,
+            -1170,
+            0
+          ],
+          "maxPos": [
+            540,
+            1170,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f0f202f9-acbd-4744-8ea4-fd5c6fe60930@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "f0f202f9-acbd-4744-8ea4-fd5c6fe60930@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Ava_Base.png b/assets/cc-game/res/common-textures/inGame/Boss_Ava_Base.png
new file mode 100644
index 0000000..b01a2ac
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Boss_Ava_Base.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Ava_Base.png.meta b/assets/cc-game/res/common-textures/inGame/Boss_Ava_Base.png.meta
new file mode 100644
index 0000000..cf0d1b6
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Boss_Ava_Base.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "fbc52b01-144b-4d7b-9b61-10a4c6881424",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "fbc52b01-144b-4d7b-9b61-10a4c6881424@6c48a",
+      "displayName": "Boss_Ava_Base",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "fbc52b01-144b-4d7b-9b61-10a4c6881424",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "fbc52b01-144b-4d7b-9b61-10a4c6881424@f9941",
+      "displayName": "Boss_Ava_Base",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 142,
+        "height": 146,
+        "rawWidth": 142,
+        "rawHeight": 146,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -71,
+            -73,
+            0,
+            71,
+            -73,
+            0,
+            -71,
+            73,
+            0,
+            71,
+            73,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            146,
+            142,
+            146,
+            0,
+            0,
+            142,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -71,
+            -73,
+            0
+          ],
+          "maxPos": [
+            71,
+            73,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "fbc52b01-144b-4d7b-9b61-10a4c6881424@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "fbc52b01-144b-4d7b-9b61-10a4c6881424@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Ava_Frame.png b/assets/cc-game/res/common-textures/inGame/Boss_Ava_Frame.png
new file mode 100644
index 0000000..502733f
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Boss_Ava_Frame.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Ava_Frame.png.meta b/assets/cc-game/res/common-textures/inGame/Boss_Ava_Frame.png.meta
new file mode 100644
index 0000000..ff617a6
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Boss_Ava_Frame.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "e051a446-c1cf-46e5-83c1-4e453df26e0a",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "e051a446-c1cf-46e5-83c1-4e453df26e0a@6c48a",
+      "displayName": "Boss_Ava_Frame",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e051a446-c1cf-46e5-83c1-4e453df26e0a",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "e051a446-c1cf-46e5-83c1-4e453df26e0a@f9941",
+      "displayName": "Boss_Ava_Frame",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 142,
+        "height": 146,
+        "rawWidth": 142,
+        "rawHeight": 146,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -71,
+            -73,
+            0,
+            71,
+            -73,
+            0,
+            -71,
+            73,
+            0,
+            71,
+            73,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            146,
+            142,
+            146,
+            0,
+            0,
+            142,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -71,
+            -73,
+            0
+          ],
+          "maxPos": [
+            71,
+            73,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e051a446-c1cf-46e5-83c1-4e453df26e0a@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "e051a446-c1cf-46e5-83c1-4e453df26e0a@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar.png b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar.png
new file mode 100644
index 0000000..77d77b3
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar.png.meta b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar.png.meta
new file mode 100644
index 0000000..5a5b945
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "b5dc93ff-6acb-42e1-b4ac-f179c69f10f1",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "b5dc93ff-6acb-42e1-b4ac-f179c69f10f1@6c48a",
+      "displayName": "Boss_Blood_Bar",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b5dc93ff-6acb-42e1-b4ac-f179c69f10f1",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "b5dc93ff-6acb-42e1-b4ac-f179c69f10f1@f9941",
+      "displayName": "Boss_Blood_Bar",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 985,
+        "height": 75,
+        "rawWidth": 985,
+        "rawHeight": 75,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -492.5,
+            -37.5,
+            0,
+            492.5,
+            -37.5,
+            0,
+            -492.5,
+            37.5,
+            0,
+            492.5,
+            37.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            75,
+            985,
+            75,
+            0,
+            0,
+            985,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -492.5,
+            -37.5,
+            0
+          ],
+          "maxPos": [
+            492.5,
+            37.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b5dc93ff-6acb-42e1-b4ac-f179c69f10f1@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "b5dc93ff-6acb-42e1-b4ac-f179c69f10f1@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Base.png b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Base.png
new file mode 100644
index 0000000..e6c7253
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Base.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Base.png.meta b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Base.png.meta
new file mode 100644
index 0000000..c58e41a
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Base.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "80fc0e02-09e2-493c-95dc-072b2b4e7758",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "80fc0e02-09e2-493c-95dc-072b2b4e7758@6c48a",
+      "displayName": "Boss_Blood_Bar_Base",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "80fc0e02-09e2-493c-95dc-072b2b4e7758",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "80fc0e02-09e2-493c-95dc-072b2b4e7758@f9941",
+      "displayName": "Boss_Blood_Bar_Base",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 985,
+        "height": 75,
+        "rawWidth": 985,
+        "rawHeight": 75,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -492.5,
+            -37.5,
+            0,
+            492.5,
+            -37.5,
+            0,
+            -492.5,
+            37.5,
+            0,
+            492.5,
+            37.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            75,
+            985,
+            75,
+            0,
+            0,
+            985,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -492.5,
+            -37.5,
+            0
+          ],
+          "maxPos": [
+            492.5,
+            37.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "80fc0e02-09e2-493c-95dc-072b2b4e7758@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "80fc0e02-09e2-493c-95dc-072b2b4e7758@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Frame.png b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Frame.png
new file mode 100644
index 0000000..cd71045
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Frame.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Frame.png.meta b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Frame.png.meta
new file mode 100644
index 0000000..322f069
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Boss_Blood_Bar_Frame.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "2488f656-a182-4ab3-99c9-791ebdb75642",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "2488f656-a182-4ab3-99c9-791ebdb75642@6c48a",
+      "displayName": "Boss_Blood_Bar_Frame",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "2488f656-a182-4ab3-99c9-791ebdb75642",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "2488f656-a182-4ab3-99c9-791ebdb75642@f9941",
+      "displayName": "Boss_Blood_Bar_Frame",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 985,
+        "height": 75,
+        "rawWidth": 985,
+        "rawHeight": 75,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -492.5,
+            -37.5,
+            0,
+            492.5,
+            -37.5,
+            0,
+            -492.5,
+            37.5,
+            0,
+            492.5,
+            37.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            75,
+            985,
+            75,
+            0,
+            0,
+            985,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -492.5,
+            -37.5,
+            0
+          ],
+          "maxPos": [
+            492.5,
+            37.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "2488f656-a182-4ab3-99c9-791ebdb75642@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "2488f656-a182-4ab3-99c9-791ebdb75642@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Wave_Icon.png b/assets/cc-game/res/common-textures/inGame/Boss_Wave_Icon.png
new file mode 100644
index 0000000..784ee08
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Boss_Wave_Icon.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Boss_Wave_Icon.png.meta b/assets/cc-game/res/common-textures/inGame/Boss_Wave_Icon.png.meta
new file mode 100644
index 0000000..252e182
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Boss_Wave_Icon.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "64c8a5ea-507b-4f6b-a93c-6f57aff9b189",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "64c8a5ea-507b-4f6b-a93c-6f57aff9b189@6c48a",
+      "displayName": "Boss_Wave_Icon",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "64c8a5ea-507b-4f6b-a93c-6f57aff9b189",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "64c8a5ea-507b-4f6b-a93c-6f57aff9b189@f9941",
+      "displayName": "Boss_Wave_Icon",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 60,
+        "height": 47,
+        "rawWidth": 60,
+        "rawHeight": 47,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -30,
+            -23.5,
+            0,
+            30,
+            -23.5,
+            0,
+            -30,
+            23.5,
+            0,
+            30,
+            23.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            47,
+            60,
+            47,
+            0,
+            0,
+            60,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -30,
+            -23.5,
+            0
+          ],
+          "maxPos": [
+            30,
+            23.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "64c8a5ea-507b-4f6b-a93c-6f57aff9b189@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "64c8a5ea-507b-4f6b-a93c-6f57aff9b189@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Ava_Base.png b/assets/cc-game/res/common-textures/inGame/Char_Ava_Base.png
new file mode 100644
index 0000000..1c64445
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_Ava_Base.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Ava_Base.png.meta b/assets/cc-game/res/common-textures/inGame/Char_Ava_Base.png.meta
new file mode 100644
index 0000000..a34a3d8
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_Ava_Base.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "b013ba9e-a38e-4990-8881-b03ec8ab685e",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "b013ba9e-a38e-4990-8881-b03ec8ab685e@6c48a",
+      "displayName": "Char_Ava_Base",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b013ba9e-a38e-4990-8881-b03ec8ab685e",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "b013ba9e-a38e-4990-8881-b03ec8ab685e@f9941",
+      "displayName": "Char_Ava_Base",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 106,
+        "height": 106,
+        "rawWidth": 106,
+        "rawHeight": 106,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -53,
+            -53,
+            0,
+            53,
+            -53,
+            0,
+            -53,
+            53,
+            0,
+            53,
+            53,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            106,
+            106,
+            106,
+            0,
+            0,
+            106,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -53,
+            -53,
+            0
+          ],
+          "maxPos": [
+            53,
+            53,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b013ba9e-a38e-4990-8881-b03ec8ab685e@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "b013ba9e-a38e-4990-8881-b03ec8ab685e@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Ava_Frame.png b/assets/cc-game/res/common-textures/inGame/Char_Ava_Frame.png
new file mode 100644
index 0000000..dc5ac01
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_Ava_Frame.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Ava_Frame.png.meta b/assets/cc-game/res/common-textures/inGame/Char_Ava_Frame.png.meta
new file mode 100644
index 0000000..1767e6c
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_Ava_Frame.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "8ea60dd1-a911-4ac8-8565-1ca841630422",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "8ea60dd1-a911-4ac8-8565-1ca841630422@6c48a",
+      "displayName": "Char_Ava_Frame",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8ea60dd1-a911-4ac8-8565-1ca841630422",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "8ea60dd1-a911-4ac8-8565-1ca841630422@f9941",
+      "displayName": "Char_Ava_Frame",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 106,
+        "height": 111,
+        "rawWidth": 106,
+        "rawHeight": 111,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -53,
+            -55.5,
+            0,
+            53,
+            -55.5,
+            0,
+            -53,
+            55.5,
+            0,
+            53,
+            55.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            111,
+            106,
+            111,
+            0,
+            0,
+            106,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -53,
+            -55.5,
+            0
+          ],
+          "maxPos": [
+            53,
+            55.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8ea60dd1-a911-4ac8-8565-1ca841630422@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "8ea60dd1-a911-4ac8-8565-1ca841630422@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar.png b/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar.png
new file mode 100644
index 0000000..0ae781d
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar.png.meta b/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar.png.meta
new file mode 100644
index 0000000..315ef26
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "dd6d9dbd-fafe-4b9e-beda-6e78bed22d75",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "dd6d9dbd-fafe-4b9e-beda-6e78bed22d75@6c48a",
+      "displayName": "Char_Blood_Bar",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "dd6d9dbd-fafe-4b9e-beda-6e78bed22d75",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "dd6d9dbd-fafe-4b9e-beda-6e78bed22d75@f9941",
+      "displayName": "Char_Blood_Bar",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 146,
+        "height": 17,
+        "rawWidth": 146,
+        "rawHeight": 17,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -73,
+            -8.5,
+            0,
+            73,
+            -8.5,
+            0,
+            -73,
+            8.5,
+            0,
+            73,
+            8.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            17,
+            146,
+            17,
+            0,
+            0,
+            146,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -73,
+            -8.5,
+            0
+          ],
+          "maxPos": [
+            73,
+            8.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "dd6d9dbd-fafe-4b9e-beda-6e78bed22d75@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "dd6d9dbd-fafe-4b9e-beda-6e78bed22d75@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar_Base.png b/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar_Base.png
new file mode 100644
index 0000000..c9633df
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar_Base.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar_Base.png.meta b/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar_Base.png.meta
new file mode 100644
index 0000000..1cf7979
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_Blood_Bar_Base.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "e3f26fcf-d790-440e-b153-a1ffc63011a6",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "e3f26fcf-d790-440e-b153-a1ffc63011a6@6c48a",
+      "displayName": "Char_Blood_Bar_Base",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e3f26fcf-d790-440e-b153-a1ffc63011a6",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "e3f26fcf-d790-440e-b153-a1ffc63011a6@f9941",
+      "displayName": "Char_Blood_Bar_Base",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 146,
+        "height": 17,
+        "rawWidth": 146,
+        "rawHeight": 17,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -73,
+            -8.5,
+            0,
+            73,
+            -8.5,
+            0,
+            -73,
+            8.5,
+            0,
+            73,
+            8.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            17,
+            146,
+            17,
+            0,
+            0,
+            146,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -73,
+            -8.5,
+            0
+          ],
+          "maxPos": [
+            73,
+            8.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e3f26fcf-d790-440e-b153-a1ffc63011a6@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "e3f26fcf-d790-440e-b153-a1ffc63011a6@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar.png b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar.png
new file mode 100644
index 0000000..2e70a80
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar.png.meta b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar.png.meta
new file mode 100644
index 0000000..f25a8d6
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "e43d369c-19cb-45af-b9eb-a85c92703423",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "e43d369c-19cb-45af-b9eb-a85c92703423@6c48a",
+      "displayName": "Char_EXP_Bar",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e43d369c-19cb-45af-b9eb-a85c92703423",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "e43d369c-19cb-45af-b9eb-a85c92703423@f9941",
+      "displayName": "Char_EXP_Bar",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 971,
+        "height": 87,
+        "rawWidth": 971,
+        "rawHeight": 87,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 100,
+        "borderRight": 100,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -485.5,
+            -43.5,
+            0,
+            485.5,
+            -43.5,
+            0,
+            -485.5,
+            43.5,
+            0,
+            485.5,
+            43.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            87,
+            971,
+            87,
+            0,
+            0,
+            971,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -485.5,
+            -43.5,
+            0
+          ],
+          "maxPos": [
+            485.5,
+            43.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "e43d369c-19cb-45af-b9eb-a85c92703423@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "e43d369c-19cb-45af-b9eb-a85c92703423@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Base.png b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Base.png
new file mode 100644
index 0000000..1db9626
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Base.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Base.png.meta b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Base.png.meta
new file mode 100644
index 0000000..f17d3ea
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Base.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "83b2b46f-663e-4514-95ba-2632f1b253d2",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "83b2b46f-663e-4514-95ba-2632f1b253d2@6c48a",
+      "displayName": "Char_EXP_Bar_Base",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "83b2b46f-663e-4514-95ba-2632f1b253d2",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "83b2b46f-663e-4514-95ba-2632f1b253d2@f9941",
+      "displayName": "Char_EXP_Bar_Base",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 971,
+        "height": 87,
+        "rawWidth": 971,
+        "rawHeight": 87,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -485.5,
+            -43.5,
+            0,
+            485.5,
+            -43.5,
+            0,
+            -485.5,
+            43.5,
+            0,
+            485.5,
+            43.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            87,
+            971,
+            87,
+            0,
+            0,
+            971,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -485.5,
+            -43.5,
+            0
+          ],
+          "maxPos": [
+            485.5,
+            43.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "83b2b46f-663e-4514-95ba-2632f1b253d2@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "83b2b46f-663e-4514-95ba-2632f1b253d2@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Frame.png b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Frame.png
new file mode 100644
index 0000000..c4dee81
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Frame.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Frame.png.meta b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Frame.png.meta
new file mode 100644
index 0000000..55da65d
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_EXP_Bar_Frame.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "543dbdec-1eaf-485a-9ee9-81fb32668808",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "543dbdec-1eaf-485a-9ee9-81fb32668808@6c48a",
+      "displayName": "Char_EXP_Bar_Frame",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "543dbdec-1eaf-485a-9ee9-81fb32668808",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "543dbdec-1eaf-485a-9ee9-81fb32668808@f9941",
+      "displayName": "Char_EXP_Bar_Frame",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 971,
+        "height": 87,
+        "rawWidth": 971,
+        "rawHeight": 87,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -485.5,
+            -43.5,
+            0,
+            485.5,
+            -43.5,
+            0,
+            -485.5,
+            43.5,
+            0,
+            485.5,
+            43.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            87,
+            971,
+            87,
+            0,
+            0,
+            971,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -485.5,
+            -43.5,
+            0
+          ],
+          "maxPos": [
+            485.5,
+            43.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "543dbdec-1eaf-485a-9ee9-81fb32668808@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "543dbdec-1eaf-485a-9ee9-81fb32668808@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar.png b/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar.png
new file mode 100644
index 0000000..ecb1b97
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar.png.meta b/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar.png.meta
new file mode 100644
index 0000000..ff37508
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "552de586-4f21-40d0-a91b-4b8f001dd4aa",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "552de586-4f21-40d0-a91b-4b8f001dd4aa@6c48a",
+      "displayName": "Char_Mana_Bar",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "552de586-4f21-40d0-a91b-4b8f001dd4aa",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "552de586-4f21-40d0-a91b-4b8f001dd4aa@f9941",
+      "displayName": "Char_Mana_Bar",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 145,
+        "height": 12,
+        "rawWidth": 145,
+        "rawHeight": 12,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -72.5,
+            -6,
+            0,
+            72.5,
+            -6,
+            0,
+            -72.5,
+            6,
+            0,
+            72.5,
+            6,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            12,
+            145,
+            12,
+            0,
+            0,
+            145,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -72.5,
+            -6,
+            0
+          ],
+          "maxPos": [
+            72.5,
+            6,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "552de586-4f21-40d0-a91b-4b8f001dd4aa@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "552de586-4f21-40d0-a91b-4b8f001dd4aa@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar_Base.png b/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar_Base.png
new file mode 100644
index 0000000..bd5abf2
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar_Base.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar_Base.png.meta b/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar_Base.png.meta
new file mode 100644
index 0000000..c1d64fe
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Char_Mana_Bar_Base.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "70f49786-11b3-4029-951b-4a7891664bf4",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "70f49786-11b3-4029-951b-4a7891664bf4@6c48a",
+      "displayName": "Char_Mana_Bar_Base",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "70f49786-11b3-4029-951b-4a7891664bf4",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "70f49786-11b3-4029-951b-4a7891664bf4@f9941",
+      "displayName": "Char_Mana_Bar_Base",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 146,
+        "height": 12,
+        "rawWidth": 146,
+        "rawHeight": 12,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -73,
+            -6,
+            0,
+            73,
+            -6,
+            0,
+            -73,
+            6,
+            0,
+            73,
+            6,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            12,
+            146,
+            12,
+            0,
+            0,
+            146,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -73,
+            -6,
+            0
+          ],
+          "maxPos": [
+            73,
+            6,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "70f49786-11b3-4029-951b-4a7891664bf4@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "70f49786-11b3-4029-951b-4a7891664bf4@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Coin_Frame.png b/assets/cc-game/res/common-textures/inGame/Coin_Frame.png
new file mode 100644
index 0000000..7506d9b
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Coin_Frame.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Coin_Frame.png.meta b/assets/cc-game/res/common-textures/inGame/Coin_Frame.png.meta
new file mode 100644
index 0000000..5dbba9a
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Coin_Frame.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "3e41f4f8-6dc4-48e4-8f07-631d95607a3c",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "3e41f4f8-6dc4-48e4-8f07-631d95607a3c@6c48a",
+      "displayName": "Coin_Frame",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "3e41f4f8-6dc4-48e4-8f07-631d95607a3c",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "3e41f4f8-6dc4-48e4-8f07-631d95607a3c@f9941",
+      "displayName": "Coin_Frame",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 242,
+        "height": 65,
+        "rawWidth": 242,
+        "rawHeight": 65,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -121,
+            -32.5,
+            0,
+            121,
+            -32.5,
+            0,
+            -121,
+            32.5,
+            0,
+            121,
+            32.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            65,
+            242,
+            65,
+            0,
+            0,
+            242,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -121,
+            -32.5,
+            0
+          ],
+          "maxPos": [
+            121,
+            32.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "3e41f4f8-6dc4-48e4-8f07-631d95607a3c@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "3e41f4f8-6dc4-48e4-8f07-631d95607a3c@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Coin_Icon.png b/assets/cc-game/res/common-textures/inGame/Coin_Icon.png
new file mode 100644
index 0000000..9bbe15c
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Coin_Icon.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Coin_Icon.png.meta b/assets/cc-game/res/common-textures/inGame/Coin_Icon.png.meta
new file mode 100644
index 0000000..cdcbba7
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Coin_Icon.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "674c9e1c-60bf-4b64-a7ad-97c3531c70a3",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "674c9e1c-60bf-4b64-a7ad-97c3531c70a3@6c48a",
+      "displayName": "Coin_Icon",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "674c9e1c-60bf-4b64-a7ad-97c3531c70a3",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "674c9e1c-60bf-4b64-a7ad-97c3531c70a3@f9941",
+      "displayName": "Coin_Icon",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 66,
+        "height": 69,
+        "rawWidth": 66,
+        "rawHeight": 69,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -33,
+            -34.5,
+            0,
+            33,
+            -34.5,
+            0,
+            -33,
+            34.5,
+            0,
+            33,
+            34.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            69,
+            66,
+            69,
+            0,
+            0,
+            66,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -33,
+            -34.5,
+            0
+          ],
+          "maxPos": [
+            33,
+            34.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "674c9e1c-60bf-4b64-a7ad-97c3531c70a3@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "674c9e1c-60bf-4b64-a7ad-97c3531c70a3@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Ingame Mockup.png b/assets/cc-game/res/common-textures/inGame/Ingame Mockup.png
new file mode 100644
index 0000000..6febf02
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Ingame Mockup.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Ingame Mockup.png.meta b/assets/cc-game/res/common-textures/inGame/Ingame Mockup.png.meta
new file mode 100644
index 0000000..c7744ad
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Ingame Mockup.png.meta	
@@ -0,0 +1,42 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "71f22baf-9b1a-4461-ba47-22b99bc0aabc",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "71f22baf-9b1a-4461-ba47-22b99bc0aabc@6c48a",
+      "displayName": "Ingame Mockup",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "repeat",
+        "wrapModeT": "repeat",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "71f22baf-9b1a-4461-ba47-22b99bc0aabc",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "texture",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "71f22baf-9b1a-4461-ba47-22b99bc0aabc@6c48a"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Option_Btn.png b/assets/cc-game/res/common-textures/inGame/Option_Btn.png
new file mode 100644
index 0000000..fcf948d
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Option_Btn.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Option_Btn.png.meta b/assets/cc-game/res/common-textures/inGame/Option_Btn.png.meta
new file mode 100644
index 0000000..787c8de
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Option_Btn.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "9eea03c2-086c-49f0-b3bb-6e3836ff436d",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "9eea03c2-086c-49f0-b3bb-6e3836ff436d@6c48a",
+      "displayName": "Option_Btn",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9eea03c2-086c-49f0-b3bb-6e3836ff436d",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "9eea03c2-086c-49f0-b3bb-6e3836ff436d@f9941",
+      "displayName": "Option_Btn",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 97,
+        "height": 97,
+        "rawWidth": 97,
+        "rawHeight": 97,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -48.5,
+            -48.5,
+            0,
+            48.5,
+            -48.5,
+            0,
+            -48.5,
+            48.5,
+            0,
+            48.5,
+            48.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            97,
+            97,
+            97,
+            0,
+            0,
+            97,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -48.5,
+            -48.5,
+            0
+          ],
+          "maxPos": [
+            48.5,
+            48.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "9eea03c2-086c-49f0-b3bb-6e3836ff436d@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "9eea03c2-086c-49f0-b3bb-6e3836ff436d@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Star_Icon.png b/assets/cc-game/res/common-textures/inGame/Star_Icon.png
new file mode 100644
index 0000000..30b529f
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Star_Icon.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Star_Icon.png.meta b/assets/cc-game/res/common-textures/inGame/Star_Icon.png.meta
new file mode 100644
index 0000000..346630b
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Star_Icon.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "448994d8-e0c2-4973-bbfc-3f990522330e",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "448994d8-e0c2-4973-bbfc-3f990522330e@6c48a",
+      "displayName": "Star_Icon",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "448994d8-e0c2-4973-bbfc-3f990522330e",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "448994d8-e0c2-4973-bbfc-3f990522330e@f9941",
+      "displayName": "Star_Icon",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 58,
+        "height": 62,
+        "rawWidth": 58,
+        "rawHeight": 62,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -29,
+            -31,
+            0,
+            29,
+            -31,
+            0,
+            -29,
+            31,
+            0,
+            29,
+            31,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            62,
+            58,
+            62,
+            0,
+            0,
+            58,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -29,
+            -31,
+            0
+          ],
+          "maxPos": [
+            29,
+            31,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "448994d8-e0c2-4973-bbfc-3f990522330e@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "448994d8-e0c2-4973-bbfc-3f990522330e@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Top_Bar.png b/assets/cc-game/res/common-textures/inGame/Top_Bar.png
new file mode 100644
index 0000000..51c64e7
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Top_Bar.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Top_Bar.png.meta b/assets/cc-game/res/common-textures/inGame/Top_Bar.png.meta
new file mode 100644
index 0000000..ab297ce
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Top_Bar.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "543bfb8a-3d3c-4ad5-8477-9a449236b780",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "543bfb8a-3d3c-4ad5-8477-9a449236b780@6c48a",
+      "displayName": "Top_Bar",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "543bfb8a-3d3c-4ad5-8477-9a449236b780",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "543bfb8a-3d3c-4ad5-8477-9a449236b780@f9941",
+      "displayName": "Top_Bar",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 1080,
+        "height": 382,
+        "rawWidth": 1080,
+        "rawHeight": 382,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -540,
+            -191,
+            0,
+            540,
+            -191,
+            0,
+            -540,
+            191,
+            0,
+            540,
+            191,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            382,
+            1080,
+            382,
+            0,
+            0,
+            1080,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -540,
+            -191,
+            0
+          ],
+          "maxPos": [
+            540,
+            191,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "543bfb8a-3d3c-4ad5-8477-9a449236b780@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "543bfb8a-3d3c-4ad5-8477-9a449236b780@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Bar.png b/assets/cc-game/res/common-textures/inGame/Wave_Bar.png
new file mode 100644
index 0000000..c904250
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Wave_Bar.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Bar.png.meta b/assets/cc-game/res/common-textures/inGame/Wave_Bar.png.meta
new file mode 100644
index 0000000..9da81e9
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Wave_Bar.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "041f6040-7a7b-49f8-ac92-b3e041336a2f",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "041f6040-7a7b-49f8-ac92-b3e041336a2f@6c48a",
+      "displayName": "Wave_Bar",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "041f6040-7a7b-49f8-ac92-b3e041336a2f",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "041f6040-7a7b-49f8-ac92-b3e041336a2f@f9941",
+      "displayName": "Wave_Bar",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 704,
+        "height": 21,
+        "rawWidth": 704,
+        "rawHeight": 21,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -352,
+            -10.5,
+            0,
+            352,
+            -10.5,
+            0,
+            -352,
+            10.5,
+            0,
+            352,
+            10.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            21,
+            704,
+            21,
+            0,
+            0,
+            704,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -352,
+            -10.5,
+            0
+          ],
+          "maxPos": [
+            352,
+            10.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "041f6040-7a7b-49f8-ac92-b3e041336a2f@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "041f6040-7a7b-49f8-ac92-b3e041336a2f@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Bar_Base.png b/assets/cc-game/res/common-textures/inGame/Wave_Bar_Base.png
new file mode 100644
index 0000000..f2eeac5
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Wave_Bar_Base.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Bar_Base.png.meta b/assets/cc-game/res/common-textures/inGame/Wave_Bar_Base.png.meta
new file mode 100644
index 0000000..c3af24f
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Wave_Bar_Base.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "5bc64297-4549-4818-841b-106c82498381",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "5bc64297-4549-4818-841b-106c82498381@6c48a",
+      "displayName": "Wave_Bar_Base",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5bc64297-4549-4818-841b-106c82498381",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "5bc64297-4549-4818-841b-106c82498381@f9941",
+      "displayName": "Wave_Bar_Base",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 704,
+        "height": 21,
+        "rawWidth": 704,
+        "rawHeight": 21,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -352,
+            -10.5,
+            0,
+            352,
+            -10.5,
+            0,
+            -352,
+            10.5,
+            0,
+            352,
+            10.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            21,
+            704,
+            21,
+            0,
+            0,
+            704,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -352,
+            -10.5,
+            0
+          ],
+          "maxPos": [
+            352,
+            10.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5bc64297-4549-4818-841b-106c82498381@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "5bc64297-4549-4818-841b-106c82498381@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Icon_Active.png b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Active.png
new file mode 100644
index 0000000..feb8e0c
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Active.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Icon_Active.png.meta b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Active.png.meta
new file mode 100644
index 0000000..b994c52
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Active.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "157dcdd2-4693-4c66-b783-6c8b15be1aa8",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "157dcdd2-4693-4c66-b783-6c8b15be1aa8@6c48a",
+      "displayName": "Wave_Icon_Active",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "157dcdd2-4693-4c66-b783-6c8b15be1aa8",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "157dcdd2-4693-4c66-b783-6c8b15be1aa8@f9941",
+      "displayName": "Wave_Icon_Active",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 53,
+        "height": 57,
+        "rawWidth": 53,
+        "rawHeight": 57,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -26.5,
+            -28.5,
+            0,
+            26.5,
+            -28.5,
+            0,
+            -26.5,
+            28.5,
+            0,
+            26.5,
+            28.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            57,
+            53,
+            57,
+            0,
+            0,
+            53,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -26.5,
+            -28.5,
+            0
+          ],
+          "maxPos": [
+            26.5,
+            28.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "157dcdd2-4693-4c66-b783-6c8b15be1aa8@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "157dcdd2-4693-4c66-b783-6c8b15be1aa8@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Icon_Done.png b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Done.png
new file mode 100644
index 0000000..d5924a5
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Done.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Icon_Done.png.meta b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Done.png.meta
new file mode 100644
index 0000000..f12fb73
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Done.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "a763b012-9220-4b73-a9bc-03ad106d6a67",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "a763b012-9220-4b73-a9bc-03ad106d6a67@6c48a",
+      "displayName": "Wave_Icon_Done",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "a763b012-9220-4b73-a9bc-03ad106d6a67",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "a763b012-9220-4b73-a9bc-03ad106d6a67@f9941",
+      "displayName": "Wave_Icon_Done",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 33,
+        "height": 35,
+        "rawWidth": 33,
+        "rawHeight": 35,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -16.5,
+            -17.5,
+            0,
+            16.5,
+            -17.5,
+            0,
+            -16.5,
+            17.5,
+            0,
+            16.5,
+            17.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            35,
+            33,
+            35,
+            0,
+            0,
+            33,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -16.5,
+            -17.5,
+            0
+          ],
+          "maxPos": [
+            16.5,
+            17.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "a763b012-9220-4b73-a9bc-03ad106d6a67@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "a763b012-9220-4b73-a9bc-03ad106d6a67@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Icon_Inactive.png b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Inactive.png
new file mode 100644
index 0000000..da9b603
Binary files /dev/null and b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Inactive.png differ
diff --git a/assets/cc-game/res/common-textures/inGame/Wave_Icon_Inactive.png.meta b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Inactive.png.meta
new file mode 100644
index 0000000..da331de
--- /dev/null
+++ b/assets/cc-game/res/common-textures/inGame/Wave_Icon_Inactive.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "0ebad880-0ab0-4b13-95ab-44f90dafab3b",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "0ebad880-0ab0-4b13-95ab-44f90dafab3b@6c48a",
+      "displayName": "Wave_Icon_Inactive",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "0ebad880-0ab0-4b13-95ab-44f90dafab3b",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "0ebad880-0ab0-4b13-95ab-44f90dafab3b@f9941",
+      "displayName": "Wave_Icon_Inactive",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 32,
+        "height": 35,
+        "rawWidth": 32,
+        "rawHeight": 35,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -16,
+            -17.5,
+            0,
+            16,
+            -17.5,
+            0,
+            -16,
+            17.5,
+            0,
+            16,
+            17.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            35,
+            32,
+            35,
+            0,
+            0,
+            32,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -16,
+            -17.5,
+            0
+          ],
+          "maxPos": [
+            16,
+            17.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "0ebad880-0ab0-4b13-95ab-44f90dafab3b@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "0ebad880-0ab0-4b13-95ab-44f90dafab3b@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup.meta b/assets/cc-game/res/common-textures/mockup.meta
new file mode 100644
index 0000000..8e09bc2
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "3b4d86ea-7b0b-4312-b7e9-ea15df7ea35c",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view.meta b/assets/cc-game/res/common-textures/mockup/alert_view.meta
new file mode 100644
index 0000000..cb3a360
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/alert_view.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "c9276f85-92a7-4654-9fc1-ca2ea0289427",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/bg.png b/assets/cc-game/res/common-textures/mockup/alert_view/bg.png
new file mode 100644
index 0000000..ba00f3c
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/alert_view/bg.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/bg.png.meta b/assets/cc-game/res/common-textures/mockup/alert_view/bg.png.meta
new file mode 100644
index 0000000..69cebfa
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/alert_view/bg.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "dd93db7e-48b8-4f10-8edd-68b3721f2779",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "dd93db7e-48b8-4f10-8edd-68b3721f2779@6c48a",
+      "displayName": "bg",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "dd93db7e-48b8-4f10-8edd-68b3721f2779",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "dd93db7e-48b8-4f10-8edd-68b3721f2779@f9941",
+      "displayName": "bg",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 667,
+        "height": 375,
+        "rawWidth": 667,
+        "rawHeight": 375,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -333.5,
+            -187.5,
+            0,
+            333.5,
+            -187.5,
+            0,
+            -333.5,
+            187.5,
+            0,
+            333.5,
+            187.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            375,
+            667,
+            375,
+            0,
+            0,
+            667,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -333.5,
+            -187.5,
+            0
+          ],
+          "maxPos": [
+            333.5,
+            187.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "dd93db7e-48b8-4f10-8edd-68b3721f2779@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "dd93db7e-48b8-4f10-8edd-68b3721f2779@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/close.png b/assets/cc-game/res/common-textures/mockup/alert_view/close.png
new file mode 100644
index 0000000..8624005
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/alert_view/close.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/close.png.meta b/assets/cc-game/res/common-textures/mockup/alert_view/close.png.meta
new file mode 100644
index 0000000..a3c1f53
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/alert_view/close.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "8f0398b8-c177-4a16-8fa7-6772f02339f5",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "8f0398b8-c177-4a16-8fa7-6772f02339f5@6c48a",
+      "displayName": "close",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8f0398b8-c177-4a16-8fa7-6772f02339f5",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "8f0398b8-c177-4a16-8fa7-6772f02339f5@f9941",
+      "displayName": "close",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 74,
+        "height": 74,
+        "rawWidth": 74,
+        "rawHeight": 74,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -37,
+            -37,
+            0,
+            37,
+            -37,
+            0,
+            -37,
+            37,
+            0,
+            37,
+            37,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            74,
+            74,
+            74,
+            0,
+            0,
+            74,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -37,
+            -37,
+            0
+          ],
+          "maxPos": [
+            37,
+            37,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8f0398b8-c177-4a16-8fa7-6772f02339f5@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "8f0398b8-c177-4a16-8fa7-6772f02339f5@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/confirm.png b/assets/cc-game/res/common-textures/mockup/alert_view/confirm.png
new file mode 100644
index 0000000..3457d6f
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/alert_view/confirm.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/confirm.png.meta b/assets/cc-game/res/common-textures/mockup/alert_view/confirm.png.meta
new file mode 100644
index 0000000..8decfa1
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/alert_view/confirm.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "4b60d452-694d-4434-9358-983485248318",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "4b60d452-694d-4434-9358-983485248318@6c48a",
+      "displayName": "confirm",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "4b60d452-694d-4434-9358-983485248318",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "4b60d452-694d-4434-9358-983485248318@f9941",
+      "displayName": "confirm",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 274,
+        "height": 75,
+        "rawWidth": 274,
+        "rawHeight": 75,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -137,
+            -37.5,
+            0,
+            137,
+            -37.5,
+            0,
+            -137,
+            37.5,
+            0,
+            137,
+            37.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            75,
+            274,
+            75,
+            0,
+            0,
+            274,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -137,
+            -37.5,
+            0
+          ],
+          "maxPos": [
+            137,
+            37.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "4b60d452-694d-4434-9358-983485248318@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "4b60d452-694d-4434-9358-983485248318@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/no_btn.png b/assets/cc-game/res/common-textures/mockup/alert_view/no_btn.png
new file mode 100644
index 0000000..07f06e2
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/alert_view/no_btn.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/no_btn.png.meta b/assets/cc-game/res/common-textures/mockup/alert_view/no_btn.png.meta
new file mode 100644
index 0000000..6543ed3
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/alert_view/no_btn.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "8abc7965-d8f5-450d-a2e1-991702e7c975",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "8abc7965-d8f5-450d-a2e1-991702e7c975@6c48a",
+      "displayName": "no_btn",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8abc7965-d8f5-450d-a2e1-991702e7c975",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "8abc7965-d8f5-450d-a2e1-991702e7c975@f9941",
+      "displayName": "no_btn",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 220,
+        "height": 65,
+        "rawWidth": 220,
+        "rawHeight": 65,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -110,
+            -32.5,
+            0,
+            110,
+            -32.5,
+            0,
+            -110,
+            32.5,
+            0,
+            110,
+            32.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            65,
+            220,
+            65,
+            0,
+            0,
+            220,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -110,
+            -32.5,
+            0
+          ],
+          "maxPos": [
+            110,
+            32.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8abc7965-d8f5-450d-a2e1-991702e7c975@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "8abc7965-d8f5-450d-a2e1-991702e7c975@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/yes_btn.png b/assets/cc-game/res/common-textures/mockup/alert_view/yes_btn.png
new file mode 100644
index 0000000..afb5965
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/alert_view/yes_btn.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/alert_view/yes_btn.png.meta b/assets/cc-game/res/common-textures/mockup/alert_view/yes_btn.png.meta
new file mode 100644
index 0000000..a2641a1
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/alert_view/yes_btn.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "1d97824e-9e6b-4474-b7af-5487e01b556e",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "1d97824e-9e6b-4474-b7af-5487e01b556e@6c48a",
+      "displayName": "yes_btn",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "1d97824e-9e6b-4474-b7af-5487e01b556e",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "1d97824e-9e6b-4474-b7af-5487e01b556e@f9941",
+      "displayName": "yes_btn",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 226,
+        "height": 67,
+        "rawWidth": 226,
+        "rawHeight": 67,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -113,
+            -33.5,
+            0,
+            113,
+            -33.5,
+            0,
+            -113,
+            33.5,
+            0,
+            113,
+            33.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            67,
+            226,
+            67,
+            0,
+            0,
+            226,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -113,
+            -33.5,
+            0
+          ],
+          "maxPos": [
+            113,
+            33.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "1d97824e-9e6b-4474-b7af-5487e01b556e@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "1d97824e-9e6b-4474-b7af-5487e01b556e@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common.meta b/assets/cc-game/res/common-textures/mockup/common.meta
new file mode 100644
index 0000000..4874ae3
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "ac4ae3a6-59b4-4711-ac40-3025494562b0",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/avatar_frame.png b/assets/cc-game/res/common-textures/mockup/common/avatar_frame.png
new file mode 100644
index 0000000..0aee8ba
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/avatar_frame.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/avatar_frame.png.meta b/assets/cc-game/res/common-textures/mockup/common/avatar_frame.png.meta
new file mode 100644
index 0000000..dbedb5f
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/avatar_frame.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "1c26c4b7-17a9-4741-b70a-a278e8810e77",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "1c26c4b7-17a9-4741-b70a-a278e8810e77@6c48a",
+      "displayName": "avatar_frame",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "1c26c4b7-17a9-4741-b70a-a278e8810e77",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "1c26c4b7-17a9-4741-b70a-a278e8810e77@f9941",
+      "displayName": "avatar_frame",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 97,
+        "height": 97,
+        "rawWidth": 97,
+        "rawHeight": 97,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -48.5,
+            -48.5,
+            0,
+            48.5,
+            -48.5,
+            0,
+            -48.5,
+            48.5,
+            0,
+            48.5,
+            48.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            97,
+            97,
+            97,
+            0,
+            0,
+            97,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -48.5,
+            -48.5,
+            0
+          ],
+          "maxPos": [
+            48.5,
+            48.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "1c26c4b7-17a9-4741-b70a-a278e8810e77@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "1c26c4b7-17a9-4741-b70a-a278e8810e77@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/btn_ticket.png b/assets/cc-game/res/common-textures/mockup/common/btn_ticket.png
new file mode 100644
index 0000000..09654b8
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/btn_ticket.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/btn_ticket.png.meta b/assets/cc-game/res/common-textures/mockup/common/btn_ticket.png.meta
new file mode 100644
index 0000000..71706b5
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/btn_ticket.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "50376ebc-f4d8-44e2-9643-71e831c09cea",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "50376ebc-f4d8-44e2-9643-71e831c09cea@6c48a",
+      "displayName": "btn_ticket",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "50376ebc-f4d8-44e2-9643-71e831c09cea",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "50376ebc-f4d8-44e2-9643-71e831c09cea@f9941",
+      "displayName": "btn_ticket",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 125,
+        "height": 64,
+        "rawWidth": 125,
+        "rawHeight": 64,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -62.5,
+            -32,
+            0,
+            62.5,
+            -32,
+            0,
+            -62.5,
+            32,
+            0,
+            62.5,
+            32,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            64,
+            125,
+            64,
+            0,
+            0,
+            125,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -62.5,
+            -32,
+            0
+          ],
+          "maxPos": [
+            62.5,
+            32,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "50376ebc-f4d8-44e2-9643-71e831c09cea@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "50376ebc-f4d8-44e2-9643-71e831c09cea@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/coin.png b/assets/cc-game/res/common-textures/mockup/common/coin.png
new file mode 100644
index 0000000..7076502
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/coin.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/coin.png.meta b/assets/cc-game/res/common-textures/mockup/common/coin.png.meta
new file mode 100644
index 0000000..5bd4f9e
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/coin.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "f0393260-bd83-4fe0-9ff9-fd8720507887",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "f0393260-bd83-4fe0-9ff9-fd8720507887@6c48a",
+      "displayName": "coin",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f0393260-bd83-4fe0-9ff9-fd8720507887",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "f0393260-bd83-4fe0-9ff9-fd8720507887@f9941",
+      "displayName": "coin",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 40,
+        "height": 44,
+        "rawWidth": 40,
+        "rawHeight": 44,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -20,
+            -22,
+            0,
+            20,
+            -22,
+            0,
+            -20,
+            22,
+            0,
+            20,
+            22,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            44,
+            40,
+            44,
+            0,
+            0,
+            40,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -20,
+            -22,
+            0
+          ],
+          "maxPos": [
+            20,
+            22,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f0393260-bd83-4fe0-9ff9-fd8720507887@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "f0393260-bd83-4fe0-9ff9-fd8720507887@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/done_btn.png b/assets/cc-game/res/common-textures/mockup/common/done_btn.png
new file mode 100644
index 0000000..afb5965
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/done_btn.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/done_btn.png.meta b/assets/cc-game/res/common-textures/mockup/common/done_btn.png.meta
new file mode 100644
index 0000000..db3ecb5
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/done_btn.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "91750073-2c2d-467d-a86f-8327809ce4c7",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "91750073-2c2d-467d-a86f-8327809ce4c7@6c48a",
+      "displayName": "done_btn",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "91750073-2c2d-467d-a86f-8327809ce4c7",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "91750073-2c2d-467d-a86f-8327809ce4c7@f9941",
+      "displayName": "done_btn",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 226,
+        "height": 67,
+        "rawWidth": 226,
+        "rawHeight": 67,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -113,
+            -33.5,
+            0,
+            113,
+            -33.5,
+            0,
+            -113,
+            33.5,
+            0,
+            113,
+            33.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            67,
+            226,
+            67,
+            0,
+            0,
+            226,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -113,
+            -33.5,
+            0
+          ],
+          "maxPos": [
+            113,
+            33.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "91750073-2c2d-467d-a86f-8327809ce4c7@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "91750073-2c2d-467d-a86f-8327809ce4c7@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/editing.png b/assets/cc-game/res/common-textures/mockup/common/editing.png
new file mode 100644
index 0000000..a1c3a44
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/editing.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/editing.png.meta b/assets/cc-game/res/common-textures/mockup/common/editing.png.meta
new file mode 100644
index 0000000..1092349
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/editing.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "7f32154c-c4f7-410d-b61f-d8883dbdbca2",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "7f32154c-c4f7-410d-b61f-d8883dbdbca2@6c48a",
+      "displayName": "editing",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "7f32154c-c4f7-410d-b61f-d8883dbdbca2",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "7f32154c-c4f7-410d-b61f-d8883dbdbca2@f9941",
+      "displayName": "editing",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 43,
+        "height": 43,
+        "rawWidth": 43,
+        "rawHeight": 43,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -21.5,
+            -21.5,
+            0,
+            21.5,
+            -21.5,
+            0,
+            -21.5,
+            21.5,
+            0,
+            21.5,
+            21.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            43,
+            43,
+            43,
+            0,
+            0,
+            43,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -21.5,
+            -21.5,
+            0
+          ],
+          "maxPos": [
+            21.5,
+            21.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "7f32154c-c4f7-410d-b61f-d8883dbdbca2@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "7f32154c-c4f7-410d-b61f-d8883dbdbca2@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/editing1.png b/assets/cc-game/res/common-textures/mockup/common/editing1.png
new file mode 100644
index 0000000..c7ae39b
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/editing1.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/editing1.png.meta b/assets/cc-game/res/common-textures/mockup/common/editing1.png.meta
new file mode 100644
index 0000000..14e9791
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/editing1.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "7a5717ca-71e7-4c5e-8e72-fcf60548d226",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "7a5717ca-71e7-4c5e-8e72-fcf60548d226@6c48a",
+      "displayName": "editing1",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "7a5717ca-71e7-4c5e-8e72-fcf60548d226",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "7a5717ca-71e7-4c5e-8e72-fcf60548d226@f9941",
+      "displayName": "editing1",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 33,
+        "height": 34,
+        "rawWidth": 33,
+        "rawHeight": 34,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -16.5,
+            -17,
+            0,
+            16.5,
+            -17,
+            0,
+            -16.5,
+            17,
+            0,
+            16.5,
+            17,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            34,
+            33,
+            34,
+            0,
+            0,
+            33,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -16.5,
+            -17,
+            0
+          ],
+          "maxPos": [
+            16.5,
+            17,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "7a5717ca-71e7-4c5e-8e72-fcf60548d226@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "7a5717ca-71e7-4c5e-8e72-fcf60548d226@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/header.png b/assets/cc-game/res/common-textures/mockup/common/header.png
new file mode 100644
index 0000000..0fe65ee
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/header.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/header.png.meta b/assets/cc-game/res/common-textures/mockup/common/header.png.meta
new file mode 100644
index 0000000..e892cc6
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/header.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "ff64cc16-de5c-4277-942a-a09013f03d96",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "ff64cc16-de5c-4277-942a-a09013f03d96@6c48a",
+      "displayName": "header",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ff64cc16-de5c-4277-942a-a09013f03d96",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "ff64cc16-de5c-4277-942a-a09013f03d96@f9941",
+      "displayName": "header",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 557,
+        "height": 128,
+        "rawWidth": 557,
+        "rawHeight": 128,
+        "borderTop": 0,
+        "borderBottom": 30,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -278.5,
+            -64,
+            0,
+            278.5,
+            -64,
+            0,
+            -278.5,
+            64,
+            0,
+            278.5,
+            64,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            128,
+            557,
+            128,
+            0,
+            0,
+            557,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -278.5,
+            -64,
+            0
+          ],
+          "maxPos": [
+            278.5,
+            64,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ff64cc16-de5c-4277-942a-a09013f03d96@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "ff64cc16-de5c-4277-942a-a09013f03d96@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/level_progress.png b/assets/cc-game/res/common-textures/mockup/common/level_progress.png
new file mode 100644
index 0000000..3b64182
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/level_progress.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/level_progress.png.meta b/assets/cc-game/res/common-textures/mockup/common/level_progress.png.meta
new file mode 100644
index 0000000..1590c72
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/level_progress.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "8e43bb5b-a3a7-4e90-a67b-cf30933f4f2f",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "8e43bb5b-a3a7-4e90-a67b-cf30933f4f2f@6c48a",
+      "displayName": "level_progress",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8e43bb5b-a3a7-4e90-a67b-cf30933f4f2f",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "8e43bb5b-a3a7-4e90-a67b-cf30933f4f2f@f9941",
+      "displayName": "level_progress",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": -0.5,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 283,
+        "height": 35,
+        "rawWidth": 284,
+        "rawHeight": 35,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 12,
+        "borderRight": 12,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -141.5,
+            -17.5,
+            0,
+            141.5,
+            -17.5,
+            0,
+            -141.5,
+            17.5,
+            0,
+            141.5,
+            17.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            35,
+            283,
+            35,
+            0,
+            0,
+            283,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            0.9964788732394366,
+            0,
+            0,
+            1,
+            0.9964788732394366,
+            1
+          ],
+          "minPos": [
+            -141.5,
+            -17.5,
+            0
+          ],
+          "maxPos": [
+            141.5,
+            17.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8e43bb5b-a3a7-4e90-a67b-cf30933f4f2f@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "8e43bb5b-a3a7-4e90-a67b-cf30933f4f2f@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/level_progress_bg.png b/assets/cc-game/res/common-textures/mockup/common/level_progress_bg.png
new file mode 100644
index 0000000..a88f80e
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/level_progress_bg.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/level_progress_bg.png.meta b/assets/cc-game/res/common-textures/mockup/common/level_progress_bg.png.meta
new file mode 100644
index 0000000..5765149
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/level_progress_bg.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "d53ccce8-a7b1-4c7a-85ee-6c7ef360b9b9",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "d53ccce8-a7b1-4c7a-85ee-6c7ef360b9b9@6c48a",
+      "displayName": "level_progress_bg",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "d53ccce8-a7b1-4c7a-85ee-6c7ef360b9b9",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "d53ccce8-a7b1-4c7a-85ee-6c7ef360b9b9@f9941",
+      "displayName": "level_progress_bg",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 341,
+        "height": 47,
+        "rawWidth": 341,
+        "rawHeight": 47,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 12,
+        "borderRight": 12,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -170.5,
+            -23.5,
+            0,
+            170.5,
+            -23.5,
+            0,
+            -170.5,
+            23.5,
+            0,
+            170.5,
+            23.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            47,
+            341,
+            47,
+            0,
+            0,
+            341,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -170.5,
+            -23.5,
+            0
+          ],
+          "maxPos": [
+            170.5,
+            23.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "d53ccce8-a7b1-4c7a-85ee-6c7ef360b9b9@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "d53ccce8-a7b1-4c7a-85ee-6c7ef360b9b9@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/money_bg.png b/assets/cc-game/res/common-textures/mockup/common/money_bg.png
new file mode 100644
index 0000000..7fc96b1
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/money_bg.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/money_bg.png.meta b/assets/cc-game/res/common-textures/mockup/common/money_bg.png.meta
new file mode 100644
index 0000000..0e6136f
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/money_bg.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "f3d50dd4-0a79-4d38-8e11-9c7ce927ebba",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "f3d50dd4-0a79-4d38-8e11-9c7ce927ebba@6c48a",
+      "displayName": "money_bg",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f3d50dd4-0a79-4d38-8e11-9c7ce927ebba",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "f3d50dd4-0a79-4d38-8e11-9c7ce927ebba@f9941",
+      "displayName": "money_bg",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 199,
+        "height": 32,
+        "rawWidth": 199,
+        "rawHeight": 32,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -99.5,
+            -16,
+            0,
+            99.5,
+            -16,
+            0,
+            -99.5,
+            16,
+            0,
+            99.5,
+            16,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            32,
+            199,
+            32,
+            0,
+            0,
+            199,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -99.5,
+            -16,
+            0
+          ],
+          "maxPos": [
+            99.5,
+            16,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f3d50dd4-0a79-4d38-8e11-9c7ce927ebba@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "f3d50dd4-0a79-4d38-8e11-9c7ce927ebba@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/name_text.png b/assets/cc-game/res/common-textures/mockup/common/name_text.png
new file mode 100644
index 0000000..1363592
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/name_text.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/name_text.png.meta b/assets/cc-game/res/common-textures/mockup/common/name_text.png.meta
new file mode 100644
index 0000000..7ff9caf
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/name_text.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "71f27df7-92b4-4431-b4b2-9f502f6d1fc4",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "71f27df7-92b4-4431-b4b2-9f502f6d1fc4@6c48a",
+      "displayName": "name_text",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "71f27df7-92b4-4431-b4b2-9f502f6d1fc4",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "71f27df7-92b4-4431-b4b2-9f502f6d1fc4@f9941",
+      "displayName": "name_text",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 475,
+        "height": 85,
+        "rawWidth": 475,
+        "rawHeight": 85,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -237.5,
+            -42.5,
+            0,
+            237.5,
+            -42.5,
+            0,
+            -237.5,
+            42.5,
+            0,
+            237.5,
+            42.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            85,
+            475,
+            85,
+            0,
+            0,
+            475,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -237.5,
+            -42.5,
+            0
+          ],
+          "maxPos": [
+            237.5,
+            42.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "71f27df7-92b4-4431-b4b2-9f502f6d1fc4@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "71f27df7-92b4-4431-b4b2-9f502f6d1fc4@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/plus.png b/assets/cc-game/res/common-textures/mockup/common/plus.png
new file mode 100644
index 0000000..05f15a7
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/plus.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/plus.png.meta b/assets/cc-game/res/common-textures/mockup/common/plus.png.meta
new file mode 100644
index 0000000..9cca14b
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/plus.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "20f477cf-3b6a-4303-ae00-c7ae49c8eb1e",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "20f477cf-3b6a-4303-ae00-c7ae49c8eb1e@6c48a",
+      "displayName": "plus",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "20f477cf-3b6a-4303-ae00-c7ae49c8eb1e",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "20f477cf-3b6a-4303-ae00-c7ae49c8eb1e@f9941",
+      "displayName": "plus",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 26,
+        "height": 26,
+        "rawWidth": 26,
+        "rawHeight": 26,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -13,
+            -13,
+            0,
+            13,
+            -13,
+            0,
+            -13,
+            13,
+            0,
+            13,
+            13,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            26,
+            26,
+            26,
+            0,
+            0,
+            26,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -13,
+            -13,
+            0
+          ],
+          "maxPos": [
+            13,
+            13,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "20f477cf-3b6a-4303-ae00-c7ae49c8eb1e@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "20f477cf-3b6a-4303-ae00-c7ae49c8eb1e@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/reward.png b/assets/cc-game/res/common-textures/mockup/common/reward.png
new file mode 100644
index 0000000..30f7d02
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/reward.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/reward.png.meta b/assets/cc-game/res/common-textures/mockup/common/reward.png.meta
new file mode 100644
index 0000000..ddf7c57
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/reward.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "943769c7-7fd9-4b1a-96c2-e83db4286463",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "943769c7-7fd9-4b1a-96c2-e83db4286463@6c48a",
+      "displayName": "reward",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "943769c7-7fd9-4b1a-96c2-e83db4286463",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "943769c7-7fd9-4b1a-96c2-e83db4286463@f9941",
+      "displayName": "reward",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 159,
+        "height": 27,
+        "rawWidth": 159,
+        "rawHeight": 27,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -79.5,
+            -13.5,
+            0,
+            79.5,
+            -13.5,
+            0,
+            -79.5,
+            13.5,
+            0,
+            79.5,
+            13.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            27,
+            159,
+            27,
+            0,
+            0,
+            159,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -79.5,
+            -13.5,
+            0
+          ],
+          "maxPos": [
+            79.5,
+            13.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "943769c7-7fd9-4b1a-96c2-e83db4286463@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "943769c7-7fd9-4b1a-96c2-e83db4286463@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/select.png b/assets/cc-game/res/common-textures/mockup/common/select.png
new file mode 100644
index 0000000..1cc0273
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/select.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/select.png.meta b/assets/cc-game/res/common-textures/mockup/common/select.png.meta
new file mode 100644
index 0000000..f12ffa5
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/select.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "29c70e48-410b-47fe-a1d9-7122c8f60db2",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "29c70e48-410b-47fe-a1d9-7122c8f60db2@6c48a",
+      "displayName": "select",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "29c70e48-410b-47fe-a1d9-7122c8f60db2",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "29c70e48-410b-47fe-a1d9-7122c8f60db2@f9941",
+      "displayName": "select",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 27,
+        "height": 27,
+        "rawWidth": 27,
+        "rawHeight": 27,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -13.5,
+            -13.5,
+            0,
+            13.5,
+            -13.5,
+            0,
+            -13.5,
+            13.5,
+            0,
+            13.5,
+            13.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            27,
+            27,
+            27,
+            0,
+            0,
+            27,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -13.5,
+            -13.5,
+            0
+          ],
+          "maxPos": [
+            13.5,
+            13.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "29c70e48-410b-47fe-a1d9-7122c8f60db2@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "29c70e48-410b-47fe-a1d9-7122c8f60db2@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/setting.png b/assets/cc-game/res/common-textures/mockup/common/setting.png
new file mode 100644
index 0000000..e049aa8
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/setting.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/setting.png.meta b/assets/cc-game/res/common-textures/mockup/common/setting.png.meta
new file mode 100644
index 0000000..8d77347
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/setting.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "d21d02f7-24f9-4526-aa6e-4e4784fa6e2c",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "d21d02f7-24f9-4526-aa6e-4e4784fa6e2c@6c48a",
+      "displayName": "setting",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "d21d02f7-24f9-4526-aa6e-4e4784fa6e2c",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "d21d02f7-24f9-4526-aa6e-4e4784fa6e2c@f9941",
+      "displayName": "setting",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 96,
+        "height": 96,
+        "rawWidth": 96,
+        "rawHeight": 96,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -48,
+            -48,
+            0,
+            48,
+            -48,
+            0,
+            -48,
+            48,
+            0,
+            48,
+            48,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            96,
+            96,
+            96,
+            0,
+            0,
+            96,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -48,
+            -48,
+            0
+          ],
+          "maxPos": [
+            48,
+            48,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "d21d02f7-24f9-4526-aa6e-4e4784fa6e2c@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "d21d02f7-24f9-4526-aa6e-4e4784fa6e2c@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/star.png b/assets/cc-game/res/common-textures/mockup/common/star.png
new file mode 100644
index 0000000..068aa45
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/star.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/star.png.meta b/assets/cc-game/res/common-textures/mockup/common/star.png.meta
new file mode 100644
index 0000000..39b2348
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/star.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "62c01a4e-e50d-4e4f-baa3-ee574b0bae8c",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "62c01a4e-e50d-4e4f-baa3-ee574b0bae8c@6c48a",
+      "displayName": "star",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "62c01a4e-e50d-4e4f-baa3-ee574b0bae8c",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "62c01a4e-e50d-4e4f-baa3-ee574b0bae8c@f9941",
+      "displayName": "star",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 48,
+        "height": 48,
+        "rawWidth": 48,
+        "rawHeight": 48,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -24,
+            -24,
+            0,
+            24,
+            -24,
+            0,
+            -24,
+            24,
+            0,
+            24,
+            24,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            48,
+            48,
+            48,
+            0,
+            0,
+            48,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -24,
+            -24,
+            0
+          ],
+          "maxPos": [
+            24,
+            24,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "62c01a4e-e50d-4e4f-baa3-ee574b0bae8c@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "62c01a4e-e50d-4e4f-baa3-ee574b0bae8c@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/text_type.png b/assets/cc-game/res/common-textures/mockup/common/text_type.png
new file mode 100644
index 0000000..ef5d84c
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/text_type.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/text_type.png.meta b/assets/cc-game/res/common-textures/mockup/common/text_type.png.meta
new file mode 100644
index 0000000..163be55
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/text_type.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "ca2da25e-bf94-4cdc-97bf-84a40b400b77",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "ca2da25e-bf94-4cdc-97bf-84a40b400b77@6c48a",
+      "displayName": "text_type",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ca2da25e-bf94-4cdc-97bf-84a40b400b77",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "ca2da25e-bf94-4cdc-97bf-84a40b400b77@f9941",
+      "displayName": "text_type",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 304,
+        "height": 63,
+        "rawWidth": 304,
+        "rawHeight": 63,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -152,
+            -31.5,
+            0,
+            152,
+            -31.5,
+            0,
+            -152,
+            31.5,
+            0,
+            152,
+            31.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            63,
+            304,
+            63,
+            0,
+            0,
+            304,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -152,
+            -31.5,
+            0
+          ],
+          "maxPos": [
+            152,
+            31.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ca2da25e-bf94-4cdc-97bf-84a40b400b77@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "ca2da25e-bf94-4cdc-97bf-84a40b400b77@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/unselect.png b/assets/cc-game/res/common-textures/mockup/common/unselect.png
new file mode 100644
index 0000000..63bca47
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/unselect.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/unselect.png.meta b/assets/cc-game/res/common-textures/mockup/common/unselect.png.meta
new file mode 100644
index 0000000..c722041
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/unselect.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "57f21ba5-d1f8-4e71-93c7-d8d8cabd9499",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "57f21ba5-d1f8-4e71-93c7-d8d8cabd9499@6c48a",
+      "displayName": "unselect",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "57f21ba5-d1f8-4e71-93c7-d8d8cabd9499",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "57f21ba5-d1f8-4e71-93c7-d8d8cabd9499@f9941",
+      "displayName": "unselect",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 33,
+        "height": 33,
+        "rawWidth": 33,
+        "rawHeight": 33,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -16.5,
+            -16.5,
+            0,
+            16.5,
+            -16.5,
+            0,
+            -16.5,
+            16.5,
+            0,
+            16.5,
+            16.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            33,
+            33,
+            33,
+            0,
+            0,
+            33,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -16.5,
+            -16.5,
+            0
+          ],
+          "maxPos": [
+            16.5,
+            16.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "57f21ba5-d1f8-4e71-93c7-d8d8cabd9499@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "57f21ba5-d1f8-4e71-93c7-d8d8cabd9499@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/mockup/common/white_progress.png b/assets/cc-game/res/common-textures/mockup/common/white_progress.png
new file mode 100644
index 0000000..828ab66
Binary files /dev/null and b/assets/cc-game/res/common-textures/mockup/common/white_progress.png differ
diff --git a/assets/cc-game/res/common-textures/mockup/common/white_progress.png.meta b/assets/cc-game/res/common-textures/mockup/common/white_progress.png.meta
new file mode 100644
index 0000000..1c3f2f5
--- /dev/null
+++ b/assets/cc-game/res/common-textures/mockup/common/white_progress.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "8ff4ecbb-0a8f-46a9-bfb3-0bf07864223c",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "8ff4ecbb-0a8f-46a9-bfb3-0bf07864223c@6c48a",
+      "displayName": "white_progress",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8ff4ecbb-0a8f-46a9-bfb3-0bf07864223c",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "8ff4ecbb-0a8f-46a9-bfb3-0bf07864223c@f9941",
+      "displayName": "white_progress",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": -0.5,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 283,
+        "height": 35,
+        "rawWidth": 284,
+        "rawHeight": 35,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 12,
+        "borderRight": 12,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -141.5,
+            -17.5,
+            0,
+            141.5,
+            -17.5,
+            0,
+            -141.5,
+            17.5,
+            0,
+            141.5,
+            17.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            35,
+            283,
+            35,
+            0,
+            0,
+            283,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            0.9964788732394366,
+            0,
+            0,
+            1,
+            0.9964788732394366,
+            1
+          ],
+          "minPos": [
+            -141.5,
+            -17.5,
+            0
+          ],
+          "maxPos": [
+            141.5,
+            17.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8ff4ecbb-0a8f-46a9-bfb3-0bf07864223c@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "8ff4ecbb-0a8f-46a9-bfb3-0bf07864223c@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/penta.png b/assets/cc-game/res/common-textures/penta.png
new file mode 100644
index 0000000..3e19ea3
Binary files /dev/null and b/assets/cc-game/res/common-textures/penta.png differ
diff --git a/assets/cc-game/res/common-textures/penta.png.meta b/assets/cc-game/res/common-textures/penta.png.meta
new file mode 100644
index 0000000..953f950
--- /dev/null
+++ b/assets/cc-game/res/common-textures/penta.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165@6c48a",
+      "displayName": "penta",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165@f9941",
+      "displayName": "penta",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 262,
+        "height": 249,
+        "rawWidth": 262,
+        "rawHeight": 249,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -131,
+            -124.5,
+            0,
+            131,
+            -124.5,
+            0,
+            -131,
+            124.5,
+            0,
+            131,
+            124.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            249,
+            262,
+            249,
+            0,
+            0,
+            262,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -131,
+            -124.5,
+            0
+          ],
+          "maxPos": [
+            131,
+            124.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "hasAlpha": true,
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/round1.png b/assets/cc-game/res/common-textures/round1.png
new file mode 100644
index 0000000..d2ac77d
Binary files /dev/null and b/assets/cc-game/res/common-textures/round1.png differ
diff --git a/assets/cc-game/res/common-textures/round1.png.meta b/assets/cc-game/res/common-textures/round1.png.meta
new file mode 100644
index 0000000..2f87c28
--- /dev/null
+++ b/assets/cc-game/res/common-textures/round1.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "77e06278-b94e-4e91-9c43-ca7e91fc0c71",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@6c48a",
+      "displayName": "round1",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "77e06278-b94e-4e91-9c43-ca7e91fc0c71",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@f9941",
+      "displayName": "round1",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 75,
+        "height": 78,
+        "rawWidth": 75,
+        "rawHeight": 78,
+        "borderTop": 34,
+        "borderBottom": 34,
+        "borderLeft": 34,
+        "borderRight": 34,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -37.5,
+            -39,
+            0,
+            37.5,
+            -39,
+            0,
+            -37.5,
+            39,
+            0,
+            37.5,
+            39,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            78,
+            75,
+            78,
+            0,
+            0,
+            75,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -37.5,
+            -39,
+            0
+          ],
+          "maxPos": [
+            37.5,
+            39,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/round2.png b/assets/cc-game/res/common-textures/round2.png
new file mode 100644
index 0000000..01ed2b1
Binary files /dev/null and b/assets/cc-game/res/common-textures/round2.png differ
diff --git a/assets/cc-game/res/common-textures/round2.png.meta b/assets/cc-game/res/common-textures/round2.png.meta
new file mode 100644
index 0000000..531db71
--- /dev/null
+++ b/assets/cc-game/res/common-textures/round2.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "f8f5bd5b-033c-4322-8d20-10d2217e97b5",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "f8f5bd5b-033c-4322-8d20-10d2217e97b5@6c48a",
+      "displayName": "round2",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f8f5bd5b-033c-4322-8d20-10d2217e97b5",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "f8f5bd5b-033c-4322-8d20-10d2217e97b5@f9941",
+      "displayName": "round2",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 100,
+        "height": 101,
+        "rawWidth": 100,
+        "rawHeight": 101,
+        "borderTop": 40,
+        "borderBottom": 40,
+        "borderLeft": 40,
+        "borderRight": 40,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -50,
+            -50.5,
+            0,
+            50,
+            -50.5,
+            0,
+            -50,
+            50.5,
+            0,
+            50,
+            50.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            101,
+            100,
+            101,
+            0,
+            0,
+            100,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -50,
+            -50.5,
+            0
+          ],
+          "maxPos": [
+            50,
+            50.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "f8f5bd5b-033c-4322-8d20-10d2217e97b5@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "f8f5bd5b-033c-4322-8d20-10d2217e97b5@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/round3.png b/assets/cc-game/res/common-textures/round3.png
new file mode 100644
index 0000000..fed16c1
Binary files /dev/null and b/assets/cc-game/res/common-textures/round3.png differ
diff --git a/assets/cc-game/res/common-textures/round3.png.meta b/assets/cc-game/res/common-textures/round3.png.meta
new file mode 100644
index 0000000..c8718ae
--- /dev/null
+++ b/assets/cc-game/res/common-textures/round3.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "eda11553-f64d-4363-9fed-75d1a8758a30",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "eda11553-f64d-4363-9fed-75d1a8758a30@6c48a",
+      "displayName": "round3",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "eda11553-f64d-4363-9fed-75d1a8758a30",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "eda11553-f64d-4363-9fed-75d1a8758a30@f9941",
+      "displayName": "round3",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 50,
+        "height": 51,
+        "rawWidth": 50,
+        "rawHeight": 51,
+        "borderTop": 20,
+        "borderBottom": 20,
+        "borderLeft": 20,
+        "borderRight": 20,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -25,
+            -25.5,
+            0,
+            25,
+            -25.5,
+            0,
+            -25,
+            25.5,
+            0,
+            25,
+            25.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            51,
+            50,
+            51,
+            0,
+            0,
+            50,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -25,
+            -25.5,
+            0
+          ],
+          "maxPos": [
+            25,
+            25.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "eda11553-f64d-4363-9fed-75d1a8758a30@6c48a",
+        "atlasUuid": ""
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "redirect": "eda11553-f64d-4363-9fed-75d1a8758a30@f9941"
+  }
+}
diff --git a/assets/cc-game/res/common-textures/sparkle.png b/assets/cc-game/res/common-textures/sparkle.png
new file mode 100644
index 0000000..9eb78f5
Binary files /dev/null and b/assets/cc-game/res/common-textures/sparkle.png differ
diff --git a/assets/cc-game/res/common-textures/sparkle.png.meta b/assets/cc-game/res/common-textures/sparkle.png.meta
new file mode 100644
index 0000000..e4fff31
--- /dev/null
+++ b/assets/cc-game/res/common-textures/sparkle.png.meta
@@ -0,0 +1,42 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "ef41a02d-5043-4abe-b2ae-df4a5db5f619",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "ef41a02d-5043-4abe-b2ae-df4a5db5f619@6c48a",
+      "displayName": "sparkle",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "repeat",
+        "wrapModeT": "repeat",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 1,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ef41a02d-5043-4abe-b2ae-df4a5db5f619",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "texture",
+    "redirect": "ef41a02d-5043-4abe-b2ae-df4a5db5f619@6c48a",
+    "fixAlphaTransparencyArtifacts": false
+  }
+}
diff --git a/assets/cc-game/res/common-textures/transparent_0.png b/assets/cc-game/res/common-textures/transparent_0.png
new file mode 100644
index 0000000..7791cbb
Binary files /dev/null and b/assets/cc-game/res/common-textures/transparent_0.png differ
diff --git a/assets/cc-game/res/common-textures/transparent_0.png.meta b/assets/cc-game/res/common-textures/transparent_0.png.meta
new file mode 100644
index 0000000..444dce4
--- /dev/null
+++ b/assets/cc-game/res/common-textures/transparent_0.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "8e630326-6185-4c58-b643-b895520b94a6",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "8e630326-6185-4c58-b643-b895520b94a6@6c48a",
+      "displayName": "transparent_0",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8e630326-6185-4c58-b643-b895520b94a6",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "8e630326-6185-4c58-b643-b895520b94a6@f9941",
+      "displayName": "transparent_0",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 30,
+        "height": 30,
+        "rawWidth": 30,
+        "rawHeight": 30,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "8e630326-6185-4c58-b643-b895520b94a6@6c48a",
+        "atlasUuid": "",
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -15,
+            -15,
+            0,
+            15,
+            -15,
+            0,
+            -15,
+            15,
+            0,
+            15,
+            15,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            30,
+            30,
+            30,
+            0,
+            0,
+            30,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -15,
+            -15,
+            0
+          ],
+          "maxPos": [
+            15,
+            15,
+            0
+          ]
+        }
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "redirect": "8e630326-6185-4c58-b643-b895520b94a6@f9941",
+    "fixAlphaTransparencyArtifacts": false
+  }
+}
diff --git a/assets/cc-game/res/common-textures/transparent_1.png b/assets/cc-game/res/common-textures/transparent_1.png
new file mode 100644
index 0000000..3837a2c
Binary files /dev/null and b/assets/cc-game/res/common-textures/transparent_1.png differ
diff --git a/assets/cc-game/res/common-textures/transparent_1.png.meta b/assets/cc-game/res/common-textures/transparent_1.png.meta
new file mode 100644
index 0000000..9ad5624
--- /dev/null
+++ b/assets/cc-game/res/common-textures/transparent_1.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "1bdf5de9-6127-4ebe-a44d-9d02a1ef45db",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "1bdf5de9-6127-4ebe-a44d-9d02a1ef45db@6c48a",
+      "displayName": "transparent_1",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "1bdf5de9-6127-4ebe-a44d-9d02a1ef45db",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "1bdf5de9-6127-4ebe-a44d-9d02a1ef45db@f9941",
+      "displayName": "transparent_1",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 30,
+        "height": 30,
+        "rawWidth": 30,
+        "rawHeight": 30,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "1bdf5de9-6127-4ebe-a44d-9d02a1ef45db@6c48a",
+        "atlasUuid": "",
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -15,
+            -15,
+            0,
+            15,
+            -15,
+            0,
+            -15,
+            15,
+            0,
+            15,
+            15,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            30,
+            30,
+            30,
+            0,
+            0,
+            30,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -15,
+            -15,
+            0
+          ],
+          "maxPos": [
+            15,
+            15,
+            0
+          ]
+        }
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "redirect": "1bdf5de9-6127-4ebe-a44d-9d02a1ef45db@f9941",
+    "fixAlphaTransparencyArtifacts": false
+  }
+}
diff --git a/assets/cc-game/res/common-textures/white.png b/assets/cc-game/res/common-textures/white.png
new file mode 100644
index 0000000..03bf140
Binary files /dev/null and b/assets/cc-game/res/common-textures/white.png differ
diff --git a/assets/cc-game/res/common-textures/white.png.meta b/assets/cc-game/res/common-textures/white.png.meta
new file mode 100644
index 0000000..c7a747c
--- /dev/null
+++ b/assets/cc-game/res/common-textures/white.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@6c48a",
+      "displayName": "white",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 1,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "displayName": "white",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "none",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 0,
+        "trimY": 0,
+        "width": 100,
+        "height": 100,
+        "rawWidth": 100,
+        "rawHeight": 100,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@6c48a",
+        "atlasUuid": "",
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -50,
+            -50,
+            0,
+            50,
+            -50,
+            0,
+            -50,
+            50,
+            0,
+            50,
+            50,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            0,
+            100,
+            100,
+            100,
+            0,
+            0,
+            100,
+            0
+          ],
+          "nuv": [
+            0,
+            0,
+            1,
+            0,
+            0,
+            1,
+            1,
+            1
+          ],
+          "minPos": [
+            -50,
+            -50,
+            0
+          ],
+          "maxPos": [
+            50,
+            50,
+            0
+          ]
+        }
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": false,
+    "type": "sprite-frame",
+    "redirect": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+    "fixAlphaTransparencyArtifacts": false
+  }
+}
diff --git a/assets/cc-game/res/common-textures/white_circle.png b/assets/cc-game/res/common-textures/white_circle.png
new file mode 100644
index 0000000..6f50b59
Binary files /dev/null and b/assets/cc-game/res/common-textures/white_circle.png differ
diff --git a/assets/cc-game/res/common-textures/white_circle.png.meta b/assets/cc-game/res/common-textures/white_circle.png.meta
new file mode 100644
index 0000000..48130be
--- /dev/null
+++ b/assets/cc-game/res/common-textures/white_circle.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.26",
+  "importer": "image",
+  "imported": true,
+  "uuid": "b6dcb91e-b683-404d-b438-a612a036c0cd",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "b6dcb91e-b683-404d-b438-a612a036c0cd@6c48a",
+      "displayName": "white_circle",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 1,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b6dcb91e-b683-404d-b438-a612a036c0cd",
+        "visible": false
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "displayName": "white_circle",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimType": "auto",
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0,
+        "offsetY": 0,
+        "trimX": 1,
+        "trimY": 1,
+        "width": 98,
+        "height": 98,
+        "rawWidth": 100,
+        "rawHeight": 100,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "b6dcb91e-b683-404d-b438-a612a036c0cd@6c48a",
+        "atlasUuid": "",
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -49,
+            -49,
+            0,
+            49,
+            -49,
+            0,
+            -49,
+            49,
+            0,
+            49,
+            49,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            1,
+            99,
+            99,
+            99,
+            1,
+            1,
+            99,
+            1
+          ],
+          "nuv": [
+            0.01,
+            0.01,
+            0.99,
+            0.01,
+            0.01,
+            0.99,
+            0.99,
+            0.99
+          ],
+          "minPos": [
+            -49,
+            -49,
+            0
+          ],
+          "maxPos": [
+            49,
+            49,
+            0
+          ]
+        }
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "hasAlpha": true,
+    "type": "sprite-frame",
+    "redirect": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+    "fixAlphaTransparencyArtifacts": false
+  }
+}
diff --git a/assets/cc-game/res/fonts.meta b/assets/cc-game/res/fonts.meta
new file mode 100644
index 0000000..03088ad
--- /dev/null
+++ b/assets/cc-game/res/fonts.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "d36d3e28-9b63-4b9e-bce3-c7e07f9528f6",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-game/res/fonts/Alata-Regular.ttf b/assets/cc-game/res/fonts/Alata-Regular.ttf
new file mode 100644
index 0000000..a9ab2d9
Binary files /dev/null and b/assets/cc-game/res/fonts/Alata-Regular.ttf differ
diff --git a/assets/cc-game/res/fonts/Alata-Regular.ttf.meta b/assets/cc-game/res/fonts/Alata-Regular.ttf.meta
new file mode 100644
index 0000000..c012cbb
--- /dev/null
+++ b/assets/cc-game/res/fonts/Alata-Regular.ttf.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.0.1",
+  "importer": "ttf-font",
+  "imported": true,
+  "uuid": "a119458d-c1d0-4f26-a092-ba477cb18bf8",
+  "files": [
+    ".json",
+    "Alata-Regular.ttf"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/fonts/Lato-Bold.ttf b/assets/cc-game/res/fonts/Lato-Bold.ttf
new file mode 100644
index 0000000..ef5ae3b
Binary files /dev/null and b/assets/cc-game/res/fonts/Lato-Bold.ttf differ
diff --git a/assets/cc-game/res/fonts/Lato-Bold.ttf.meta b/assets/cc-game/res/fonts/Lato-Bold.ttf.meta
new file mode 100644
index 0000000..c6b64ba
--- /dev/null
+++ b/assets/cc-game/res/fonts/Lato-Bold.ttf.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.0.1",
+  "importer": "ttf-font",
+  "imported": true,
+  "uuid": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+  "files": [
+    ".json",
+    "Lato-Bold.ttf"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/fonts/Lato-Light.ttf b/assets/cc-game/res/fonts/Lato-Light.ttf
new file mode 100644
index 0000000..b49dd43
Binary files /dev/null and b/assets/cc-game/res/fonts/Lato-Light.ttf differ
diff --git a/assets/cc-game/res/fonts/Lato-Light.ttf.meta b/assets/cc-game/res/fonts/Lato-Light.ttf.meta
new file mode 100644
index 0000000..0769de1
--- /dev/null
+++ b/assets/cc-game/res/fonts/Lato-Light.ttf.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.0.1",
+  "importer": "ttf-font",
+  "imported": true,
+  "uuid": "d382989a-143b-4cbe-8a18-f64881da439c",
+  "files": [
+    ".json",
+    "Lato-Light.ttf"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/fonts/Lato-LightItalic.ttf b/assets/cc-game/res/fonts/Lato-LightItalic.ttf
new file mode 100644
index 0000000..7959fef
Binary files /dev/null and b/assets/cc-game/res/fonts/Lato-LightItalic.ttf differ
diff --git a/assets/cc-game/res/fonts/Lato-LightItalic.ttf.meta b/assets/cc-game/res/fonts/Lato-LightItalic.ttf.meta
new file mode 100644
index 0000000..bd7fed0
--- /dev/null
+++ b/assets/cc-game/res/fonts/Lato-LightItalic.ttf.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.0.1",
+  "importer": "ttf-font",
+  "imported": true,
+  "uuid": "be17a517-02da-4d56-99f9-1cc429333390",
+  "files": [
+    ".json",
+    "Lato-LightItalic.ttf"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/fonts/Lato-Regular.ttf b/assets/cc-game/res/fonts/Lato-Regular.ttf
new file mode 100644
index 0000000..839cd58
Binary files /dev/null and b/assets/cc-game/res/fonts/Lato-Regular.ttf differ
diff --git a/assets/cc-game/res/fonts/Lato-Regular.ttf.meta b/assets/cc-game/res/fonts/Lato-Regular.ttf.meta
new file mode 100644
index 0000000..3dfde86
--- /dev/null
+++ b/assets/cc-game/res/fonts/Lato-Regular.ttf.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.0.1",
+  "importer": "ttf-font",
+  "imported": true,
+  "uuid": "58653509-a870-4d06-9bb5-f440f92ec6b2",
+  "files": [
+    ".json",
+    "Lato-Regular.ttf"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/fonts/Lato-RegularItalic.ttf b/assets/cc-game/res/fonts/Lato-RegularItalic.ttf
new file mode 100644
index 0000000..bababa0
Binary files /dev/null and b/assets/cc-game/res/fonts/Lato-RegularItalic.ttf differ
diff --git a/assets/cc-game/res/fonts/Lato-RegularItalic.ttf.meta b/assets/cc-game/res/fonts/Lato-RegularItalic.ttf.meta
new file mode 100644
index 0000000..dcdb336
--- /dev/null
+++ b/assets/cc-game/res/fonts/Lato-RegularItalic.ttf.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.0.1",
+  "importer": "ttf-font",
+  "imported": true,
+  "uuid": "170ab989-f262-4899-91ed-c03ff95fd671",
+  "files": [
+    ".json",
+    "Lato-RegularItalic.ttf"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/json.meta b/assets/cc-game/res/json.meta
new file mode 100644
index 0000000..505fafb
--- /dev/null
+++ b/assets/cc-game/res/json.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "1b12216c-643b-414f-9bd7-37db87404279",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/json/active_skill.json b/assets/cc-game/res/json/active_skill.json
new file mode 100644
index 0000000..c5fab4c
--- /dev/null
+++ b/assets/cc-game/res/json/active_skill.json
@@ -0,0 +1,602 @@
+[
+    {
+        "no": 1,
+        "skillid": "AS1|1",
+        "skillname": "AS1",
+        "levelskill": 1,
+        "visualname": "Flash",
+        "dmg": 150,
+        "mana": 10,
+        "range": 5
+    },
+    {
+        "no": 2,
+        "skillid": "AS1|2",
+        "skillname": "AS1",
+        "levelskill": 2,
+        "visualname": "Flash",
+        "dmg": 155,
+        "mana": 10,
+        "range": 5
+    },
+    {
+        "no": 3,
+        "skillid": "AS1|3",
+        "skillname": "AS1",
+        "levelskill": 3,
+        "visualname": "Flash",
+        "dmg": 160,
+        "mana": 10,
+        "range": 5
+    },
+    {
+        "no": 4,
+        "skillid": "AS1|4",
+        "skillname": "AS1",
+        "levelskill": 4,
+        "visualname": "Flash",
+        "dmg": 165,
+        "mana": 10,
+        "range": 5
+    },
+    {
+        "no": 5,
+        "skillid": "AS1|5",
+        "skillname": "AS1",
+        "levelskill": 5,
+        "visualname": "Flash",
+        "dmg": 170,
+        "mana": 10,
+        "range": 5
+    },
+    {
+        "no": 6,
+        "skillid": "AS1|6",
+        "skillname": "AS1",
+        "levelskill": 6,
+        "visualname": "Flash",
+        "dmg": 175,
+        "mana": 15,
+        "range": 6
+    },
+    {
+        "no": 7,
+        "skillid": "AS1|7",
+        "skillname": "AS1",
+        "levelskill": 7,
+        "visualname": "Flash",
+        "dmg": 180,
+        "mana": 15,
+        "range": 6
+    },
+    {
+        "no": 8,
+        "skillid": "AS1|8",
+        "skillname": "AS1",
+        "levelskill": 8,
+        "visualname": "Flash",
+        "dmg": 185,
+        "mana": 15,
+        "range": 6
+    },
+    {
+        "no": 9,
+        "skillid": "AS1|9",
+        "skillname": "AS1",
+        "levelskill": 9,
+        "visualname": "Flash",
+        "dmg": 190,
+        "mana": 15,
+        "range": 6
+    },
+    {
+        "no": 10,
+        "skillid": "AS1|10",
+        "skillname": "AS1",
+        "levelskill": 10,
+        "visualname": "Flash",
+        "dmg": 195,
+        "mana": 15,
+        "range": 6
+    },
+    {
+        "no": 11,
+        "skillid": "AS1|11",
+        "skillname": "AS1",
+        "levelskill": 11,
+        "visualname": "Flash",
+        "dmg": 200,
+        "mana": 20,
+        "range": 7
+    },
+    {
+        "no": 12,
+        "skillid": "AS1|12",
+        "skillname": "AS1",
+        "levelskill": 12,
+        "visualname": "Flash",
+        "dmg": 205,
+        "mana": 20,
+        "range": 7
+    },
+    {
+        "no": 13,
+        "skillid": "AS1|13",
+        "skillname": "AS1",
+        "levelskill": 13,
+        "visualname": "Flash",
+        "dmg": 210,
+        "mana": 20,
+        "range": 7
+    },
+    {
+        "no": 14,
+        "skillid": "AS1|14",
+        "skillname": "AS1",
+        "levelskill": 14,
+        "visualname": "Flash",
+        "dmg": 215,
+        "mana": 20,
+        "range": 7
+    },
+    {
+        "no": 15,
+        "skillid": "AS1|15",
+        "skillname": "AS1",
+        "levelskill": 15,
+        "visualname": "Flash",
+        "dmg": 220,
+        "mana": 20,
+        "range": 7
+    },
+    {
+        "no": 16,
+        "skillid": "AS1|16",
+        "skillname": "AS1",
+        "levelskill": 16,
+        "visualname": "Flash",
+        "dmg": 225,
+        "mana": 25,
+        "range": 8
+    },
+    {
+        "no": 17,
+        "skillid": "AS1|17",
+        "skillname": "AS1",
+        "levelskill": 17,
+        "visualname": "Flash",
+        "dmg": 230,
+        "mana": 25,
+        "range": 8
+    },
+    {
+        "no": 18,
+        "skillid": "AS1|18",
+        "skillname": "AS1",
+        "levelskill": 18,
+        "visualname": "Flash",
+        "dmg": 235,
+        "mana": 25,
+        "range": 8
+    },
+    {
+        "no": 19,
+        "skillid": "AS1|19",
+        "skillname": "AS1",
+        "levelskill": 19,
+        "visualname": "Flash",
+        "dmg": 240,
+        "mana": 25,
+        "range": 8
+    },
+    {
+        "no": 20,
+        "skillid": "AS1|20",
+        "skillname": "AS1",
+        "levelskill": 20,
+        "visualname": "Flash",
+        "dmg": 245,
+        "mana": 25,
+        "range": 8
+    },
+    {
+        "no": 21,
+        "skillid": "AS2|1",
+        "skillname": "AS2",
+        "levelskill": 1,
+        "visualname": "Wheel Blood",
+        "dmg": 50,
+        "mana": 15,
+        "range": 5
+    },
+    {
+        "no": 22,
+        "skillid": "AS2|2",
+        "skillname": "AS2",
+        "levelskill": 2,
+        "visualname": "Wheel Blood",
+        "dmg": 55,
+        "mana": 15,
+        "range": 5
+    },
+    {
+        "no": 23,
+        "skillid": "AS2|3",
+        "skillname": "AS2",
+        "levelskill": 3,
+        "visualname": "Wheel Blood",
+        "dmg": 60,
+        "mana": 15,
+        "range": 5
+    },
+    {
+        "no": 24,
+        "skillid": "AS2|4",
+        "skillname": "AS2",
+        "levelskill": 4,
+        "visualname": "Wheel Blood",
+        "dmg": 65,
+        "mana": 15,
+        "range": 5
+    },
+    {
+        "no": 25,
+        "skillid": "AS2|5",
+        "skillname": "AS2",
+        "levelskill": 5,
+        "visualname": "Wheel Blood",
+        "dmg": 70,
+        "mana": 15,
+        "range": 5
+    },
+    {
+        "no": 26,
+        "skillid": "AS2|6",
+        "skillname": "AS2",
+        "levelskill": 6,
+        "visualname": "Wheel Blood",
+        "dmg": 75,
+        "mana": 20,
+        "range": 6
+    },
+    {
+        "no": 27,
+        "skillid": "AS2|7",
+        "skillname": "AS2",
+        "levelskill": 7,
+        "visualname": "Wheel Blood",
+        "dmg": 80,
+        "mana": 20,
+        "range": 6
+    },
+    {
+        "no": 28,
+        "skillid": "AS2|8",
+        "skillname": "AS2",
+        "levelskill": 8,
+        "visualname": "Wheel Blood",
+        "dmg": 85,
+        "mana": 20,
+        "range": 6
+    },
+    {
+        "no": 29,
+        "skillid": "AS2|9",
+        "skillname": "AS2",
+        "levelskill": 9,
+        "visualname": "Wheel Blood",
+        "dmg": 90,
+        "mana": 20,
+        "range": 6
+    },
+    {
+        "no": 30,
+        "skillid": "AS2|10",
+        "skillname": "AS2",
+        "levelskill": 10,
+        "visualname": "Wheel Blood",
+        "dmg": 95,
+        "mana": 20,
+        "range": 6
+    },
+    {
+        "no": 31,
+        "skillid": "AS2|11",
+        "skillname": "AS2",
+        "levelskill": 11,
+        "visualname": "Wheel Blood",
+        "dmg": 100,
+        "mana": 25,
+        "range": 7
+    },
+    {
+        "no": 32,
+        "skillid": "AS2|12",
+        "skillname": "AS2",
+        "levelskill": 12,
+        "visualname": "Wheel Blood",
+        "dmg": 105,
+        "mana": 25,
+        "range": 7
+    },
+    {
+        "no": 33,
+        "skillid": "AS2|13",
+        "skillname": "AS2",
+        "levelskill": 13,
+        "visualname": "Wheel Blood",
+        "dmg": 110,
+        "mana": 25,
+        "range": 7
+    },
+    {
+        "no": 34,
+        "skillid": "AS2|14",
+        "skillname": "AS2",
+        "levelskill": 14,
+        "visualname": "Wheel Blood",
+        "dmg": 115,
+        "mana": 25,
+        "range": 7
+    },
+    {
+        "no": 35,
+        "skillid": "AS2|15",
+        "skillname": "AS2",
+        "levelskill": 15,
+        "visualname": "Wheel Blood",
+        "dmg": 120,
+        "mana": 25,
+        "range": 7
+    },
+    {
+        "no": 36,
+        "skillid": "AS2|16",
+        "skillname": "AS2",
+        "levelskill": 16,
+        "visualname": "Wheel Blood",
+        "dmg": 125,
+        "mana": 30,
+        "range": 8
+    },
+    {
+        "no": 37,
+        "skillid": "AS2|17",
+        "skillname": "AS2",
+        "levelskill": 17,
+        "visualname": "Wheel Blood",
+        "dmg": 130,
+        "mana": 30,
+        "range": 8
+    },
+    {
+        "no": 38,
+        "skillid": "AS2|18",
+        "skillname": "AS2",
+        "levelskill": 18,
+        "visualname": "Wheel Blood",
+        "dmg": 135,
+        "mana": 30,
+        "range": 8
+    },
+    {
+        "no": 39,
+        "skillid": "AS2|19",
+        "skillname": "AS2",
+        "levelskill": 19,
+        "visualname": "Wheel Blood",
+        "dmg": 140,
+        "mana": 30,
+        "range": 8
+    },
+    {
+        "no": 40,
+        "skillid": "AS2|20",
+        "skillname": "AS2",
+        "levelskill": 20,
+        "visualname": "Wheel Blood",
+        "dmg": 145,
+        "mana": 30,
+        "range": 8
+    },
+    {
+        "no": 41,
+        "skillid": "AS3|1",
+        "skillname": "AS3",
+        "levelskill": 1,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 30,
+        "range": 5
+    },
+    {
+        "no": 42,
+        "skillid": "AS3|2",
+        "skillname": "AS3",
+        "levelskill": 2,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 30,
+        "range": 5
+    },
+    {
+        "no": 43,
+        "skillid": "AS3|3",
+        "skillname": "AS3",
+        "levelskill": 3,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 30,
+        "range": 5
+    },
+    {
+        "no": 44,
+        "skillid": "AS3|4",
+        "skillname": "AS3",
+        "levelskill": 4,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 30,
+        "range": 5
+    },
+    {
+        "no": 45,
+        "skillid": "AS3|5",
+        "skillname": "AS3",
+        "levelskill": 5,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 30,
+        "range": 5
+    },
+    {
+        "no": 46,
+        "skillid": "AS3|6",
+        "skillname": "AS3",
+        "levelskill": 6,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 30,
+        "range": 6
+    },
+    {
+        "no": 47,
+        "skillid": "AS3|7",
+        "skillname": "AS3",
+        "levelskill": 7,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 35,
+        "range": 6
+    },
+    {
+        "no": 48,
+        "skillid": "AS3|8",
+        "skillname": "AS3",
+        "levelskill": 8,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 35,
+        "range": 6
+    },
+    {
+        "no": 49,
+        "skillid": "AS3|9",
+        "skillname": "AS3",
+        "levelskill": 9,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 35,
+        "range": 6
+    },
+    {
+        "no": 50,
+        "skillid": "AS3|10",
+        "skillname": "AS3",
+        "levelskill": 10,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 35,
+        "range": 6
+    },
+    {
+        "no": 51,
+        "skillid": "AS3|11",
+        "skillname": "AS3",
+        "levelskill": 11,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 35,
+        "range": 7
+    },
+    {
+        "no": 52,
+        "skillid": "AS3|12",
+        "skillname": "AS3",
+        "levelskill": 12,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 40,
+        "range": 7
+    },
+    {
+        "no": 53,
+        "skillid": "AS3|13",
+        "skillname": "AS3",
+        "levelskill": 13,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 40,
+        "range": 7
+    },
+    {
+        "no": 54,
+        "skillid": "AS3|14",
+        "skillname": "AS3",
+        "levelskill": 14,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 40,
+        "range": 7
+    },
+    {
+        "no": 55,
+        "skillid": "AS3|15",
+        "skillname": "AS3",
+        "levelskill": 15,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 40,
+        "range": 7
+    },
+    {
+        "no": 56,
+        "skillid": "AS3|16",
+        "skillname": "AS3",
+        "levelskill": 16,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 40,
+        "range": 8
+    },
+    {
+        "no": 57,
+        "skillid": "AS3|17",
+        "skillname": "AS3",
+        "levelskill": 17,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 45,
+        "range": 8
+    },
+    {
+        "no": 58,
+        "skillid": "AS3|18",
+        "skillname": "AS3",
+        "levelskill": 18,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 45,
+        "range": 8
+    },
+    {
+        "no": 59,
+        "skillid": "AS3|19",
+        "skillname": "AS3",
+        "levelskill": 19,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 45,
+        "range": 8
+    },
+    {
+        "no": 60,
+        "skillid": "AS3|20",
+        "skillname": "AS3",
+        "levelskill": 20,
+        "visualname": "Iron Shield",
+        "dmg": 100,
+        "mana": 45,
+        "range": 8
+    }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/json/active_skill.json.meta b/assets/cc-game/res/json/active_skill.json.meta
new file mode 100644
index 0000000..93f1cca
--- /dev/null
+++ b/assets/cc-game/res/json/active_skill.json.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "2.0.1",
+  "importer": "json",
+  "imported": true,
+  "uuid": "1f79ea20-7780-4538-a226-42c3a3580221",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/json/boss.json b/assets/cc-game/res/json/boss.json
new file mode 100644
index 0000000..cbe5827
--- /dev/null
+++ b/assets/cc-game/res/json/boss.json
@@ -0,0 +1,100 @@
+[
+    {
+        "no": 1,
+        "nameid": "B1",
+        "group": "Melee",
+        "atk": 30,
+        "hp": 300,
+        "atkspeed": 60,
+        "exp": 5,
+        "movespeed": 1,
+        "atkrange": 1,
+        "atkcooldown": 1,
+        "visualrange": 6,
+        "skilleffect": "Critdmg"
+    },
+    {
+        "no": 2,
+        "nameid": "B2",
+        "group": "Range",
+        "atk": 50,
+        "hp": 500,
+        "atkspeed": 50,
+        "exp": 6,
+        "movespeed": 1,
+        "atkrange": 6,
+        "atkcooldown": 1,
+        "visualrange": 6,
+        "skilleffect": "Range"
+    },
+    {
+        "no": 3,
+        "nameid": "B3",
+        "group": "Slow",
+        "atk": 100,
+        "hp": 1000,
+        "atkspeed": 30,
+        "exp": 7,
+        "movespeed": 1,
+        "atkrange": 6,
+        "atkcooldown": 1,
+        "visualrange": 6,
+        "skilleffect": "Slow"
+    },
+    {
+        "no": 4,
+        "nameid": "B4",
+        "group": "Spawn",
+        "atk": 10,
+        "hp": 100,
+        "atkspeed": 40,
+        "exp": 50,
+        "movespeed": 1,
+        "atkrange": 6,
+        "atkcooldown": 1,
+        "visualrange": 10,
+        "skilleffect": "Spawn"
+    },
+    {
+        "no": 5,
+        "nameid": "B5",
+        "group": "Splits",
+        "atk": 30,
+        "hp": 300,
+        "atkspeed": 40,
+        "exp": 100,
+        "movespeed": 1,
+        "atkrange": 1,
+        "atkcooldown": 1,
+        "visualrange": 10,
+        "skilleffect": "Splits"
+    },
+    {
+        "no": 6,
+        "nameid": "B6",
+        "group": "Immortal",
+        "atk": 80,
+        "hp": 800,
+        "atkspeed": 30,
+        "exp": 150,
+        "movespeed": 1,
+        "atkrange": 6,
+        "atkcooldown": 1,
+        "visualrange": 10,
+        "skilleffect": "Immortal"
+    },
+    {
+        "no": 7,
+        "nameid": "B7",
+        "group": "Heal",
+        "atk": 20,
+        "hp": 600,
+        "atkspeed": 30,
+        "exp": 200,
+        "movespeed": 1,
+        "atkrange": 6,
+        "atkcooldown": 1,
+        "visualrange": 10,
+        "skilleffect": "Heal"
+    }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/json/boss.json.meta b/assets/cc-game/res/json/boss.json.meta
new file mode 100644
index 0000000..9972f44
--- /dev/null
+++ b/assets/cc-game/res/json/boss.json.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "2.0.1",
+  "importer": "json",
+  "imported": true,
+  "uuid": "2c2109b4-c115-4d72-a456-ab1f68924a9a",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/json/enemy.json b/assets/cc-game/res/json/enemy.json
new file mode 100644
index 0000000..4589ad8
--- /dev/null
+++ b/assets/cc-game/res/json/enemy.json
@@ -0,0 +1,92 @@
+[
+    {
+        "no": 1,
+        "nameid": "E1",
+        "group": "Melee",
+        "atk": 1,
+        "hp": 10,
+        "exp": 1,
+        "atkspeed": 60,
+        "atkcooldown": 1,
+        "movespeed": 1,
+        "atkrange": 1,
+        "visualrange": 5,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "no": 2,
+        "nameid": "E2",
+        "group": "Melee",
+        "atk": 2,
+        "hp": 30,
+        "exp": 2,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "movespeed": 1,
+        "atkrange": 1,
+        "visualrange": 5,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "no": 3,
+        "nameid": "E3",
+        "group": "Melee",
+        "atk": 5,
+        "hp": 50,
+        "exp": 3,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "movespeed": 1,
+        "atkrange": 1,
+        "visualrange": 5,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "no": 4,
+        "nameid": "E4",
+        "group": "Range",
+        "atk": 1,
+        "hp": 10,
+        "exp": 4,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "movespeed": 1,
+        "atkrange": 5,
+        "visualrange": 8,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "no": 5,
+        "nameid": "E5",
+        "group": "Range",
+        "atk": 20,
+        "hp": 20,
+        "exp": 5,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "movespeed": 1,
+        "atkrange": 5,
+        "visualrange": 8,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "no": 6,
+        "nameid": "E6",
+        "group": "Range",
+        "atk": 40,
+        "hp": 40,
+        "exp": 10,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "movespeed": 1,
+        "atkrange": 5,
+        "visualrange": 8,
+        "aoedmg": 0,
+        "aoerange": 0
+    }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/json/enemy.json.meta b/assets/cc-game/res/json/enemy.json.meta
new file mode 100644
index 0000000..728ccc3
--- /dev/null
+++ b/assets/cc-game/res/json/enemy.json.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "2.0.1",
+  "importer": "json",
+  "imported": true,
+  "uuid": "bfc2472c-6feb-46d0-aadb-c4608480e99d",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/json/hero.json b/assets/cc-game/res/json/hero.json
new file mode 100644
index 0000000..e0f7c69
--- /dev/null
+++ b/assets/cc-game/res/json/hero.json
@@ -0,0 +1,702 @@
+[
+    {
+        "level": 1,
+        "atk": 10,
+        "hp": 100,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 30,
+        "managenerate": 1,
+        "hpheal": 2,
+        "exp": 10,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 2,
+        "atk": 15,
+        "hp": 110,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 30,
+        "managenerate": 1,
+        "hpheal": 2,
+        "exp": 20,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 3,
+        "atk": 20,
+        "hp": 120,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 30,
+        "managenerate": 1,
+        "hpheal": 2,
+        "exp": 30,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 4,
+        "atk": 25,
+        "hp": 130,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 30,
+        "managenerate": 1,
+        "hpheal": 2,
+        "exp": 50,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 5,
+        "atk": 30,
+        "hp": 140,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 30,
+        "managenerate": 1,
+        "hpheal": 2,
+        "exp": 80,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 6,
+        "atk": 35,
+        "hp": 150,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 35,
+        "managenerate": 1.25,
+        "hpheal": 3,
+        "exp": 130,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 7,
+        "atk": 40,
+        "hp": 160,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 35,
+        "managenerate": 1.25,
+        "hpheal": 3,
+        "exp": 210,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 8,
+        "atk": 45,
+        "hp": 170,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 35,
+        "managenerate": 1.25,
+        "hpheal": 3,
+        "exp": 340,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 9,
+        "atk": 50,
+        "hp": 180,
+        "atkrange": 5,
+        "atkspeed": 30,
+        "atkcooldown": 1,
+        "manamax": 35,
+        "managenerate": 1.25,
+        "hpheal": 3,
+        "exp": 550,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 10,
+        "atk": 55,
+        "hp": 190,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 35,
+        "managenerate": 1.25,
+        "hpheal": 3,
+        "exp": 890,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 11,
+        "atk": 60,
+        "hp": 200,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 40,
+        "managenerate": 1.5,
+        "hpheal": 4,
+        "exp": 1440,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 12,
+        "atk": 65,
+        "hp": 210,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 40,
+        "managenerate": 1.5,
+        "hpheal": 4,
+        "exp": 2000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 13,
+        "atk": 70,
+        "hp": 220,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 40,
+        "managenerate": 1.5,
+        "hpheal": 4,
+        "exp": 3000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 14,
+        "atk": 75,
+        "hp": 230,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 40,
+        "managenerate": 1.5,
+        "hpheal": 4,
+        "exp": 4000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 15,
+        "atk": 80,
+        "hp": 240,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 40,
+        "managenerate": 1.5,
+        "hpheal": 4,
+        "exp": 5000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 16,
+        "atk": 85,
+        "hp": 250,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 45,
+        "managenerate": 1.75,
+        "hpheal": 5,
+        "exp": 6000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 17,
+        "atk": 90,
+        "hp": 260,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 45,
+        "managenerate": 1.75,
+        "hpheal": 5,
+        "exp": 7000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 18,
+        "atk": 95,
+        "hp": 270,
+        "atkrange": 6,
+        "atkspeed": 35,
+        "atkcooldown": 1,
+        "manamax": 45,
+        "managenerate": 1.75,
+        "hpheal": 5,
+        "exp": 8000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 19,
+        "atk": 100,
+        "hp": 280,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 45,
+        "managenerate": 1.75,
+        "hpheal": 5,
+        "exp": 9000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 20,
+        "atk": 105,
+        "hp": 290,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 45,
+        "managenerate": 1.75,
+        "hpheal": 5,
+        "exp": 10000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 21,
+        "atk": 110,
+        "hp": 300,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 50,
+        "managenerate": 2,
+        "hpheal": 6,
+        "exp": 11000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 22,
+        "atk": 115,
+        "hp": 310,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 50,
+        "managenerate": 2,
+        "hpheal": 6,
+        "exp": 12000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 23,
+        "atk": 120,
+        "hp": 320,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 50,
+        "managenerate": 2,
+        "hpheal": 6,
+        "exp": 13000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 24,
+        "atk": 125,
+        "hp": 330,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 50,
+        "managenerate": 2,
+        "hpheal": 6,
+        "exp": 14000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 25,
+        "atk": 130,
+        "hp": 340,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 50,
+        "managenerate": 2,
+        "hpheal": 6,
+        "exp": 15000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 26,
+        "atk": 135,
+        "hp": 350,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 55,
+        "managenerate": 2.25,
+        "hpheal": 7,
+        "exp": 16000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 27,
+        "atk": 140,
+        "hp": 360,
+        "atkrange": 7,
+        "atkspeed": 40,
+        "atkcooldown": 1,
+        "manamax": 55,
+        "managenerate": 2.25,
+        "hpheal": 7,
+        "exp": 17000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 28,
+        "atk": 145,
+        "hp": 370,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 55,
+        "managenerate": 2.25,
+        "hpheal": 7,
+        "exp": 18000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 29,
+        "atk": 150,
+        "hp": 380,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 55,
+        "managenerate": 2.25,
+        "hpheal": 7,
+        "exp": 19000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 30,
+        "atk": 155,
+        "hp": 390,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 55,
+        "managenerate": 2.25,
+        "hpheal": 7,
+        "exp": 20000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 31,
+        "atk": 160,
+        "hp": 400,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 60,
+        "managenerate": 2.5,
+        "hpheal": 8,
+        "exp": 21000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 32,
+        "atk": 165,
+        "hp": 410,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 60,
+        "managenerate": 2.5,
+        "hpheal": 8,
+        "exp": 22000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 33,
+        "atk": 170,
+        "hp": 420,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 60,
+        "managenerate": 2.5,
+        "hpheal": 8,
+        "exp": 23000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 34,
+        "atk": 175,
+        "hp": 430,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 60,
+        "managenerate": 2.5,
+        "hpheal": 8,
+        "exp": 24000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 35,
+        "atk": 180,
+        "hp": 440,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 60,
+        "managenerate": 2.5,
+        "hpheal": 8,
+        "exp": 25000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 36,
+        "atk": 185,
+        "hp": 450,
+        "atkrange": 8,
+        "atkspeed": 45,
+        "atkcooldown": 1,
+        "manamax": 65,
+        "managenerate": 2.75,
+        "hpheal": 9,
+        "exp": 26000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 37,
+        "atk": 190,
+        "hp": 460,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 65,
+        "managenerate": 2.75,
+        "hpheal": 9,
+        "exp": 27000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 38,
+        "atk": 195,
+        "hp": 470,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 65,
+        "managenerate": 2.75,
+        "hpheal": 9,
+        "exp": 28000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 39,
+        "atk": 200,
+        "hp": 480,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 65,
+        "managenerate": 2.75,
+        "hpheal": 9,
+        "exp": 29000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 40,
+        "atk": 205,
+        "hp": 490,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 65,
+        "managenerate": 2.75,
+        "hpheal": 9,
+        "exp": 30000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 41,
+        "atk": 210,
+        "hp": 500,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 70,
+        "managenerate": 3,
+        "hpheal": 10,
+        "exp": 31000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 42,
+        "atk": 215,
+        "hp": 510,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 70,
+        "managenerate": 3,
+        "hpheal": 10,
+        "exp": 32000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 43,
+        "atk": 220,
+        "hp": 520,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 70,
+        "managenerate": 3,
+        "hpheal": 10,
+        "exp": 33000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 44,
+        "atk": 225,
+        "hp": 530,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 70,
+        "managenerate": 3,
+        "hpheal": 10,
+        "exp": 34000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 45,
+        "atk": 230,
+        "hp": 540,
+        "atkrange": 9,
+        "atkspeed": 50,
+        "atkcooldown": 1,
+        "manamax": 70,
+        "managenerate": 3,
+        "hpheal": 10,
+        "exp": 35000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 46,
+        "atk": 235,
+        "hp": 550,
+        "atkrange": 10,
+        "atkspeed": 55,
+        "atkcooldown": 1,
+        "manamax": 75,
+        "managenerate": 3.25,
+        "hpheal": 11,
+        "exp": 36000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 47,
+        "atk": 240,
+        "hp": 560,
+        "atkrange": 10,
+        "atkspeed": 55,
+        "atkcooldown": 1,
+        "manamax": 75,
+        "managenerate": 3.25,
+        "hpheal": 11,
+        "exp": 37000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 48,
+        "atk": 245,
+        "hp": 570,
+        "atkrange": 10,
+        "atkspeed": 55,
+        "atkcooldown": 1,
+        "manamax": 75,
+        "managenerate": 3.25,
+        "hpheal": 11,
+        "exp": 38000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 49,
+        "atk": 250,
+        "hp": 580,
+        "atkrange": 10,
+        "atkspeed": 55,
+        "atkcooldown": 1,
+        "manamax": 75,
+        "managenerate": 3.25,
+        "hpheal": 11,
+        "exp": 39000,
+        "aoedmg": 0,
+        "aoerange": 0
+    },
+    {
+        "level": 50,
+        "atk": 255,
+        "hp": 590,
+        "atkrange": 10,
+        "atkspeed": 55,
+        "atkcooldown": 1,
+        "manamax": 75,
+        "managenerate": 3.25,
+        "hpheal": 11,
+        "exp": 40000,
+        "aoedmg": 0,
+        "aoerange": 0
+    }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/json/hero.json.meta b/assets/cc-game/res/json/hero.json.meta
new file mode 100644
index 0000000..432ae08
--- /dev/null
+++ b/assets/cc-game/res/json/hero.json.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "2.0.1",
+  "importer": "json",
+  "imported": true,
+  "uuid": "447ef86f-5b0d-4ae0-b495-b09d87b76fbf",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/json/level_design.json b/assets/cc-game/res/json/level_design.json
new file mode 100644
index 0000000..cb7a46d
--- /dev/null
+++ b/assets/cc-game/res/json/level_design.json
@@ -0,0 +1,642 @@
+[
+    {
+        "level": 1,
+        "atkratio": 1,
+        "hpratio": 1,
+        "expratio": 1,
+        "goldcollect": 10,
+        "formations": "F2"
+    },
+    {
+        "level": 2,
+        "atkratio": 2,
+        "hpratio": 3,
+        "expratio": 4,
+        "goldcollect": 20,
+        "formations": "F3"
+    },
+    {
+        "level": 3,
+        "atkratio": 3,
+        "hpratio": 4,
+        "expratio": 5,
+        "goldcollect": 30,
+        "formations": "F4"
+    },
+    {
+        "level": 4,
+        "atkratio": 4,
+        "hpratio": 5,
+        "expratio": 6,
+        "goldcollect": 40,
+        "formations": "F5"
+    },
+    {
+        "level": 5,
+        "atkratio": 5,
+        "hpratio": 6,
+        "expratio": 7,
+        "goldcollect": 50,
+        "formations": "F60"
+    },
+    {
+        "level": 6,
+        "atkratio": 6,
+        "hpratio": 7,
+        "expratio": 8,
+        "goldcollect": 50,
+        "formations": "F7"
+    },
+    {
+        "level": 7,
+        "atkratio": 7,
+        "hpratio": 8,
+        "expratio": 9,
+        "goldcollect": 50,
+        "formations": "F8"
+    },
+    {
+        "level": 8,
+        "atkratio": 8,
+        "hpratio": 9,
+        "expratio": 10,
+        "goldcollect": 50,
+        "formations": "F9"
+    },
+    {
+        "level": 9,
+        "atkratio": 9,
+        "hpratio": 10,
+        "expratio": 11,
+        "goldcollect": 50,
+        "formations": "F10"
+    },
+    {
+        "level": 10,
+        "atkratio": 10,
+        "hpratio": 11,
+        "expratio": 12,
+        "goldcollect": 50,
+        "formations": "F60"
+    },
+    {
+        "level": 11,
+        "atkratio": 11,
+        "hpratio": 12,
+        "expratio": 13,
+        "goldcollect": 60,
+        "formations": "F12"
+    },
+    {
+        "level": 12,
+        "atkratio": 12,
+        "hpratio": 13,
+        "expratio": 14,
+        "goldcollect": 60,
+        "formations": "F13"
+    },
+    {
+        "level": 13,
+        "atkratio": 13,
+        "hpratio": 14,
+        "expratio": 15,
+        "goldcollect": 60,
+        "formations": "F14"
+    },
+    {
+        "level": 14,
+        "atkratio": 14,
+        "hpratio": 15,
+        "expratio": 16,
+        "goldcollect": 60,
+        "formations": "F15"
+    },
+    {
+        "level": 15,
+        "atkratio": 15,
+        "hpratio": 16,
+        "expratio": 17,
+        "goldcollect": 60,
+        "formations": "F60"
+    },
+    {
+        "level": 16,
+        "atkratio": 16,
+        "hpratio": 17,
+        "expratio": 18,
+        "goldcollect": 70,
+        "formations": "F17"
+    },
+    {
+        "level": 17,
+        "atkratio": 17,
+        "hpratio": 18,
+        "expratio": 19,
+        "goldcollect": 70,
+        "formations": "F18"
+    },
+    {
+        "level": 18,
+        "atkratio": 18,
+        "hpratio": 19,
+        "expratio": 20,
+        "goldcollect": 70,
+        "formations": "F19"
+    },
+    {
+        "level": 19,
+        "atkratio": 19,
+        "hpratio": 20,
+        "expratio": 21,
+        "goldcollect": 70,
+        "formations": "F20"
+    },
+    {
+        "level": 20,
+        "atkratio": 20,
+        "hpratio": 21,
+        "expratio": 22,
+        "goldcollect": 70,
+        "formations": "F60"
+    },
+    {
+        "level": 21,
+        "atkratio": 21,
+        "hpratio": 22,
+        "expratio": 23,
+        "goldcollect": 80,
+        "formations": "F22"
+    },
+    {
+        "level": 22,
+        "atkratio": 22,
+        "hpratio": 23,
+        "expratio": 24,
+        "goldcollect": 80,
+        "formations": "F23"
+    },
+    {
+        "level": 23,
+        "atkratio": 23,
+        "hpratio": 24,
+        "expratio": 25,
+        "goldcollect": 80,
+        "formations": "F24"
+    },
+    {
+        "level": 24,
+        "atkratio": 24,
+        "hpratio": 25,
+        "expratio": 26,
+        "goldcollect": 80,
+        "formations": "F25"
+    },
+    {
+        "level": 25,
+        "atkratio": 25,
+        "hpratio": 26,
+        "expratio": 27,
+        "goldcollect": 80,
+        "formations": "F60"
+    },
+    {
+        "level": 26,
+        "atkratio": 26,
+        "hpratio": 27,
+        "expratio": 28,
+        "goldcollect": 90,
+        "formations": "F27"
+    },
+    {
+        "level": 27,
+        "atkratio": 27,
+        "hpratio": 28,
+        "expratio": 29,
+        "goldcollect": 90,
+        "formations": "F28"
+    },
+    {
+        "level": 28,
+        "atkratio": 28,
+        "hpratio": 29,
+        "expratio": 30,
+        "goldcollect": 90,
+        "formations": "F29"
+    },
+    {
+        "level": 29,
+        "atkratio": 29,
+        "hpratio": 30,
+        "expratio": 31,
+        "goldcollect": 90,
+        "formations": "F30"
+    },
+    {
+        "level": 30,
+        "atkratio": 30,
+        "hpratio": 31,
+        "expratio": 32,
+        "goldcollect": 90,
+        "formations": "F60"
+    },
+    {
+        "level": 31,
+        "atkratio": 31,
+        "hpratio": 32,
+        "expratio": 33,
+        "goldcollect": 100,
+        "formations": "F32"
+    },
+    {
+        "level": 32,
+        "atkratio": 32,
+        "hpratio": 33,
+        "expratio": 34,
+        "goldcollect": 100,
+        "formations": "F33"
+    },
+    {
+        "level": 33,
+        "atkratio": 33,
+        "hpratio": 34,
+        "expratio": 35,
+        "goldcollect": 100,
+        "formations": "F34"
+    },
+    {
+        "level": 34,
+        "atkratio": 34,
+        "hpratio": 35,
+        "expratio": 36,
+        "goldcollect": 100,
+        "formations": "F35"
+    },
+    {
+        "level": 35,
+        "atkratio": 35,
+        "hpratio": 36,
+        "expratio": 37,
+        "goldcollect": 100,
+        "formations": "F60"
+    },
+    {
+        "level": 36,
+        "atkratio": 36,
+        "hpratio": 37,
+        "expratio": 38,
+        "goldcollect": 110,
+        "formations": "F37"
+    },
+    {
+        "level": 37,
+        "atkratio": 37,
+        "hpratio": 38,
+        "expratio": 39,
+        "goldcollect": 110,
+        "formations": "F38"
+    },
+    {
+        "level": 38,
+        "atkratio": 38,
+        "hpratio": 39,
+        "expratio": 40,
+        "goldcollect": 110,
+        "formations": "F39"
+    },
+    {
+        "level": 39,
+        "atkratio": 39,
+        "hpratio": 40,
+        "expratio": 41,
+        "goldcollect": 110,
+        "formations": "F40"
+    },
+    {
+        "level": 40,
+        "atkratio": 40,
+        "hpratio": 41,
+        "expratio": 42,
+        "goldcollect": 110,
+        "formations": "F60"
+    },
+    {
+        "level": 41,
+        "atkratio": 41,
+        "hpratio": 42,
+        "expratio": 43,
+        "goldcollect": 120,
+        "formations": "F42"
+    },
+    {
+        "level": 42,
+        "atkratio": 42,
+        "hpratio": 43,
+        "expratio": 44,
+        "goldcollect": 120,
+        "formations": "F43"
+    },
+    {
+        "level": 43,
+        "atkratio": 43,
+        "hpratio": 44,
+        "expratio": 45,
+        "goldcollect": 120,
+        "formations": "F44"
+    },
+    {
+        "level": 44,
+        "atkratio": 44,
+        "hpratio": 45,
+        "expratio": 46,
+        "goldcollect": 120,
+        "formations": "F45"
+    },
+    {
+        "level": 45,
+        "atkratio": 45,
+        "hpratio": 46,
+        "expratio": 47,
+        "goldcollect": 120,
+        "formations": "F60"
+    },
+    {
+        "level": 46,
+        "atkratio": 46,
+        "hpratio": 47,
+        "expratio": 48,
+        "goldcollect": 130,
+        "formations": "F47"
+    },
+    {
+        "level": 47,
+        "atkratio": 47,
+        "hpratio": 48,
+        "expratio": 49,
+        "goldcollect": 130,
+        "formations": "F48"
+    },
+    {
+        "level": 48,
+        "atkratio": 48,
+        "hpratio": 49,
+        "expratio": 50,
+        "goldcollect": 130,
+        "formations": "F49"
+    },
+    {
+        "level": 49,
+        "atkratio": 49,
+        "hpratio": 50,
+        "expratio": 51,
+        "goldcollect": 130,
+        "formations": "F50"
+    },
+    {
+        "level": 50,
+        "atkratio": 50,
+        "hpratio": 51,
+        "expratio": 52,
+        "goldcollect": 130,
+        "formations": "F60"
+    },
+    {
+        "level": 51,
+        "atkratio": 51,
+        "hpratio": 52,
+        "expratio": 53,
+        "goldcollect": 140,
+        "formations": "F52"
+    },
+    {
+        "level": 52,
+        "atkratio": 52,
+        "hpratio": 53,
+        "expratio": 54,
+        "goldcollect": 140,
+        "formations": "F53"
+    },
+    {
+        "level": 53,
+        "atkratio": 53,
+        "hpratio": 54,
+        "expratio": 55,
+        "goldcollect": 140,
+        "formations": "F3"
+    },
+    {
+        "level": 54,
+        "atkratio": 54,
+        "hpratio": 55,
+        "expratio": 56,
+        "goldcollect": 140,
+        "formations": "F4"
+    },
+    {
+        "level": 55,
+        "atkratio": 55,
+        "hpratio": 56,
+        "expratio": 57,
+        "goldcollect": 140,
+        "formations": "F60"
+    },
+    {
+        "level": 56,
+        "atkratio": 56,
+        "hpratio": 57,
+        "expratio": 58,
+        "goldcollect": 150,
+        "formations": "F6"
+    },
+    {
+        "level": 57,
+        "atkratio": 57,
+        "hpratio": 58,
+        "expratio": 59,
+        "goldcollect": 150,
+        "formations": "F7"
+    },
+    {
+        "level": 58,
+        "atkratio": 58,
+        "hpratio": 59,
+        "expratio": 60,
+        "goldcollect": 150,
+        "formations": "F8"
+    },
+    {
+        "level": 59,
+        "atkratio": 59,
+        "hpratio": 60,
+        "expratio": 61,
+        "goldcollect": 150,
+        "formations": "F9"
+    },
+    {
+        "level": 60,
+        "atkratio": 60,
+        "hpratio": 61,
+        "expratio": 62,
+        "goldcollect": 150,
+        "formations": "F60"
+    },
+    {
+        "level": 61,
+        "atkratio": 61,
+        "hpratio": 62,
+        "expratio": 63,
+        "goldcollect": 160,
+        "formations": "F11"
+    },
+    {
+        "level": 62,
+        "atkratio": 62,
+        "hpratio": 63,
+        "expratio": 64,
+        "goldcollect": 160,
+        "formations": "F12"
+    },
+    {
+        "level": 63,
+        "atkratio": 63,
+        "hpratio": 64,
+        "expratio": 65,
+        "goldcollect": 160,
+        "formations": "F13"
+    },
+    {
+        "level": 64,
+        "atkratio": 64,
+        "hpratio": 65,
+        "expratio": 66,
+        "goldcollect": 160,
+        "formations": "F14"
+    },
+    {
+        "level": 65,
+        "atkratio": 65,
+        "hpratio": 66,
+        "expratio": 67,
+        "goldcollect": 160,
+        "formations": "F60"
+    },
+    {
+        "level": 66,
+        "atkratio": 66,
+        "hpratio": 67,
+        "expratio": 68,
+        "goldcollect": 170,
+        "formations": "F16"
+    },
+    {
+        "level": 67,
+        "atkratio": 67,
+        "hpratio": 68,
+        "expratio": 69,
+        "goldcollect": 170,
+        "formations": "F17"
+    },
+    {
+        "level": 68,
+        "atkratio": 68,
+        "hpratio": 69,
+        "expratio": 70,
+        "goldcollect": 170,
+        "formations": "F18"
+    },
+    {
+        "level": 69,
+        "atkratio": 69,
+        "hpratio": 70,
+        "expratio": 71,
+        "goldcollect": 170,
+        "formations": "F19"
+    },
+    {
+        "level": 70,
+        "atkratio": 70,
+        "hpratio": 71,
+        "expratio": 72,
+        "goldcollect": 170,
+        "formations": "F60"
+    },
+    {
+        "level": 71,
+        "atkratio": 71,
+        "hpratio": 72,
+        "expratio": 73,
+        "goldcollect": 180,
+        "formations": "F21"
+    },
+    {
+        "level": 72,
+        "atkratio": 72,
+        "hpratio": 73,
+        "expratio": 74,
+        "goldcollect": 180,
+        "formations": "F22"
+    },
+    {
+        "level": 73,
+        "atkratio": 73,
+        "hpratio": 74,
+        "expratio": 75,
+        "goldcollect": 180,
+        "formations": "F23"
+    },
+    {
+        "level": 74,
+        "atkratio": 74,
+        "hpratio": 75,
+        "expratio": 76,
+        "goldcollect": 180,
+        "formations": "F24"
+    },
+    {
+        "level": 75,
+        "atkratio": 75,
+        "hpratio": 76,
+        "expratio": 77,
+        "goldcollect": 180,
+        "formations": "F60"
+    },
+    {
+        "level": 76,
+        "atkratio": 76,
+        "hpratio": 77,
+        "expratio": 78,
+        "goldcollect": 190,
+        "formations": "F16"
+    },
+    {
+        "level": 77,
+        "atkratio": 77,
+        "hpratio": 78,
+        "expratio": 79,
+        "goldcollect": 190,
+        "formations": "F17"
+    },
+    {
+        "level": 78,
+        "atkratio": 78,
+        "hpratio": 79,
+        "expratio": 80,
+        "goldcollect": 190,
+        "formations": "F18"
+    },
+    {
+        "level": 79,
+        "atkratio": 79,
+        "hpratio": 80,
+        "expratio": 81,
+        "goldcollect": 190,
+        "formations": "F19"
+    },
+    {
+        "level": 80,
+        "atkratio": 80,
+        "hpratio": 81,
+        "expratio": 82,
+        "goldcollect": 190,
+        "formations": "F60"
+    }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/json/level_design.json.meta b/assets/cc-game/res/json/level_design.json.meta
new file mode 100644
index 0000000..1e5db2d
--- /dev/null
+++ b/assets/cc-game/res/json/level_design.json.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "2.0.1",
+  "importer": "json",
+  "imported": true,
+  "uuid": "368a5ad4-9df4-4cb7-b81c-fd781f82fb90",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/json/passive_skill.json b/assets/cc-game/res/json/passive_skill.json
new file mode 100644
index 0000000..134aac8
--- /dev/null
+++ b/assets/cc-game/res/json/passive_skill.json
@@ -0,0 +1,362 @@
+[
+    {
+        "no": 1,
+        "skillid": "PS1|1",
+        "skillname": "PS1",
+        "levelskill": 1,
+        "visualname": "Atk",
+        "value": 5
+    },
+    {
+        "no": 2,
+        "skillid": "PS1|2",
+        "skillname": "PS1",
+        "levelskill": 2,
+        "visualname": "Atk",
+        "value": 10
+    },
+    {
+        "no": 3,
+        "skillid": "PS1|3",
+        "skillname": "PS1",
+        "levelskill": 3,
+        "visualname": "Atk",
+        "value": 15
+    },
+    {
+        "no": 4,
+        "skillid": "PS1|4",
+        "skillname": "PS1",
+        "levelskill": 4,
+        "visualname": "Atk",
+        "value": 20
+    },
+    {
+        "no": 5,
+        "skillid": "PS1|5",
+        "skillname": "PS1",
+        "levelskill": 5,
+        "visualname": "Atk",
+        "value": 25
+    },
+    {
+        "no": 6,
+        "skillid": "PS2|1",
+        "skillname": "PS2",
+        "levelskill": 1,
+        "visualname": "Hp",
+        "value": 10
+    },
+    {
+        "no": 7,
+        "skillid": "PS2|2",
+        "skillname": "PS2",
+        "levelskill": 2,
+        "visualname": "Hp",
+        "value": 20
+    },
+    {
+        "no": 8,
+        "skillid": "PS2|3",
+        "skillname": "PS2",
+        "levelskill": 3,
+        "visualname": "Hp",
+        "value": 50
+    },
+    {
+        "no": 9,
+        "skillid": "PS2|4",
+        "skillname": "PS2",
+        "levelskill": 4,
+        "visualname": "Hp",
+        "value": 80
+    },
+    {
+        "no": 10,
+        "skillid": "PS2|5",
+        "skillname": "PS2",
+        "levelskill": 5,
+        "visualname": "Hp",
+        "value": 100
+    },
+    {
+        "no": 11,
+        "skillid": "PS3|1",
+        "skillname": "PS3",
+        "levelskill": 1,
+        "visualname": "Mana",
+        "value": 5
+    },
+    {
+        "no": 12,
+        "skillid": "PS3|2",
+        "skillname": "PS3",
+        "levelskill": 2,
+        "visualname": "Mana",
+        "value": 10
+    },
+    {
+        "no": 13,
+        "skillid": "PS3|3",
+        "skillname": "PS3",
+        "levelskill": 3,
+        "visualname": "Mana",
+        "value": 15
+    },
+    {
+        "no": 14,
+        "skillid": "PS3|4",
+        "skillname": "PS3",
+        "levelskill": 4,
+        "visualname": "Mana",
+        "value": 20
+    },
+    {
+        "no": 15,
+        "skillid": "PS3|5",
+        "skillname": "PS3",
+        "levelskill": 5,
+        "visualname": "Mana",
+        "value": 25
+    },
+    {
+        "no": 16,
+        "skillid": "PS4|1",
+        "skillname": "PS4",
+        "levelskill": 1,
+        "visualname": "Mana Max",
+        "value": 10
+    },
+    {
+        "no": 17,
+        "skillid": "PS4|2",
+        "skillname": "PS4",
+        "levelskill": 2,
+        "visualname": "Mana Max",
+        "value": 15
+    },
+    {
+        "no": 18,
+        "skillid": "PS4|3",
+        "skillname": "PS4",
+        "levelskill": 3,
+        "visualname": "Mana Max",
+        "value": 20
+    },
+    {
+        "no": 19,
+        "skillid": "PS4|4",
+        "skillname": "PS4",
+        "levelskill": 4,
+        "visualname": "Mana Max",
+        "value": 25
+    },
+    {
+        "no": 20,
+        "skillid": "PS4|5",
+        "skillname": "PS4",
+        "levelskill": 5,
+        "visualname": "Mana Max",
+        "value": 30
+    },
+    {
+        "no": 21,
+        "skillid": "PS5|1",
+        "skillname": "PS5",
+        "levelskill": 1,
+        "visualname": "Exp",
+        "value": 100
+    },
+    {
+        "no": 22,
+        "skillid": "PS5|2",
+        "skillname": "PS5",
+        "levelskill": 2,
+        "visualname": "Exp",
+        "value": 200
+    },
+    {
+        "no": 23,
+        "skillid": "PS5|3",
+        "skillname": "PS5",
+        "levelskill": 3,
+        "visualname": "Exp",
+        "value": 500
+    },
+    {
+        "no": 24,
+        "skillid": "PS5|4",
+        "skillname": "PS5",
+        "levelskill": 4,
+        "visualname": "Exp",
+        "value": 800
+    },
+    {
+        "no": 25,
+        "skillid": "PS5|5",
+        "skillname": "PS5",
+        "levelskill": 5,
+        "visualname": "Exp",
+        "value": 1000
+    },
+    {
+        "no": 26,
+        "skillid": "PS6|1",
+        "skillname": "PS6",
+        "levelskill": 1,
+        "visualname": "Move Speed",
+        "value": 1
+    },
+    {
+        "no": 27,
+        "skillid": "PS6|2",
+        "skillname": "PS6",
+        "levelskill": 2,
+        "visualname": "Move Speed",
+        "value": 2
+    },
+    {
+        "no": 28,
+        "skillid": "PS6|3",
+        "skillname": "PS6",
+        "levelskill": 3,
+        "visualname": "Move Speed",
+        "value": 3
+    },
+    {
+        "no": 29,
+        "skillid": "PS6|4",
+        "skillname": "PS6",
+        "levelskill": 4,
+        "visualname": "Move Speed",
+        "value": 4
+    },
+    {
+        "no": 30,
+        "skillid": "PS6|5",
+        "skillname": "PS6",
+        "levelskill": 5,
+        "visualname": "Move Speed",
+        "value": 5
+    },
+    {
+        "no": 31,
+        "skillid": "PS7|1",
+        "skillname": "PS7",
+        "levelskill": 1,
+        "visualname": "Hp Heal",
+        "value": 1
+    },
+    {
+        "no": 32,
+        "skillid": "PS7|2",
+        "skillname": "PS7",
+        "levelskill": 2,
+        "visualname": "Hp Heal",
+        "value": 2
+    },
+    {
+        "no": 33,
+        "skillid": "PS7|3",
+        "skillname": "PS7",
+        "levelskill": 3,
+        "visualname": "Hp Heal",
+        "value": 3
+    },
+    {
+        "no": 34,
+        "skillid": "PS7|4",
+        "skillname": "PS7",
+        "levelskill": 4,
+        "visualname": "Hp Heal",
+        "value": 4
+    },
+    {
+        "no": 35,
+        "skillid": "PS7|5",
+        "skillname": "PS7",
+        "levelskill": 5,
+        "visualname": "Hp Heal",
+        "value": 5
+    },
+    {
+        "no": 36,
+        "skillid": "PS8|1",
+        "skillname": "PS8",
+        "levelskill": 1,
+        "visualname": "AoE Range",
+        "value": 1
+    },
+    {
+        "no": 37,
+        "skillid": "PS8|2",
+        "skillname": "PS8",
+        "levelskill": 2,
+        "visualname": "AoE Range",
+        "value": 2
+    },
+    {
+        "no": 38,
+        "skillid": "PS8|3",
+        "skillname": "PS8",
+        "levelskill": 3,
+        "visualname": "AoE Range",
+        "value": 3
+    },
+    {
+        "no": 39,
+        "skillid": "PS8|4",
+        "skillname": "PS8",
+        "levelskill": 4,
+        "visualname": "AoE Range",
+        "value": 4
+    },
+    {
+        "no": 40,
+        "skillid": "PS8|5",
+        "skillname": "PS8",
+        "levelskill": 5,
+        "visualname": "AoE Range",
+        "value": 5
+    },
+    {
+        "no": 41,
+        "skillid": "PS9|1",
+        "skillname": "PS9",
+        "levelskill": 1,
+        "visualname": "Atk Range",
+        "value": 1
+    },
+    {
+        "no": 42,
+        "skillid": "PS9|2",
+        "skillname": "PS9",
+        "levelskill": 2,
+        "visualname": "Atk Range",
+        "value": 2
+    },
+    {
+        "no": 43,
+        "skillid": "PS9|3",
+        "skillname": "PS9",
+        "levelskill": 3,
+        "visualname": "Atk Range",
+        "value": 3
+    },
+    {
+        "no": 44,
+        "skillid": "PS9|4",
+        "skillname": "PS9",
+        "levelskill": 4,
+        "visualname": "Atk Range",
+        "value": 4
+    },
+    {
+        "no": 45,
+        "skillid": "PS9|5",
+        "skillname": "PS9",
+        "levelskill": 5,
+        "visualname": "Atk Range",
+        "value": 5
+    }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/json/passive_skill.json.meta b/assets/cc-game/res/json/passive_skill.json.meta
new file mode 100644
index 0000000..e738962
--- /dev/null
+++ b/assets/cc-game/res/json/passive_skill.json.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "2.0.1",
+  "importer": "json",
+  "imported": true,
+  "uuid": "54ae12c5-faf1-46c4-b556-d1410d6d1328",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/json/skill_unlock.json b/assets/cc-game/res/json/skill_unlock.json
new file mode 100644
index 0000000..cc377ae
--- /dev/null
+++ b/assets/cc-game/res/json/skill_unlock.json
@@ -0,0 +1,202 @@
+[
+    {
+        "levelhero": 1,
+        "skillunlock": "AS1|1_PS2|1_PS3|1_PS4|1"
+    },
+    {
+        "levelhero": 2,
+        "skillunlock": "AS2|1_PS2|1_PS3|1_PS5|1"
+    },
+    {
+        "levelhero": 3,
+        "skillunlock": "AS3|1_PS2|1_PS3|1_PS6|1"
+    },
+    {
+        "levelhero": 4,
+        "skillunlock": "PS1|1_PS2|1_PS3|1_PS7|1"
+    },
+    {
+        "levelhero": 5,
+        "skillunlock": "PS2|1_PS3|1_PS4|1_PS5|1"
+    },
+    {
+        "levelhero": 6,
+        "skillunlock": "PS3|1_PS4|1_PS5|1_PS6|1"
+    },
+    {
+        "levelhero": 7,
+        "skillunlock": "PS4|1_PS5|1_PS6|1_PS7|1"
+    },
+    {
+        "levelhero": 8,
+        "skillunlock": "PS5|1_PS6|1_PS7|1_PS8|1"
+    },
+    {
+        "levelhero": 9,
+        "skillunlock": "PS6|2_PS7|2_PS8|2_PS9|2"
+    },
+    {
+        "levelhero": 10,
+        "skillunlock": "AS1|2_AS2|2_AS3|2_PS9|2"
+    },
+    {
+        "levelhero": 11,
+        "skillunlock": "AS1|1_PS2|1_PS3|1_PS4|1"
+    },
+    {
+        "levelhero": 12,
+        "skillunlock": "AS2|1_PS2|1_PS3|1_PS5|1"
+    },
+    {
+        "levelhero": 13,
+        "skillunlock": "AS3|1_PS2|1_PS3|1_PS6|1"
+    },
+    {
+        "levelhero": 14,
+        "skillunlock": "PS1|1_PS2|1_PS3|1_PS7|1"
+    },
+    {
+        "levelhero": 15,
+        "skillunlock": "PS2|1_PS3|1_PS4|1_PS5|1"
+    },
+    {
+        "levelhero": 16,
+        "skillunlock": "PS3|1_PS4|1_PS5|1_PS6|1"
+    },
+    {
+        "levelhero": 17,
+        "skillunlock": "PS4|1_PS5|1_PS6|1_PS7|1"
+    },
+    {
+        "levelhero": 18,
+        "skillunlock": "PS5|1_PS6|1_PS7|1_PS8|1"
+    },
+    {
+        "levelhero": 19,
+        "skillunlock": "PS6|2_PS7|2_PS8|2_PS9|2"
+    },
+    {
+        "levelhero": 20,
+        "skillunlock": "AS1|3_AS2|3_AS3|3_PS9|3"
+    },
+    {
+        "levelhero": 21,
+        "skillunlock": "AS1|1_PS2|1_PS3|1_PS4|1"
+    },
+    {
+        "levelhero": 22,
+        "skillunlock": "AS2|1_PS2|1_PS3|1_PS5|1"
+    },
+    {
+        "levelhero": 23,
+        "skillunlock": "AS3|1_PS2|1_PS3|1_PS6|1"
+    },
+    {
+        "levelhero": 24,
+        "skillunlock": "PS1|1_PS2|1_PS3|1_PS7|1"
+    },
+    {
+        "levelhero": 25,
+        "skillunlock": "PS2|1_PS3|1_PS4|1_PS5|1"
+    },
+    {
+        "levelhero": 26,
+        "skillunlock": "PS3|1_PS4|1_PS5|1_PS6|1"
+    },
+    {
+        "levelhero": 27,
+        "skillunlock": "PS4|1_PS5|1_PS6|1_PS7|1"
+    },
+    {
+        "levelhero": 28,
+        "skillunlock": "PS5|1_PS6|1_PS7|1_PS8|1"
+    },
+    {
+        "levelhero": 29,
+        "skillunlock": "PS6|2_PS7|2_PS8|2_PS9|2"
+    },
+    {
+        "levelhero": 30,
+        "skillunlock": "AS1|2_AS2|2_AS3|2_PS9|2"
+    },
+    {
+        "levelhero": 31,
+        "skillunlock": "AS1|1_PS2|1_PS3|1_PS4|1"
+    },
+    {
+        "levelhero": 32,
+        "skillunlock": "AS2|1_PS2|1_PS3|1_PS5|1"
+    },
+    {
+        "levelhero": 33,
+        "skillunlock": "AS3|1_PS2|1_PS3|1_PS6|1"
+    },
+    {
+        "levelhero": 34,
+        "skillunlock": "PS1|1_PS2|1_PS3|1_PS7|1"
+    },
+    {
+        "levelhero": 35,
+        "skillunlock": "PS2|1_PS3|1_PS4|1_PS5|1"
+    },
+    {
+        "levelhero": 36,
+        "skillunlock": "PS3|1_PS4|1_PS5|1_PS6|1"
+    },
+    {
+        "levelhero": 37,
+        "skillunlock": "PS4|1_PS5|1_PS6|1_PS7|1"
+    },
+    {
+        "levelhero": 38,
+        "skillunlock": "PS5|1_PS6|1_PS7|1_PS8|1"
+    },
+    {
+        "levelhero": 39,
+        "skillunlock": "PS6|2_PS7|2_PS8|2_PS9|2"
+    },
+    {
+        "levelhero": 40,
+        "skillunlock": "AS1|3_AS2|3_AS3|3_PS9|3"
+    },
+    {
+        "levelhero": 41,
+        "skillunlock": "AS1|1_PS2|1_PS3|1_PS4|1"
+    },
+    {
+        "levelhero": 42,
+        "skillunlock": "AS2|1_PS2|1_PS3|1_PS5|1"
+    },
+    {
+        "levelhero": 43,
+        "skillunlock": "AS3|1_PS2|1_PS3|1_PS6|1"
+    },
+    {
+        "levelhero": 44,
+        "skillunlock": "PS1|1_PS2|1_PS3|1_PS7|1"
+    },
+    {
+        "levelhero": 45,
+        "skillunlock": "PS2|1_PS3|1_PS4|1_PS5|1"
+    },
+    {
+        "levelhero": 46,
+        "skillunlock": "PS3|1_PS4|1_PS5|1_PS6|1"
+    },
+    {
+        "levelhero": 47,
+        "skillunlock": "PS4|1_PS5|1_PS6|1_PS7|1"
+    },
+    {
+        "levelhero": 48,
+        "skillunlock": "PS5|1_PS6|1_PS7|1_PS8|1"
+    },
+    {
+        "levelhero": 49,
+        "skillunlock": "PS6|2_PS7|2_PS8|2_PS9|2"
+    },
+    {
+        "levelhero": 50,
+        "skillunlock": "AS1|2_AS2|2_AS3|2_PS9|2"
+    }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/json/skill_unlock.json.meta b/assets/cc-game/res/json/skill_unlock.json.meta
new file mode 100644
index 0000000..0ba00ad
--- /dev/null
+++ b/assets/cc-game/res/json/skill_unlock.json.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "2.0.1",
+  "importer": "json",
+  "imported": true,
+  "uuid": "d4629789-b226-4e0e-b468-d5bfe498ee14",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/res/prefabs.meta b/assets/cc-game/res/prefabs.meta
new file mode 100644
index 0000000..77c76af
--- /dev/null
+++ b/assets/cc-game/res/prefabs.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "791fccf6-28e9-4151-b3f1-1c0b092d0656",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-game/res/prefabs/ActiveSkill1.prefab b/assets/cc-game/res/prefabs/ActiveSkill1.prefab
new file mode 100644
index 0000000..efe0b8c
--- /dev/null
+++ b/assets/cc-game/res/prefabs/ActiveSkill1.prefab
@@ -0,0 +1,121 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "ActiveSkill1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "ActiveSkill1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 4
+      }
+    ],
+    "_prefab": {
+      "__id__": 6
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 5,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 3
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 20,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6cq8SHzBZKS7Ola1L1I+VS"
+  },
+  {
+    "__type__": "dc247zLSm5KGa+Ip1zpVBZg",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 5
+    },
+    "theme": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "11aAMHyh9CUqQup3celw3Q"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "745CurHClF+5UY+WLp6BUf",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/ActiveSkill1.prefab.meta b/assets/cc-game/res/prefabs/ActiveSkill1.prefab.meta
new file mode 100644
index 0000000..e2ad533
--- /dev/null
+++ b/assets/cc-game/res/prefabs/ActiveSkill1.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "506ecffb-06c4-4000-b5a9-415944f7484d",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "ActiveSkill1"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/ActiveSkill2.prefab b/assets/cc-game/res/prefabs/ActiveSkill2.prefab
new file mode 100644
index 0000000..197932f
--- /dev/null
+++ b/assets/cc-game/res/prefabs/ActiveSkill2.prefab
@@ -0,0 +1,245 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "ActiveSkill2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "ActiveSkill2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 4
+      },
+      {
+        "__id__": 6
+      },
+      {
+        "__id__": 8
+      },
+      {
+        "__id__": 10
+      }
+    ],
+    "_prefab": {
+      "__id__": 12
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 5,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 3
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 20,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6cq8SHzBZKS7Ola1L1I+VS"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 5
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 255,
+      "b": 61,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "7cG0kVl5BDir6IE3etvJ90"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 7
+    },
+    "tag": 0,
+    "_group": 128,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 25
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 20,
+      "height": 50
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "7626QdV0BOequctoISB5xD"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 9
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 128,
+    "_type": 1,
+    "_allowSleep": true,
+    "_gravityScale": 1,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "75Y1w6iCBHloVrqNvPejBe"
+  },
+  {
+    "__type__": "88fb6shQ61BrKllEFws1VsB",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 11
+    },
+    "theme": {
+      "__id__": 4
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f82WM3q4tHML39QDkOmEK8"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "745CurHClF+5UY+WLp6BUf",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/ActiveSkill2.prefab.meta b/assets/cc-game/res/prefabs/ActiveSkill2.prefab.meta
new file mode 100644
index 0000000..07197b1
--- /dev/null
+++ b/assets/cc-game/res/prefabs/ActiveSkill2.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "e45498c9-376f-4420-9fd1-3c91ebf140b8",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "ActiveSkill2"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/ActiveSkill3.prefab b/assets/cc-game/res/prefabs/ActiveSkill3.prefab
new file mode 100644
index 0000000..c170716
--- /dev/null
+++ b/assets/cc-game/res/prefabs/ActiveSkill3.prefab
@@ -0,0 +1,1027 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "ActiveSkill3",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "ActiveSkill3",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 18
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 38
+      },
+      {
+        "__id__": 40
+      },
+      {
+        "__id__": 42
+      },
+      {
+        "__id__": 44
+      }
+    ],
+    "_prefab": {
+      "__id__": 46
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "IronShield-Mask",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 3
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 11
+      },
+      {
+        "__id__": 13
+      },
+      {
+        "__id__": 15
+      }
+    ],
+    "_prefab": {
+      "__id__": 17
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "IronShield",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 4
+      },
+      {
+        "__id__": 6
+      },
+      {
+        "__id__": 8
+      }
+    ],
+    "_prefab": {
+      "__id__": 10
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 5
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 170,
+      "height": 170
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "8fZheLC+hFioOW8XqPiKST"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 7
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 233,
+      "g": 112,
+      "b": 0,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a9JI8/nARAcrn852fBH/fx"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 9
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": -5,
+    "_right": -5,
+    "_top": -5,
+    "_bottom": -5,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 180,
+    "_originalHeight": 180,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "87BDDhxU1A7pBp+QUJhxXA"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "a9phAfVy9NTanKO/7YeQRC",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 12
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 160,
+      "height": 160
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "76OkBrS49HYLTW3nPlRgB1"
+  },
+  {
+    "__type__": "cc.Mask",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 14
+    },
+    "_type": 1,
+    "_inverted": true,
+    "_segments": 64,
+    "_alphaThreshold": 0.1,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "44qIjKw3xJOY0lOwhffLnK"
+  },
+  {
+    "__type__": "cc.Graphics",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 16
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_lineWidth": 1,
+    "_strokeColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_lineJoin": 2,
+    "_lineCap": 0,
+    "_fillColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 0
+    },
+    "_miterLimit": 10,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a0LZKmQApEeq1uzr5CvaRD"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "edRZyCivtLWb5bIoarFEBp",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Clock",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 19
+      },
+      {
+        "__id__": 27
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 33
+      },
+      {
+        "__id__": 35
+      }
+    ],
+    "_prefab": {
+      "__id__": 37
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 83.717,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "center",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 18
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 20
+      },
+      {
+        "__id__": 22
+      },
+      {
+        "__id__": 24
+      }
+    ],
+    "_prefab": {
+      "__id__": 26
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 19
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 21
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "cbItKpWNhOLLANw5ex3/Y6"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 19
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 23
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 245,
+      "b": 0,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "00XYfEMJtISbV+ykXoAt/v"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 19
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 25
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 5,
+    "_right": 5,
+    "_top": 5,
+    "_bottom": 5,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b7gpAxIOJLT6t25u/Kufff"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "f9NnZF2wpJvoxX05Kqx9b9",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtCountdown",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 18
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 30
+      }
+    ],
+    "_prefab": {
+      "__id__": 32
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0.815,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 27
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 29
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 29,
+      "height": 31.5
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6dnCrPSPFEeobAqTQgg6Rl"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 27
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 31
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "10",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 25,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "25enIVUttFqqRkmU9hLdoa"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "1flFSv54ZDBqVgOnL3MQHD",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 18
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 34
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 50,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "2c5MaPynlIAZAeDL4xAIUm"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 18
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 36
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 3,
+    "_fillType": 2,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_fillStart": 0,
+    "_fillRange": 1,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "83ZApkbGNEzrcDfIrfAoUL"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "41kPl4DP9IS5EMRjcLbhHG",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 39
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6cq8SHzBZKS7Ola1L1I+VS"
+  },
+  {
+    "__type__": "47670N6MnZKgapA2NzksEyk",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 41
+    },
+    "theme": {
+      "__id__": 6
+    },
+    "clock": {
+      "__id__": 35
+    },
+    "clockTxt": {
+      "__id__": 30
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f5393FMVNA1oIMHDEzTOci"
+  },
+  {
+    "__type__": "cc.CircleCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 43
+    },
+    "tag": 0,
+    "_group": 128,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_radius": 85,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6bvnaHFQFI6KcsdgXfr9QD"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 45
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 128,
+    "_type": 0,
+    "_allowSleep": true,
+    "_gravityScale": 1,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": false,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "4dng9HAL9FnrAXACpZENw9"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "745CurHClF+5UY+WLp6BUf",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/ActiveSkill3.prefab.meta b/assets/cc-game/res/prefabs/ActiveSkill3.prefab.meta
new file mode 100644
index 0000000..2f0a283
--- /dev/null
+++ b/assets/cc-game/res/prefabs/ActiveSkill3.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "6636bb41-505d-4634-9b1f-12006254d850",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "ActiveSkill3"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/Boss.prefab b/assets/cc-game/res/prefabs/Boss.prefab
new file mode 100644
index 0000000..cbddf0a
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Boss.prefab
@@ -0,0 +1,812 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "Boss",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Boss",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 12
+      },
+      {
+        "__id__": 22
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 30
+      },
+      {
+        "__id__": 36
+      },
+      {
+        "__id__": 34
+      },
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 32
+      },
+      {
+        "__id__": 19
+      }
+    ],
+    "_prefab": {
+      "__id__": 38
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 481.819,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_body",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 7
+      }
+    ],
+    "_prefab": {
+      "__id__": 11
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 4
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 262,
+      "height": 228
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "80zy/5XMdNBYA3JVuyKiTV"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 6
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 77,
+      "b": 173,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "35e48152-8b86-4023-b87c-f745b261b992@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "eccLHQRKRC44JNQtNG4ccC"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 8
+    },
+    "colliderComponent": {
+      "__id__": 9
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e1g+dwt+VGp6sw1GvtETkf"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "tag": 0,
+    "_group": 2,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": -66,
+        "y": 114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -131.6,
+        "y": 0.7
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -66,
+        "y": -114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 65,
+        "y": -114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 131,
+        "y": -0.4
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 65.5,
+        "y": 113.7
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6dp5MclCpIpLVAsiUxQox9"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "91grAJVaBME50cGCvEAjH6",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_sensor",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 13
+      },
+      {
+        "__id__": 15
+      },
+      {
+        "__id__": 17
+      }
+    ],
+    "_prefab": {
+      "__id__": 21
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 14
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 2000,
+      "height": 2000
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "aa25EtLfFCUY0kgjTkwqfU"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 16
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 207,
+      "g": 255,
+      "b": 201,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "39k8UF0NdC2p3zh0DnQlRV"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 18
+    },
+    "colliderComponent": {
+      "__id__": 19
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "86wUci5HNFPL4ForOZkuH9"
+  },
+  {
+    "__type__": "cc.CircleCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 20
+    },
+    "tag": 0,
+    "_group": 32,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_radius": 1000,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "0c0v+1GG9Ef4FelG8+9n0l"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "03G7Z1+shKLr6gshNp0iCC",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 23
+      },
+      {
+        "__id__": 25
+      }
+    ],
+    "_prefab": {
+      "__id__": 27
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 22
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 24
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 138.17495727539062,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "84Z7NXmrFAe4toRCB76ptQ"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 22
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 26
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "BOSS",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 50,
+    "_fontSize": 50,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "78CE7wZe1PPa0p+lSVhx6d"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "d5Z7/dVsJHbIOwUNT+NnWq",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 29
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b0ftB4ythIwKl83iYHN4s7"
+  },
+  {
+    "__type__": "71e6ax1PZRP058pzOl35Zqi",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 31
+    },
+    "colliderObject": {
+      "__id__": 7
+    },
+    "sensor": {
+      "__id__": 17
+    },
+    "rigibodyComponent": {
+      "__id__": 32
+    },
+    "theme": {
+      "__id__": 5
+    },
+    "shooting": {
+      "__id__": 34
+    },
+    "enemyType": 1,
+    "attackType": 1,
+    "txtName": {
+      "__id__": 25
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "8bxV2dB45F3Zo7eAiPq0FD"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": false,
+    "__prefab": {
+      "__id__": 33
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 2,
+    "_type": 2,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "02x7FcGvNOG61STre+rimt"
+  },
+  {
+    "__type__": "db994levvJOsbS2C6KysVib",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 35
+    },
+    "bulletPrefab": {
+      "__uuid__": "81b5f5bc-3c41-46c7-96ef-ef076f4f15f3",
+      "__expectedType__": "cc.Prefab"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "998XVf4NtC5bvlNsUDhDGd"
+  },
+  {
+    "__type__": "ff574WLC6NPlbe7t2a3Q+0z",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 37
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "5eYhhErDdDp5Bmtwoa/UVu"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "5c32r0OAZC/pXh3pgykwmX",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/Boss.prefab.meta b/assets/cc-game/res/prefabs/Boss.prefab.meta
new file mode 100644
index 0000000..a2378fe
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Boss.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "d8613e9c-fe71-4034-96d1-bd8e04da8087",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "Boss"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/BossMelee.prefab b/assets/cc-game/res/prefabs/BossMelee.prefab
new file mode 100644
index 0000000..64dd93c
--- /dev/null
+++ b/assets/cc-game/res/prefabs/BossMelee.prefab
@@ -0,0 +1,792 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "BossMelee",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "BossMelee",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 12
+      },
+      {
+        "__id__": 22
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 30
+      },
+      {
+        "__id__": 34
+      },
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 32
+      },
+      {
+        "__id__": 19
+      }
+    ],
+    "_prefab": {
+      "__id__": 36
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 481.819,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_body",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 7
+      }
+    ],
+    "_prefab": {
+      "__id__": 11
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 4
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 262,
+      "height": 228
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "80zy/5XMdNBYA3JVuyKiTV"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 6
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 77,
+      "b": 173,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "35e48152-8b86-4023-b87c-f745b261b992@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "eccLHQRKRC44JNQtNG4ccC"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 8
+    },
+    "colliderComponent": {
+      "__id__": 9
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e1g+dwt+VGp6sw1GvtETkf"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "tag": 0,
+    "_group": 2,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": -66,
+        "y": 114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -131.6,
+        "y": 0.7
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -66,
+        "y": -114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 65,
+        "y": -114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 131,
+        "y": -0.4
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 65.5,
+        "y": 113.7
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6dp5MclCpIpLVAsiUxQox9"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "91grAJVaBME50cGCvEAjH6",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_sensor",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 13
+      },
+      {
+        "__id__": 15
+      },
+      {
+        "__id__": 17
+      }
+    ],
+    "_prefab": {
+      "__id__": 21
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 14
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 2000,
+      "height": 2000
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "aa25EtLfFCUY0kgjTkwqfU"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 16
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 207,
+      "g": 255,
+      "b": 201,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "39k8UF0NdC2p3zh0DnQlRV"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 18
+    },
+    "colliderComponent": {
+      "__id__": 19
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "86wUci5HNFPL4ForOZkuH9"
+  },
+  {
+    "__type__": "cc.CircleCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 20
+    },
+    "tag": 0,
+    "_group": 32,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_radius": 1000,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "0c0v+1GG9Ef4FelG8+9n0l"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "03G7Z1+shKLr6gshNp0iCC",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 23
+      },
+      {
+        "__id__": 25
+      }
+    ],
+    "_prefab": {
+      "__id__": 27
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 22
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 24
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 138.17495727539062,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "84Z7NXmrFAe4toRCB76ptQ"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 22
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 26
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "BOSS",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 50,
+    "_fontSize": 50,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "78CE7wZe1PPa0p+lSVhx6d"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "d5Z7/dVsJHbIOwUNT+NnWq",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 29
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b0ftB4ythIwKl83iYHN4s7"
+  },
+  {
+    "__type__": "71e6ax1PZRP058pzOl35Zqi",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 31
+    },
+    "colliderObject": {
+      "__id__": 7
+    },
+    "sensor": {
+      "__id__": 17
+    },
+    "rigibodyComponent": {
+      "__id__": 32
+    },
+    "theme": {
+      "__id__": 5
+    },
+    "shooting": {
+      "__id__": 34
+    },
+    "enemyType": 0,
+    "attackType": 0,
+    "txtName": {
+      "__id__": 25
+    },
+    "enemyMover": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "8bxV2dB45F3Zo7eAiPq0FD"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": false,
+    "__prefab": {
+      "__id__": 33
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 2,
+    "_type": 2,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "02x7FcGvNOG61STre+rimt"
+  },
+  {
+    "__type__": "db994levvJOsbS2C6KysVib",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 35
+    },
+    "bulletPrefab": {
+      "__uuid__": "81b5f5bc-3c41-46c7-96ef-ef076f4f15f3",
+      "__expectedType__": "cc.Prefab"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "998XVf4NtC5bvlNsUDhDGd"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "5c32r0OAZC/pXh3pgykwmX",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/BossMelee.prefab.meta b/assets/cc-game/res/prefabs/BossMelee.prefab.meta
new file mode 100644
index 0000000..da65f4d
--- /dev/null
+++ b/assets/cc-game/res/prefabs/BossMelee.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "bec38510-8e78-4113-8867-618a2bf9d243",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "BossMelee"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/BossRange.prefab b/assets/cc-game/res/prefabs/BossRange.prefab
new file mode 100644
index 0000000..94ffed8
--- /dev/null
+++ b/assets/cc-game/res/prefabs/BossRange.prefab
@@ -0,0 +1,792 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "BossRange",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "BossRange",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 12
+      },
+      {
+        "__id__": 22
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 30
+      },
+      {
+        "__id__": 34
+      },
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 32
+      },
+      {
+        "__id__": 19
+      }
+    ],
+    "_prefab": {
+      "__id__": 36
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 481.819,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_body",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 7
+      }
+    ],
+    "_prefab": {
+      "__id__": 11
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 4
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 262,
+      "height": 228
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "80zy/5XMdNBYA3JVuyKiTV"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 6
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 77,
+      "b": 173,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "35e48152-8b86-4023-b87c-f745b261b992@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "eccLHQRKRC44JNQtNG4ccC"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 8
+    },
+    "colliderComponent": {
+      "__id__": 9
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e1g+dwt+VGp6sw1GvtETkf"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "tag": 0,
+    "_group": 2,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": -66,
+        "y": 114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -131.6,
+        "y": 0.7
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -66,
+        "y": -114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 65,
+        "y": -114
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 131,
+        "y": -0.4
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 65.5,
+        "y": 113.7
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6dp5MclCpIpLVAsiUxQox9"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "91grAJVaBME50cGCvEAjH6",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_sensor",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 13
+      },
+      {
+        "__id__": 15
+      },
+      {
+        "__id__": 17
+      }
+    ],
+    "_prefab": {
+      "__id__": 21
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 14
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 2000,
+      "height": 2000
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "aa25EtLfFCUY0kgjTkwqfU"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 16
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 207,
+      "g": 255,
+      "b": 201,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "39k8UF0NdC2p3zh0DnQlRV"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 12
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 18
+    },
+    "colliderComponent": {
+      "__id__": 19
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "86wUci5HNFPL4ForOZkuH9"
+  },
+  {
+    "__type__": "cc.CircleCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 20
+    },
+    "tag": 0,
+    "_group": 32,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_radius": 1000,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "0c0v+1GG9Ef4FelG8+9n0l"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "03G7Z1+shKLr6gshNp0iCC",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 23
+      },
+      {
+        "__id__": 25
+      }
+    ],
+    "_prefab": {
+      "__id__": 27
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 22
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 24
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 138.17495727539062,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "84Z7NXmrFAe4toRCB76ptQ"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 22
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 26
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "BOSS",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 50,
+    "_fontSize": 50,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "78CE7wZe1PPa0p+lSVhx6d"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "d5Z7/dVsJHbIOwUNT+NnWq",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 29
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b0ftB4ythIwKl83iYHN4s7"
+  },
+  {
+    "__type__": "71e6ax1PZRP058pzOl35Zqi",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 31
+    },
+    "colliderObject": {
+      "__id__": 7
+    },
+    "sensor": {
+      "__id__": 17
+    },
+    "rigibodyComponent": {
+      "__id__": 32
+    },
+    "theme": {
+      "__id__": 5
+    },
+    "shooting": {
+      "__id__": 34
+    },
+    "enemyType": 1,
+    "attackType": 5,
+    "txtName": {
+      "__id__": 25
+    },
+    "enemyMover": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "8bxV2dB45F3Zo7eAiPq0FD"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": false,
+    "__prefab": {
+      "__id__": 33
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 2,
+    "_type": 2,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "02x7FcGvNOG61STre+rimt"
+  },
+  {
+    "__type__": "db994levvJOsbS2C6KysVib",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 35
+    },
+    "bulletPrefab": {
+      "__uuid__": "81b5f5bc-3c41-46c7-96ef-ef076f4f15f3",
+      "__expectedType__": "cc.Prefab"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "998XVf4NtC5bvlNsUDhDGd"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "5c32r0OAZC/pXh3pgykwmX",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/BossRange.prefab.meta b/assets/cc-game/res/prefabs/BossRange.prefab.meta
new file mode 100644
index 0000000..eb1bc48
--- /dev/null
+++ b/assets/cc-game/res/prefabs/BossRange.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "d8613e9c-fe71-4034-96d1-bd8e04da8087",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "BossRange"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/Bullet1.prefab b/assets/cc-game/res/prefabs/Bullet1.prefab
new file mode 100644
index 0000000..eadb96d
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Bullet1.prefab
@@ -0,0 +1,458 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "Bullet1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Bullet1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 14
+      },
+      {
+        "__id__": 16
+      }
+    ],
+    "_prefab": {
+      "__id__": 18
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "body",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 7
+      },
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 11
+      }
+    ],
+    "_prefab": {
+      "__id__": 13
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 4
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 30,
+      "height": 30
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "7ffotd5PJBaYcUlADo8SFc"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 6
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 245,
+      "b": 0,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "95ExwnMoJNaagH4D1YVTiz"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 8
+    },
+    "colliderComponent": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "ceoEsSAo1H6Zj8dN/JZ8jb"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "tag": 0,
+    "_group": 8,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": -4.285714285714285,
+        "y": 15
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -7.346938775510204,
+        "y": 13.775510204081634
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -7.653061224489796,
+        "y": 13.163265306122451
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -10.10204081632653,
+        "y": 11.938775510204081
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -13.46938775510204,
+        "y": 7.95918367346939
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -15,
+        "y": 4.285714285714285
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -15,
+        "y": -4.285714285714285
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -13.16326530612245,
+        "y": -8.26530612244898
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -10.10204081632653,
+        "y": -11.938775510204081
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -3.979591836734693,
+        "y": -15
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 4.897959183673471,
+        "y": -14.693877551020408
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 8.26530612244898,
+        "y": -13.16326530612245
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 12.244897959183675,
+        "y": -9.489795918367346
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 15,
+        "y": -3.979591836734693
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 15,
+        "y": 3.979591836734695
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 14.387755102040817,
+        "y": 5.816326530612244
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 12.551020408163264,
+        "y": 9.183673469387756
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 9.183673469387756,
+        "y": 12.551020408163264
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 3.979591836734695,
+        "y": 15
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "d9wYYD7mNHHYlOd3YOvZld"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 12
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 8,
+    "_type": 1,
+    "_allowSleep": true,
+    "_gravityScale": 1,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "13vjOSFkpJ2Lz3qmdnCebQ"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "4dDjvSxWZCAa8saCjpYLwT",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 15
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "0b5kUvKddPn5lAD/QKVRDa"
+  },
+  {
+    "__type__": "9544bN9qANLQqrWtqsaLUed",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 17
+    },
+    "colliderObject": {
+      "__id__": 7
+    },
+    "rigibodyComponent": {
+      "__id__": 11
+    },
+    "theme": {
+      "__id__": 5
+    },
+    "bulletType": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "37AQBkqTFGTphmjaTQPIGa"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "8fbRDcEpZM+L7E5Wp9mp/M",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/Bullet1.prefab.meta b/assets/cc-game/res/prefabs/Bullet1.prefab.meta
new file mode 100644
index 0000000..a029fde
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Bullet1.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "00fe22d2-9262-49f6-b949-50802b47f579",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "Bullet1"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/Bullet2.prefab b/assets/cc-game/res/prefabs/Bullet2.prefab
new file mode 100644
index 0000000..36aabec
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Bullet2.prefab
@@ -0,0 +1,458 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "Bullet2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Bullet2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 14
+      },
+      {
+        "__id__": 16
+      }
+    ],
+    "_prefab": {
+      "__id__": 18
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "body",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 7
+      },
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 11
+      }
+    ],
+    "_prefab": {
+      "__id__": 13
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1.5,
+      "y": 1.5,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 4
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 30,
+      "height": 30
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "7ffotd5PJBaYcUlADo8SFc"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 6
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 7,
+      "b": 7,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "95ExwnMoJNaagH4D1YVTiz"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 8
+    },
+    "colliderComponent": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "ceoEsSAo1H6Zj8dN/JZ8jb"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "tag": 0,
+    "_group": 16,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": -4.285714285714285,
+        "y": 15
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -7.346938775510204,
+        "y": 13.775510204081634
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -7.653061224489796,
+        "y": 13.163265306122451
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -10.10204081632653,
+        "y": 11.938775510204081
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -13.46938775510204,
+        "y": 7.95918367346939
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -15,
+        "y": 4.285714285714285
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -15,
+        "y": -4.285714285714285
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -13.16326530612245,
+        "y": -8.26530612244898
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -10.10204081632653,
+        "y": -11.938775510204081
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -3.979591836734693,
+        "y": -15
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 4.897959183673471,
+        "y": -14.693877551020408
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 8.26530612244898,
+        "y": -13.16326530612245
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 12.244897959183675,
+        "y": -9.489795918367346
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 15,
+        "y": -3.979591836734693
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 15,
+        "y": 3.979591836734695
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 14.387755102040817,
+        "y": 5.816326530612244
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 12.551020408163264,
+        "y": 9.183673469387756
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 9.183673469387756,
+        "y": 12.551020408163264
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 3.979591836734695,
+        "y": 15
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "d9wYYD7mNHHYlOd3YOvZld"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 12
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 16,
+    "_type": 1,
+    "_allowSleep": true,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "25SGFb8+ZIEJSS+o35Rgun"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "4dDjvSxWZCAa8saCjpYLwT",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 15
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "0b5kUvKddPn5lAD/QKVRDa"
+  },
+  {
+    "__type__": "9544bN9qANLQqrWtqsaLUed",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 17
+    },
+    "colliderObject": {
+      "__id__": 7
+    },
+    "rigibodyComponent": {
+      "__id__": 11
+    },
+    "theme": {
+      "__id__": 5
+    },
+    "bulletType": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "37AQBkqTFGTphmjaTQPIGa"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "8fbRDcEpZM+L7E5Wp9mp/M",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/Bullet2.prefab.meta b/assets/cc-game/res/prefabs/Bullet2.prefab.meta
new file mode 100644
index 0000000..a8efd29
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Bullet2.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "81b5f5bc-3c41-46c7-96ef-ef076f4f15f3",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "Bullet2"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/Creep.prefab b/assets/cc-game/res/prefabs/Creep.prefab
new file mode 100644
index 0000000..3c8334f
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Creep.prefab
@@ -0,0 +1,1109 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "Creep",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Creep",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 16
+      },
+      {
+        "__id__": 26
+      },
+      {
+        "__id__": 36
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 42
+      },
+      {
+        "__id__": 44
+      },
+      {
+        "__id__": 48
+      },
+      {
+        "__id__": 23
+      },
+      {
+        "__id__": 46
+      },
+      {
+        "__id__": 33
+      }
+    ],
+    "_prefab": {
+      "__id__": 50
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 481.819,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "HPBar",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 3
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 11
+      },
+      {
+        "__id__": 13
+      }
+    ],
+    "_prefab": {
+      "__id__": 15
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "progress",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 4
+      },
+      {
+        "__id__": 6
+      }
+    ],
+    "_prefab": {
+      "__id__": 8
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 5
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 134.144,
+      "height": 127.488
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "acX7BkKq5IDay9eAYcpS8u"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 7
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 71,
+      "g": 255,
+      "b": 0,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 3,
+    "_fillType": 2,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_fillStart": 0.25,
+    "_fillRange": 1,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "5ai6IyUvFKYaH0Q8iAAZun"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "afM6qnBr1OMpeqcsuEcUGP",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 134.144,
+      "height": 127.488
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "2fCBbp+WlBd5MSrAg0QHdO"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 12
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 150
+    },
+    "_spriteFrame": {
+      "__uuid__": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "11wVVSw6dDN7tBmg0t578t"
+  },
+  {
+    "__type__": "2e254MWU8xBRbZinlgblNGM",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 14
+    },
+    "progressType": 0,
+    "barProgress": {
+      "__id__": 6
+    },
+    "valueTxt": null,
+    "switchColorValue": 0.4,
+    "normalColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 228,
+      "b": 28,
+      "a": 255
+    },
+    "warningColor": {
+      "__type__": "cc.Color",
+      "r": 199,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "537MEASzRLlKMhr/2mVhU7"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "e784Scc59IgKdFJxsxrgyb",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_body",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 17
+      },
+      {
+        "__id__": 19
+      },
+      {
+        "__id__": 21
+      }
+    ],
+    "_prefab": {
+      "__id__": 25
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 16
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 18
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 120.7296,
+      "height": 114.7392
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "80zy/5XMdNBYA3JVuyKiTV"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 16
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 20
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 159,
+      "b": 209,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b7e6e9ea-fe4c-4fdf-b1eb-641187340165@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "eccLHQRKRC44JNQtNG4ccC"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 16
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 22
+    },
+    "colliderComponent": {
+      "__id__": 23
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e1g+dwt+VGp6sw1GvtETkf"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 24
+    },
+    "tag": 1,
+    "_group": 2,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": -41.3,
+        "y": 63.9
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -66.4,
+        "y": -15.5
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 0.3,
+        "y": -64.1
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 66.9,
+        "y": -14.9
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 41.7,
+        "y": 63.9
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6dp5MclCpIpLVAsiUxQox9"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "91grAJVaBME50cGCvEAjH6",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_sensor",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 27
+      },
+      {
+        "__id__": 29
+      },
+      {
+        "__id__": 31
+      }
+    ],
+    "_prefab": {
+      "__id__": 35
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 28
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "aa25EtLfFCUY0kgjTkwqfU"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 30
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 207,
+      "g": 255,
+      "b": 201,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "39k8UF0NdC2p3zh0DnQlRV"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 32
+    },
+    "colliderComponent": {
+      "__id__": 33
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "86wUci5HNFPL4ForOZkuH9"
+  },
+  {
+    "__type__": "cc.CircleCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 34
+    },
+    "tag": 0,
+    "_group": 32,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_radius": 600,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "0c0v+1GG9Ef4FelG8+9n0l"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "03G7Z1+shKLr6gshNp0iCC",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 37
+      },
+      {
+        "__id__": 39
+      }
+    ],
+    "_prefab": {
+      "__id__": 41
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 8.862,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 36
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 38
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 117.57247924804688,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "84Z7NXmrFAe4toRCB76ptQ"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 36
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 40
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "CREEP",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 35,
+    "_fontSize": 35,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "78CE7wZe1PPa0p+lSVhx6d"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "d5Z7/dVsJHbIOwUNT+NnWq",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 43
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b0ftB4ythIwKl83iYHN4s7"
+  },
+  {
+    "__type__": "10bfeAI2StOFqFwngwF4RSe",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 45
+    },
+    "colliderObject": {
+      "__id__": 21
+    },
+    "sensor": {
+      "__id__": 31
+    },
+    "rigibodyComponent": {
+      "__id__": 46
+    },
+    "theme": {
+      "__id__": 19
+    },
+    "shooting": {
+      "__id__": 48
+    },
+    "enemyType": 0,
+    "attackType": 0,
+    "txtName": {
+      "__id__": 39
+    },
+    "hpBar": {
+      "__id__": 13
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "71+wtGro9FCYS5ZED1PZno"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 47
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 2,
+    "_type": 2,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "02x7FcGvNOG61STre+rimt"
+  },
+  {
+    "__type__": "db994levvJOsbS2C6KysVib",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 49
+    },
+    "bulletPrefab": {
+      "__uuid__": "81b5f5bc-3c41-46c7-96ef-ef076f4f15f3",
+      "__expectedType__": "cc.Prefab"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "998XVf4NtC5bvlNsUDhDGd"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "5c32r0OAZC/pXh3pgykwmX",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/Creep.prefab.meta b/assets/cc-game/res/prefabs/Creep.prefab.meta
new file mode 100644
index 0000000..2e3ae26
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Creep.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "819ede20-8c84-4abd-a8bd-f67d5e15223d",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "Creep"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/Hero.prefab b/assets/cc-game/res/prefabs/Hero.prefab
new file mode 100644
index 0000000..3272d67
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Hero.prefab
@@ -0,0 +1,3825 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "Hero",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Hero",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      },
+      {
+        "__id__": 10
+      },
+      {
+        "__id__": 102
+      },
+      {
+        "__id__": 108
+      },
+      {
+        "__id__": 120
+      },
+      {
+        "__id__": 126
+      },
+      {
+        "__id__": 19
+      },
+      {
+        "__id__": 132
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 138
+      },
+      {
+        "__id__": 140
+      },
+      {
+        "__id__": 148
+      },
+      {
+        "__id__": 146
+      },
+      {
+        "__id__": 142
+      },
+      {
+        "__id__": 144
+      },
+      {
+        "__id__": 115
+      },
+      {
+        "__id__": 150
+      },
+      {
+        "__id__": 152
+      }
+    ],
+    "_prefab": {
+      "__id__": 154
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -360,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hero_body",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 7
+      }
+    ],
+    "_prefab": {
+      "__id__": 9
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 4
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 351,
+      "height": 502
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "8aAXzhZpVGP6VK+s5gCw8Q"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 6
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "d39143f4-9cb1-4456-bbc9-a17e95f94c1c@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "cf15s9P1dGYbqTq99NB4h5"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": false,
+    "__prefab": {
+      "__id__": 8
+    },
+    "tag": 0,
+    "_group": 4,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": -21.42857142857143,
+        "y": 75
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -36.734693877551024,
+        "y": 68.87755102040816
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -38.26530612244898,
+        "y": 65.81632653061223
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -50.51020408163265,
+        "y": 59.69387755102039
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -67.34693877551021,
+        "y": 39.79591836734693
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -75,
+        "y": 21.42857142857143
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -75,
+        "y": -21.42857142857143
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -65.81632653061224,
+        "y": -41.3265306122449
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -50.51020408163265,
+        "y": -59.69387755102041
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -19.89795918367347,
+        "y": -75
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 24.489795918367335,
+        "y": -73.46938775510205
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 41.326530612244895,
+        "y": -65.81632653061224
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 61.22448979591837,
+        "y": -47.44897959183673
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 75,
+        "y": -19.89795918367347
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 75,
+        "y": 19.897959183673464
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 71.93877551020407,
+        "y": 29.08163265306122
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 62.755102040816325,
+        "y": 45.918367346938766
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 45.918367346938766,
+        "y": 62.755102040816325
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 19.897959183673464,
+        "y": 75
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f1pMqD5nJHu6ziPdiCAQOH"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "3eCW3g9rJH74HZ4y499H8t",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Mana-Mask",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 11
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 95
+      },
+      {
+        "__id__": 97
+      },
+      {
+        "__id__": 99
+      }
+    ],
+    "_prefab": {
+      "__id__": 101
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "HeroMana",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 10
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 12
+      },
+      {
+        "__id__": 14
+      },
+      {
+        "__id__": 16
+      },
+      {
+        "__id__": 92
+      }
+    ],
+    "_prefab": {
+      "__id__": 94
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 11
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 13
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 150,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1687uENnZCgKCQPu528SsR"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 11
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 15
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 0,
+      "b": 163,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 3,
+    "_fillType": 2,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_fillStart": 0.75,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "2bWvi6fZZN17TCQkhB7Tzv"
+  },
+  {
+    "__type__": "a0141EJImdNPIaaPi3DjVXs",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 11
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 17
+    },
+    "manaProgress": {
+      "__id__": 14
+    },
+    "skillActive": {
+      "__id__": 18
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "ebC9L8jgtER5rW2evEOded"
+  },
+  {
+    "__type__": "02b1amC7rVN+7vSVOIxauDQ",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 19
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 91
+    },
+    "listSkillBtns": [
+      {
+        "__id__": 39
+      },
+      {
+        "__id__": 61
+      },
+      {
+        "__id__": 83
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "active_skill",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 20
+      },
+      {
+        "__id__": 42
+      },
+      {
+        "__id__": 64
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 86
+      },
+      {
+        "__id__": 88
+      },
+      {
+        "__id__": 18
+      }
+    ],
+    "_prefab": {
+      "__id__": 90
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 120,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 19
+    },
+    "_children": [
+      {
+        "__id__": 21
+      },
+      {
+        "__id__": 27
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 33
+      },
+      {
+        "__id__": 35
+      },
+      {
+        "__id__": 37
+      },
+      {
+        "__id__": 39
+      }
+    ],
+    "_prefab": {
+      "__id__": 41
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 65,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "name",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 20
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 22
+      },
+      {
+        "__id__": 24
+      }
+    ],
+    "_prefab": {
+      "__id__": 26
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1.875,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 21
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 23
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 28.212493896484375,
+      "height": 31.5
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e23Dbztl9FiLs29BCLq2/0"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 21
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 25
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "S1",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 25,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1ekzqsv+hGB4a4qzWjccKx"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "2b4TQdOnZNGp6fDuV/I5DT",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "activeFlag",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 20
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 30
+      }
+    ],
+    "_prefab": {
+      "__id__": 32
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 1.878,
+      "y": -30.043,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 27
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 29
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 42.98345947265625,
+      "height": 37.5
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "96dyORllNMqLgkVxZteZo1"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 27
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 31
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "Next",
+    "_horizontalAlign": 2,
+    "_verticalAlign": 0,
+    "_actualFontSize": 17,
+    "_fontSize": 17,
+    "_fontFamily": "Arial",
+    "_lineHeight": 25,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "9bnTiuRPtJ5oArPnaQRQP3"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "e5GnXaXH5EFonMx03OjgIw",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 34
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 55,
+      "height": 55
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "15NKPtowVPebvd/XF35aMs"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 36
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 220,
+      "g": 181,
+      "b": 80,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "74geXP5t5PrYb9WVWvH1KD"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 38
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 20
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "69EXdQkVBMcLlptHg9UMSz"
+  },
+  {
+    "__type__": "ea6605gZ2dKhJy35G52VDba",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 40
+    },
+    "btn": {
+      "__id__": 37
+    },
+    "theme": {
+      "__id__": 35
+    },
+    "activeFlag": {
+      "__id__": 27
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f88SREcU9LXY5CwTF+oxw0"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "d1vQIMfbBJgpGZGnTjoEI4",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 19
+    },
+    "_children": [
+      {
+        "__id__": 43
+      },
+      {
+        "__id__": 49
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 55
+      },
+      {
+        "__id__": 57
+      },
+      {
+        "__id__": 59
+      },
+      {
+        "__id__": 61
+      }
+    ],
+    "_prefab": {
+      "__id__": 63
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "name",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 42
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 44
+      },
+      {
+        "__id__": 46
+      }
+    ],
+    "_prefab": {
+      "__id__": 48
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1.875,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 43
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 45
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 28.212493896484375,
+      "height": 31.5
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "76WzeOO9JDD595WG+stqBQ"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 43
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 47
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "S2",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 25,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "79sbNXSiFKqo/CTebagaI8"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "9bqqZqG89KG4zqicQedhST",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "activeFlag",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 42
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 50
+      },
+      {
+        "__id__": 52
+      }
+    ],
+    "_prefab": {
+      "__id__": 54
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 1.878,
+      "y": -30.043,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 51
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 42.98345947265625,
+      "height": 37.5
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "36cNXQYUdO95sv43vEL88l"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 53
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "Next",
+    "_horizontalAlign": 2,
+    "_verticalAlign": 0,
+    "_actualFontSize": 17,
+    "_fontSize": 17,
+    "_fontFamily": "Arial",
+    "_lineHeight": 25,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a8gIahVCpPXJj5jded4wNI"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "61DyTgrA5MpKbHx84RIUeS",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 42
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 56
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 55,
+      "height": 55
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "cc47rJyKNBtYlXnl5p08WT"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 42
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 58
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 115,
+      "g": 244,
+      "b": 171,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "2eZYxA2x1DlJK7ClLS9YYr"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 42
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 60
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 42
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "d9fCI7TK5G7Jr7fmwTqVMy"
+  },
+  {
+    "__type__": "ea6605gZ2dKhJy35G52VDba",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 42
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 62
+    },
+    "btn": {
+      "__id__": 59
+    },
+    "theme": {
+      "__id__": 57
+    },
+    "activeFlag": {
+      "__id__": 49
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e6NuYv6IxABLUKG7VP+Tco"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "8d1OGFOBZDrZ4aHe9/pLhB",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill3",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 19
+    },
+    "_children": [
+      {
+        "__id__": 65
+      },
+      {
+        "__id__": 71
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 77
+      },
+      {
+        "__id__": 79
+      },
+      {
+        "__id__": 81
+      },
+      {
+        "__id__": 83
+      }
+    ],
+    "_prefab": {
+      "__id__": 85
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -65,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "name",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 64
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 66
+      },
+      {
+        "__id__": 68
+      }
+    ],
+    "_prefab": {
+      "__id__": 70
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1.875,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 65
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 67
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 28.212493896484375,
+      "height": 31.5
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "13EykL50xGepaUiS5PT/vX"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 65
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 69
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "S3",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 25,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "0cQYpflkBJwK17FN4vkM9M"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "09/rtQnfpOQ65CWG/rMNXB",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "activeFlag",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 64
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 72
+      },
+      {
+        "__id__": 74
+      }
+    ],
+    "_prefab": {
+      "__id__": 76
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 1.878,
+      "y": -30.043,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 71
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 73
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 42.98345947265625,
+      "height": 37.5
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a1kTn+WeZMHq0I7qPQ3bCo"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 71
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 75
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "Next",
+    "_horizontalAlign": 2,
+    "_verticalAlign": 0,
+    "_actualFontSize": 17,
+    "_fontSize": 17,
+    "_fontFamily": "Arial",
+    "_lineHeight": 25,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e4POsjD/tDCLj6tLqPEkox"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "20UN4HszRJDZu+smB5sMCN",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 64
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 78
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 55,
+      "height": 55
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "daCM2Lz19GHb7f6SvpA02O"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 64
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 80
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 233,
+      "g": 80,
+      "b": 72,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a5+7L/aP1G6qH0ZBATyd3H"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 64
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 82
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 64
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "d3xoZJrXdKc6qdAYurVd0v"
+  },
+  {
+    "__type__": "ea6605gZ2dKhJy35G52VDba",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 64
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 84
+    },
+    "btn": {
+      "__id__": 81
+    },
+    "theme": {
+      "__id__": 79
+    },
+    "activeFlag": {
+      "__id__": 71
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "71M74+LDRMKquyA3HtoRyq"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "9eljFXVoJNXa4T9h92kmnD",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 19
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 87
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 60,
+      "height": 185
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "5ergtX/5xMhqN1r5h+WnXC"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 19
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 89
+    },
+    "_resizeMode": 1,
+    "_layoutType": 2,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 0,
+    "_paddingRight": 0,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 10,
+    "_spacingY": 10,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": false,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "34trbxqBhLGatax9DCbLuC"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "6fGeNCnPRAgKJqGlGKOQNe",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "c2yw+n3lhG7LzrRaP9kJMl"
+  },
+  {
+    "__type__": "c8fedWd/SFEIb7z9Kl1lzIQ",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 11
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 93
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "cf00CkHpFB7pTBIsyiFGB1"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "5cRjcBQRVDv5VoW3PZF+zb",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 10
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 96
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 125,
+      "height": 125
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "9b/H2CMEBLladosGw4Z8vG"
+  },
+  {
+    "__type__": "cc.Mask",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 10
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 98
+    },
+    "_type": 1,
+    "_inverted": true,
+    "_segments": 64,
+    "_alphaThreshold": 0.1,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "0dTpfKVOxF0qbMDXvZkvWm"
+  },
+  {
+    "__type__": "cc.Graphics",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 10
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 100
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_lineWidth": 1,
+    "_strokeColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_lineJoin": 2,
+    "_lineCap": 0,
+    "_fillColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 0
+    },
+    "_miterLimit": 10,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1fiG6+29ZHzLHnl17bwcf1"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "46VS4s0F9F6q2FtTC+zUrz",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "body",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 103
+      },
+      {
+        "__id__": 105
+      }
+    ],
+    "_prefab": {
+      "__id__": 107
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 102
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 104
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 125,
+      "height": 125
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "399LFsot9IKKbfmhLR0aBR"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 102
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 106
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 122,
+      "b": 0,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e6+JNXr9tL1okaDmSUWCqF"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "62g+++BX5AsYEFGJRCXno1",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hero_sensor",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 109
+      },
+      {
+        "__id__": 111
+      },
+      {
+        "__id__": 113
+      },
+      {
+        "__id__": 117
+      }
+    ],
+    "_prefab": {
+      "__id__": 119
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 108
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 110
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1600,
+      "height": 1600
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "15ECT72+NFWYPtewDITO1E"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 108
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 112
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 201,
+      "b": 201,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "d7wgYS0XRONZNK091HSEAE"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 108
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 114
+    },
+    "colliderComponent": {
+      "__id__": 115
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "12GGTkxqVJyp2OdxszVz8a"
+  },
+  {
+    "__type__": "cc.CircleCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 116
+    },
+    "tag": 0,
+    "_group": 32,
+    "_density": 0,
+    "_sensor": true,
+    "_friction": 0,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_radius": 1000,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a0QEQZN0hPWrM5ECom6LBP"
+  },
+  {
+    "__type__": "cc.CircleCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 108
+    },
+    "_enabled": false,
+    "__prefab": {
+      "__id__": 118
+    },
+    "tag": 0,
+    "_group": 1,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_radius": 800,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "4bDEvA7ShBL5ckiXhkPH2O"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "d2hDTS9ohLHayDcN0vgxpZ",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 121
+      },
+      {
+        "__id__": 123
+      }
+    ],
+    "_prefab": {
+      "__id__": 125
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 26.965,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 120
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 122
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 93.594970703125,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f81yynp5JBJZkh+6N9NY4m"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 120
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 124
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "HERO",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e4zL7Gfa5G/KPed5CYD2s5"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "b8FPRLmFpGibl6Qf8Uc7uo",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "special_skill_label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 127
+      },
+      {
+        "__id__": 129
+      }
+    ],
+    "_prefab": {
+      "__id__": 131
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -54.127,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 126
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 128
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 150.35491943359375,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "467zFpKM1Dlrk/X6ZERCHM"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 126
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 130
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "USE SKILL",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "240ekuJKBFj7WkppwRkThT"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "905Qms4m9OvrLeYUklz9wC",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skillLabel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 133
+      },
+      {
+        "__id__": 135
+      }
+    ],
+    "_prefab": {
+      "__id__": 137
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -54.127,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 132
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 134
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 143.42491149902344,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b4WlKHil5KOIFrtY6lb3zx"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 132
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 136
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "S1_Active",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "22xe4YkrpNWar2f1fJ3Rnp"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "110X++SMBC4pLqYsBUzugB",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 139
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "9d7qNkjgtKk7kAVWZfISqp"
+  },
+  {
+    "__type__": "d34e4mRj1pD9YAlorZVsI4g",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 141
+    },
+    "colliderObject": {
+      "__id__": 142
+    },
+    "sensor": {
+      "__id__": 113
+    },
+    "rigibodyComponent": {
+      "__id__": 146
+    },
+    "shooting": {
+      "__id__": 148
+    },
+    "theme": {
+      "__id__": 105
+    },
+    "skillLabel": {
+      "__id__": 129
+    },
+    "heroMana": {
+      "__id__": 16
+    },
+    "herHPHeal": {
+      "__id__": 92
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "77bUfhaptKs4L0q4+l/oqI"
+  },
+  {
+    "__type__": "a6e0131Rh1MNJxyVdQsH7Fc",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 143
+    },
+    "colliderComponent": {
+      "__id__": 144
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "46gHLcfBdBf4EN1y/8jNFd"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 145
+    },
+    "tag": 1,
+    "_group": 4,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 1,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": 20.7,
+        "y": 164.2
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -15.5,
+        "y": 184.6
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -43.7,
+        "y": 191.9
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -56.3,
+        "y": 190.1
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -65.5,
+        "y": 178.6
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -59.4,
+        "y": 168.3
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -78.6,
+        "y": 166.1
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -99.7,
+        "y": 151.8
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -107.6,
+        "y": 134.3
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -106.6,
+        "y": 123.3
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -91.8,
+        "y": 114.1
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -103.7,
+        "y": 105
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -102.7,
+        "y": 95.9
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -87.6,
+        "y": 100.7
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -83.4,
+        "y": 40.1
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -60.2,
+        "y": 27.4
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -9.8,
+        "y": 23.2
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -57.1,
+        "y": -29.1
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -82.5,
+        "y": -43.4
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -100.9,
+        "y": -69.5
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -73.2,
+        "y": -85.5
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 49.9,
+        "y": -92.4
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 86.7,
+        "y": -27.9
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 41.7,
+        "y": 15
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 13.2,
+        "y": 26.6
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 49.4,
+        "y": 48.5
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 63.5,
+        "y": 51.1
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 71.7,
+        "y": 70
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 68.7,
+        "y": 78.5
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 73.2,
+        "y": 97
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 66.8,
+        "y": 131.3
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 75.4,
+        "y": 137.6
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 51.7,
+        "y": 145.3
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 64.7,
+        "y": 155.3
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 52.5,
+        "y": 168.4
+      }
+    ],
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "37n6IjhSRFXoSppOg/hCRK"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 147
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 4,
+    "_type": 2,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "e6ZVTVzAhCU7TkvqA1w+yD"
+  },
+  {
+    "__type__": "db994levvJOsbS2C6KysVib",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 149
+    },
+    "bulletPrefab": {
+      "__uuid__": "00fe22d2-9262-49f6-b949-50802b47f579",
+      "__expectedType__": "cc.Prefab"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "19IwRbzENMkIvFSYuZxHHw"
+  },
+  {
+    "__type__": "8e97a9AgQlIT6udvLP/YJRJ",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 151
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "20kwgYW3VNg7xer7HzW5GQ"
+  },
+  {
+    "__type__": "cc.Animation",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 153
+    },
+    "playOnLoad": true,
+    "_clips": [
+      {
+        "__uuid__": "6dd70c1b-d1ca-4169-823d-562b6c968e64",
+        "__expectedType__": "cc.AnimationClip"
+      }
+    ],
+    "_defaultClip": {
+      "__uuid__": "6dd70c1b-d1ca-4169-823d-562b6c968e64",
+      "__expectedType__": "cc.AnimationClip"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "behfBYIBBOaIlvp+4hHsd3"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "42jbi1M+tC4ZJUUqlqKJqd",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/Hero.prefab.meta b/assets/cc-game/res/prefabs/Hero.prefab.meta
new file mode 100644
index 0000000..5cdcbdf
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Hero.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "5baa9f30-525b-491a-818e-958cd0daa8e0",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "Hero"
+  }
+}
diff --git a/assets/cc-game/res/prefabs/Wall.prefab b/assets/cc-game/res/prefabs/Wall.prefab
new file mode 100644
index 0000000..d45ef6f
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Wall.prefab
@@ -0,0 +1,334 @@
+[
+  {
+    "__type__": "cc.Prefab",
+    "_name": "Wall",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "data": {
+      "__id__": 1
+    },
+    "optimizationPolicy": 0,
+    "persistent": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Wall",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 12
+      },
+      {
+        "__id__": 14
+      }
+    ],
+    "_prefab": {
+      "__id__": 16
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 7
+      },
+      {
+        "__id__": 9
+      }
+    ],
+    "_prefab": {
+      "__id__": 11
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 4
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "7f+E//bOdHrJxy2t248i+c"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 6
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 102,
+      "b": 0,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a1/GdRF3BHhK+dvFRJj3my"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 8
+    },
+    "tag": 0,
+    "_group": 64,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "81DqUs6UBJ9ZnwVpPA8w9P"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 64,
+    "_type": 0,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1dBIlc3mhKfrtRjH/vbQBK"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "a3qW/aZE9KXZpd0oGaoTS4",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 13
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1fXSBjIyBOwL9BXpb4D9tA"
+  },
+  {
+    "__type__": "30054fbeUNKZ72SW80+eAwL",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 15
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "eenYYVfMBPjJ3r87fpQ5k1"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "57fgqL2/xAjIfI6sdi6KDV",
+    "instance": null,
+    "targetOverrides": null
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/res/prefabs/Wall.prefab.meta b/assets/cc-game/res/prefabs/Wall.prefab.meta
new file mode 100644
index 0000000..f9ceecc
--- /dev/null
+++ b/assets/cc-game/res/prefabs/Wall.prefab.meta
@@ -0,0 +1,13 @@
+{
+  "ver": "1.1.50",
+  "importer": "prefab",
+  "imported": true,
+  "uuid": "4cabd104-f157-4d93-8870-ee4428fc9839",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {
+    "syncNodeName": "Wall"
+  }
+}
diff --git a/assets/cc-game/res/sprites.meta b/assets/cc-game/res/sprites.meta
new file mode 100644
index 0000000..08705b0
--- /dev/null
+++ b/assets/cc-game/res/sprites.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "1411c64a-f2d6-4d3a-ba33-c7d46ad37bb3",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-game/scene.meta b/assets/cc-game/scene.meta
new file mode 100644
index 0000000..d48fee0
--- /dev/null
+++ b/assets/cc-game/scene.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "245650f2-29d0-4a9e-9fe5-f676ae529feb",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-game/scene/loading.scene b/assets/cc-game/scene/loading.scene
new file mode 100644
index 0000000..24bf411
--- /dev/null
+++ b/assets/cc-game/scene/loading.scene
@@ -0,0 +1,561 @@
+[
+  {
+    "__type__": "cc.SceneAsset",
+    "_name": "loading",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "scene": {
+      "__id__": 1
+    }
+  },
+  {
+    "__type__": "cc.Scene",
+    "_name": "loading",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      }
+    ],
+    "_active": true,
+    "_components": [],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "autoReleaseAssets": false,
+    "_globals": {
+      "__id__": 11
+    },
+    "_id": "9a2b0851-f4ae-4207-a336-0d5488e0a9aa"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Canvas",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 8
+      },
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 10
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 414,
+      "y": 896,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "beI88Z2HpFELqR4T5EMHpg"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Camera",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 4
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 1000
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ebFwiq8gBFaYpqYbdoDODe"
+  },
+  {
+    "__type__": "cc.Camera",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_projection": 0,
+    "_priority": 0,
+    "_fov": 45,
+    "_fovAxis": 0,
+    "_orthoHeight": 896,
+    "_near": 0,
+    "_far": 1000,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_depth": 1,
+    "_stencil": 0,
+    "_clearFlags": 7,
+    "_rect": {
+      "__type__": "cc.Rect",
+      "x": 0,
+      "y": 0,
+      "width": 1,
+      "height": 1
+    },
+    "_aperture": 19,
+    "_shutter": 7,
+    "_iso": 0,
+    "_screenScale": 1,
+    "_visibility": 1108344832,
+    "_targetTexture": null,
+    "_postProcess": null,
+    "_usePostProcess": false,
+    "_cameraType": -1,
+    "_trackingType": 0,
+    "_id": "63WIch3o5BEYRlXzTT0oWc"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 6
+      },
+      {
+        "__id__": 7
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "0fbLfTfAFBWpUiXzzBC/WN"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 36
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "b150IHDaNMFpkZBONnSw5d"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "57520716-48c8-4a19-8acf-41c9f8777fb0@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "c2RuTxg3dJ5raeOSECkfG8"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "d6rUX5yfhMlKoWX2bSbawx"
+  },
+  {
+    "__type__": "cc.Canvas",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_cameraComponent": {
+      "__id__": 4
+    },
+    "_alignCanvasWithScreen": true,
+    "_id": "12O/ljcVlEqLmVm3U2gEOQ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 5.684341886080802e-14,
+    "_bottom": 5.684341886080802e-14,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c5V1EV8IpMtrIvY1OE9t2u"
+  },
+  {
+    "__type__": "cc.SceneGlobals",
+    "ambient": {
+      "__id__": 12
+    },
+    "shadows": {
+      "__id__": 13
+    },
+    "_skybox": {
+      "__id__": 14
+    },
+    "fog": {
+      "__id__": 15
+    },
+    "octree": {
+      "__id__": 16
+    },
+    "skin": {
+      "__id__": 17
+    },
+    "lightProbeInfo": {
+      "__id__": 18
+    },
+    "postSettings": {
+      "__id__": 19
+    },
+    "bakedWithStationaryMainLight": false,
+    "bakedWithHighpLightmap": false
+  },
+  {
+    "__type__": "cc.AmbientInfo",
+    "_skyColorHDR": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0.520833125
+    },
+    "_skyColor": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0.520833125
+    },
+    "_skyIllumHDR": 20000,
+    "_skyIllum": 20000,
+    "_groundAlbedoHDR": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0
+    },
+    "_groundAlbedo": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0
+    },
+    "_skyColorLDR": {
+      "__type__": "cc.Vec4",
+      "x": 0.2,
+      "y": 0.5,
+      "z": 0.8,
+      "w": 1
+    },
+    "_skyIllumLDR": 20000,
+    "_groundAlbedoLDR": {
+      "__type__": "cc.Vec4",
+      "x": 0.2,
+      "y": 0.2,
+      "z": 0.2,
+      "w": 1
+    }
+  },
+  {
+    "__type__": "cc.ShadowsInfo",
+    "_enabled": false,
+    "_type": 0,
+    "_normal": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1,
+      "z": 0
+    },
+    "_distance": 0,
+    "_planeBias": 1,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 76,
+      "g": 76,
+      "b": 76,
+      "a": 255
+    },
+    "_maxReceived": 4,
+    "_size": {
+      "__type__": "cc.Vec2",
+      "x": 512,
+      "y": 512
+    }
+  },
+  {
+    "__type__": "cc.SkyboxInfo",
+    "_envLightingType": 0,
+    "_envmapHDR": null,
+    "_envmap": null,
+    "_envmapLDR": null,
+    "_diffuseMapHDR": null,
+    "_diffuseMapLDR": null,
+    "_enabled": false,
+    "_useHDR": true,
+    "_editableMaterial": null,
+    "_reflectionHDR": null,
+    "_reflectionLDR": null,
+    "_rotationAngle": 0
+  },
+  {
+    "__type__": "cc.FogInfo",
+    "_type": 0,
+    "_fogColor": {
+      "__type__": "cc.Color",
+      "r": 200,
+      "g": 200,
+      "b": 200,
+      "a": 255
+    },
+    "_enabled": false,
+    "_fogDensity": 0.3,
+    "_fogStart": 0.5,
+    "_fogEnd": 300,
+    "_fogAtten": 5,
+    "_fogTop": 1.5,
+    "_fogRange": 1.2,
+    "_accurate": false
+  },
+  {
+    "__type__": "cc.OctreeInfo",
+    "_enabled": false,
+    "_minPos": {
+      "__type__": "cc.Vec3",
+      "x": -1024,
+      "y": -1024,
+      "z": -1024
+    },
+    "_maxPos": {
+      "__type__": "cc.Vec3",
+      "x": 1024,
+      "y": 1024,
+      "z": 1024
+    },
+    "_depth": 8
+  },
+  {
+    "__type__": "cc.SkinInfo",
+    "_enabled": false,
+    "_blurRadius": 0.01,
+    "_sssIntensity": 3
+  },
+  {
+    "__type__": "cc.LightProbeInfo",
+    "_giScale": 1,
+    "_giSamples": 1024,
+    "_bounces": 2,
+    "_reduceRinging": 0,
+    "_showProbe": true,
+    "_showWireframe": true,
+    "_showConvex": false,
+    "_data": null,
+    "_lightProbeSphereVolume": 1
+  },
+  {
+    "__type__": "cc.PostSettingsInfo",
+    "_toneMappingType": 0
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/scene/loading.scene.meta b/assets/cc-game/scene/loading.scene.meta
new file mode 100644
index 0000000..febc383
--- /dev/null
+++ b/assets/cc-game/scene/loading.scene.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "1.1.50",
+  "importer": "scene",
+  "imported": true,
+  "uuid": "9a2b0851-f4ae-4207-a336-0d5488e0a9aa",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scene/mainscene.scene b/assets/cc-game/scene/mainscene.scene
new file mode 100644
index 0000000..185f537
--- /dev/null
+++ b/assets/cc-game/scene/mainscene.scene
@@ -0,0 +1,24353 @@
+[
+  {
+    "__type__": "cc.SceneAsset",
+    "_name": "mainscene",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_native": "",
+    "scene": {
+      "__id__": 1
+    }
+  },
+  {
+    "__type__": "cc.Scene",
+    "_name": "mainscene",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": null,
+    "_children": [
+      {
+        "__id__": 2
+      }
+    ],
+    "_active": true,
+    "_components": [],
+    "_prefab": {
+      "__id__": 643
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "autoReleaseAssets": false,
+    "_globals": {
+      "__id__": 646
+    },
+    "_id": "1271e3a3-5013-4a5b-98f3-2ac3b007353c"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Canvas",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 3
+      },
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 8
+      },
+      {
+        "__id__": 629
+      },
+      {
+        "__id__": 633
+      },
+      {
+        "__id__": 14
+      },
+      {
+        "__id__": 109
+      },
+      {
+        "__id__": 637
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 640
+      },
+      {
+        "__id__": 641
+      },
+      {
+        "__id__": 642
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 540,
+      "y": 1170,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "beI88Z2HpFELqR4T5EMHpg"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Camera",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 4
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 1000
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ebFwiq8gBFaYpqYbdoDODe"
+  },
+  {
+    "__type__": "cc.Camera",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_projection": 0,
+    "_priority": 1073741824,
+    "_fov": 45,
+    "_fovAxis": 0,
+    "_orthoHeight": 1170,
+    "_near": 0,
+    "_far": 2000,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_depth": 1,
+    "_stencil": 0,
+    "_clearFlags": 7,
+    "_rect": {
+      "__type__": "cc.Rect",
+      "x": 0,
+      "y": 0,
+      "width": 1,
+      "height": 1
+    },
+    "_aperture": 19,
+    "_shutter": 7,
+    "_iso": 0,
+    "_screenScale": 1,
+    "_visibility": 42467328,
+    "_targetTexture": null,
+    "_postProcess": null,
+    "_usePostProcess": false,
+    "_cameraType": -1,
+    "_trackingType": 0,
+    "_id": "63WIch3o5BEYRlXzTT0oWc"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "GameDataConfig",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 6
+      },
+      {
+        "__id__": 7
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "f2H1ompTVKJIEt344E8OVP"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "f1EbzrAZ9A/YohVMPgW9uQ"
+  },
+  {
+    "__type__": "c7767zsAftIm65cpWV2cDvD",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 5
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "heroAsset": {
+      "__uuid__": "447ef86f-5b0d-4ae0-b495-b09d87b76fbf",
+      "__expectedType__": "cc.JsonAsset"
+    },
+    "enemyAsset": {
+      "__uuid__": "bfc2472c-6feb-46d0-aadb-c4608480e99d",
+      "__expectedType__": "cc.JsonAsset"
+    },
+    "bossAsset": {
+      "__uuid__": "2c2109b4-c115-4d72-a456-ab1f68924a9a",
+      "__expectedType__": "cc.JsonAsset"
+    },
+    "activeSkillAsset": {
+      "__uuid__": "1f79ea20-7780-4538-a226-42c3a3580221",
+      "__expectedType__": "cc.JsonAsset"
+    },
+    "levelDesignAsset": {
+      "__uuid__": "368a5ad4-9df4-4cb7-b81c-fd781f82fb90",
+      "__expectedType__": "cc.JsonAsset"
+    },
+    "skillUnlockAsset": {
+      "__uuid__": "d4629789-b226-4e0e-b468-d5bfe498ee14",
+      "__expectedType__": "cc.JsonAsset"
+    },
+    "passiveSkillAsset": {
+      "__uuid__": "54ae12c5-faf1-46c4-b556-d1410d6d1328",
+      "__expectedType__": "cc.JsonAsset"
+    },
+    "_id": "efUPh4ToxFSahkyqnNPLgu"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "global_data",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 9
+      },
+      {
+        "__id__": 10
+      },
+      {
+        "__id__": 11
+      },
+      {
+        "__id__": 13
+      },
+      {
+        "__id__": 12
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "6baPPK8phAO7QgnkWSLpTA"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 8
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "7bp+3SThVLRpsTXsZIZWuM"
+  },
+  {
+    "__type__": "6bf10pEhNJO7rIeHKOomySE",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 8
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "heroPrefab": {
+      "__uuid__": "5baa9f30-525b-491a-818e-958cd0daa8e0",
+      "__expectedType__": "cc.Prefab"
+    },
+    "creepPrefab": {
+      "__uuid__": "819ede20-8c84-4abd-a8bd-f67d5e15223d",
+      "__expectedType__": "cc.Prefab"
+    },
+    "activeSkillPrefabs": [
+      {
+        "__uuid__": "506ecffb-06c4-4000-b5a9-415944f7484d",
+        "__expectedType__": "cc.Prefab"
+      },
+      {
+        "__uuid__": "e45498c9-376f-4420-9fd1-3c91ebf140b8",
+        "__expectedType__": "cc.Prefab"
+      },
+      {
+        "__uuid__": "6636bb41-505d-4634-9b1f-12006254d850",
+        "__expectedType__": "cc.Prefab"
+      }
+    ],
+    "bossMeleePrefab": {
+      "__uuid__": "bec38510-8e78-4113-8867-618a2bf9d243",
+      "__expectedType__": "cc.Prefab"
+    },
+    "bossRangePrefab": {
+      "__uuid__": "d8613e9c-fe71-4034-96d1-bd8e04da8087",
+      "__expectedType__": "cc.Prefab"
+    },
+    "_id": "a5gVT939JKFKqPhcOc+YvT"
+  },
+  {
+    "__type__": "ddc8dCytING64h8QMoQ8mCy",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 8
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "userDataSaver": {
+      "__id__": 12
+    },
+    "gameDataConfig": {
+      "__id__": 7
+    },
+    "_id": "cb5hsM9X1Epr0HZCOBoufD"
+  },
+  {
+    "__type__": "9af0bNYqFxOjI6zBk1gQoGM",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 8
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "6di3RYXh9LAr8FJmumHS4v"
+  },
+  {
+    "__type__": "d8fb5HolIdIoZfkGrHPFSXf",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 8
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "gameplaySpaceLayout": {
+      "__id__": 14
+    },
+    "gameUI": {
+      "__id__": 108
+    },
+    "_id": "52QtPdGSJIwIjnTv1wJRLZ"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "game_play_space",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [
+      {
+        "__id__": 15
+      },
+      {
+        "__id__": 18
+      },
+      {
+        "__id__": 26
+      },
+      {
+        "__id__": 101
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 103
+      },
+      {
+        "__id__": 104
+      },
+      {
+        "__id__": 105
+      },
+      {
+        "__id__": 106
+      },
+      {
+        "__id__": 107
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "78MTzdND5CsLq/41GUxvMn"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bg",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 14
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 16
+      },
+      {
+        "__id__": 17
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8fnNhrwDFMRJ4dehwI4AwU"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 15
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 2000,
+      "height": 2000
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "23HetLzm1B+ItmV3l4qZj6"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 15
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "c0f4d665-1de6-45d1-96fd-fafb5812e913@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 2,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "baesMMDLZNsJPoD86tMUlH"
+  },
+  {
+    "__type__": "cc.Node",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 14
+    },
+    "_prefab": {
+      "__id__": 19
+    },
+    "__editorExtras__": {}
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 18
+    },
+    "asset": {
+      "__uuid__": "5baa9f30-525b-491a-818e-958cd0daa8e0",
+      "__expectedType__": "cc.Prefab"
+    },
+    "fileId": "42jbi1M+tC4ZJUUqlqKJqd",
+    "instance": {
+      "__id__": 20
+    },
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.PrefabInstance",
+    "fileId": "1d9m0Eu+VGnbbqq8Npr7zT",
+    "prefabRootNode": null,
+    "mountedChildren": [],
+    "mountedComponents": [],
+    "propertyOverrides": [
+      {
+        "__id__": 21
+      },
+      {
+        "__id__": 23
+      },
+      {
+        "__id__": 24
+      },
+      {
+        "__id__": 25
+      }
+    ],
+    "removedComponents": []
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 22
+    },
+    "propertyPath": [
+      "_name"
+    ],
+    "value": "Hero"
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "42jbi1M+tC4ZJUUqlqKJqd"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 22
+    },
+    "propertyPath": [
+      "_lpos"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -360,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 22
+    },
+    "propertyPath": [
+      "_lrot"
+    ],
+    "value": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 22
+    },
+    "propertyPath": [
+      "_euler"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Evironment",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 14
+    },
+    "_children": [
+      {
+        "__id__": 27
+      },
+      {
+        "__id__": 39
+      },
+      {
+        "__id__": 49
+      },
+      {
+        "__id__": 63
+      },
+      {
+        "__id__": 72
+      },
+      {
+        "__id__": 81
+      },
+      {
+        "__id__": 90
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 99
+      },
+      {
+        "__id__": 100
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "c9HrbeICdBAYJXUxe6DXVn"
+  },
+  {
+    "__type__": "cc.Node",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 26
+    },
+    "_prefab": {
+      "__id__": 28
+    },
+    "__editorExtras__": {}
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 27
+    },
+    "asset": {
+      "__uuid__": "4cabd104-f157-4d93-8870-ee4428fc9839",
+      "__expectedType__": "cc.Prefab"
+    },
+    "fileId": "57fgqL2/xAjIfI6sdi6KDV",
+    "instance": {
+      "__id__": 29
+    },
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.PrefabInstance",
+    "fileId": "58Fsmq2BhAhrWpEBWLmF54",
+    "prefabRootNode": null,
+    "mountedChildren": [],
+    "mountedComponents": [],
+    "propertyOverrides": [
+      {
+        "__id__": 30
+      },
+      {
+        "__id__": 32
+      },
+      {
+        "__id__": 33
+      },
+      {
+        "__id__": 34
+      },
+      {
+        "__id__": 35
+      },
+      {
+        "__id__": 36
+      },
+      {
+        "__id__": 37
+      }
+    ],
+    "removedComponents": []
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 31
+    },
+    "propertyPath": [
+      "_name"
+    ],
+    "value": "Wall"
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "57fgqL2/xAjIfI6sdi6KDV"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 31
+    },
+    "propertyPath": [
+      "_lpos"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 364.024,
+      "y": -191.815,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 31
+    },
+    "propertyPath": [
+      "_lrot"
+    ],
+    "value": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 31
+    },
+    "propertyPath": [
+      "_euler"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 31
+    },
+    "propertyPath": [
+      "_lscale"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 3,
+      "z": 1
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 31
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": false
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 38
+    },
+    "propertyPath": [
+      "_lpos"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "a3qW/aZE9KXZpd0oGaoTS4"
+    ]
+  },
+  {
+    "__type__": "cc.Node",
+    "_objFlags": 0,
+    "_parent": {
+      "__id__": 26
+    },
+    "_prefab": {
+      "__id__": 40
+    },
+    "__editorExtras__": {}
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 39
+    },
+    "asset": {
+      "__uuid__": "4cabd104-f157-4d93-8870-ee4428fc9839",
+      "__expectedType__": "cc.Prefab"
+    },
+    "fileId": "57fgqL2/xAjIfI6sdi6KDV",
+    "instance": {
+      "__id__": 41
+    },
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.PrefabInstance",
+    "fileId": "adrZBCp69LcoXFNhNIjyT2",
+    "prefabRootNode": null,
+    "mountedChildren": [],
+    "mountedComponents": [],
+    "propertyOverrides": [
+      {
+        "__id__": 42
+      },
+      {
+        "__id__": 44
+      },
+      {
+        "__id__": 45
+      },
+      {
+        "__id__": 46
+      },
+      {
+        "__id__": 47
+      },
+      {
+        "__id__": 48
+      }
+    ],
+    "removedComponents": []
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 43
+    },
+    "propertyPath": [
+      "_name"
+    ],
+    "value": "Wall"
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "57fgqL2/xAjIfI6sdi6KDV"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 43
+    },
+    "propertyPath": [
+      "_lpos"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 214.281,
+      "y": -91.619,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 43
+    },
+    "propertyPath": [
+      "_lrot"
+    ],
+    "value": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 43
+    },
+    "propertyPath": [
+      "_euler"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 43
+    },
+    "propertyPath": [
+      "_lscale"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 1,
+      "z": 1
+    }
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 43
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": false
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 26
+    },
+    "_children": [
+      {
+        "__id__": 50
+      },
+      {
+        "__id__": 53
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 56
+      },
+      {
+        "__id__": 57
+      },
+      {
+        "__id__": 58
+      },
+      {
+        "__id__": 59
+      },
+      {
+        "__id__": 60
+      },
+      {
+        "__id__": 61
+      },
+      {
+        "__id__": 62
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 310.071,
+      "y": -258.067,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 3,
+      "y": 3,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ebZl5k0lVNVpPBosdbv7pw"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 49
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 51
+      },
+      {
+        "__id__": 52
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "a2NDgb/uxN7aJNQg+kTPea"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 50
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 42.255859375,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "f0kvJMSD9G45VQLq8pGuSp"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 50
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "label",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "76TLLExKpJ3q0Hkoz4jeiw"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hero_sensor",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 49
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 54
+      },
+      {
+        "__id__": 55
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 524288,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "40ZfSacDVBNoYHc9GiFFs4"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 53
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "75Lkl9mdtOsKvQG16EfDFT"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 53
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 201,
+      "b": 201,
+      "a": 145
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "c1b9et3rVHE7rM/mQkh5fJ"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "01WFG7xutDHL3dxML/JKEg"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "94VXbmzZFKgaG4STPDzErj"
+  },
+  {
+    "__type__": "34887YGnUVD1YRrZDraiNkm",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "sprite": {
+      "__id__": 57
+    },
+    "deltaX": 10,
+    "_id": "a7IiAHRlxJIJcil+G3l2R6"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 4,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_id": "03WN0inhJBkJI4DXgpffyw"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 4,
+    "_type": 2,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": "69q4Vxqo9CULKafRpTiHaI"
+  },
+  {
+    "__type__": "cc.PolygonCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": false,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 32,
+    "_density": 1,
+    "_sensor": true,
+    "_friction": 0.2,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_points": [
+      {
+        "__type__": "cc.Vec2",
+        "x": -14.285714285714285,
+        "y": 50
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -24.489795918367346,
+        "y": 45.91836734693878
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -25.51020408163265,
+        "y": 43.87755102040816
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -33.673469387755105,
+        "y": 39.79591836734694
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -44.89795918367347,
+        "y": 26.530612244897966
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -50,
+        "y": 14.285714285714292
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -50,
+        "y": -14.285714285714285
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -43.87755102040816,
+        "y": -27.551020408163264
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -33.673469387755105,
+        "y": -39.79591836734694
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": -13.265306122448976,
+        "y": -50
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 16.326530612244895,
+        "y": -48.97959183673469
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 27.551020408163268,
+        "y": -43.87755102040816
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 40.816326530612244,
+        "y": -31.632653061224488
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 50,
+        "y": -13.265306122448976
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 50,
+        "y": 13.265306122448983
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 47.9591836734694,
+        "y": 19.387755102040813
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 41.83673469387756,
+        "y": 30.612244897959187
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 30.612244897959187,
+        "y": 41.83673469387756
+      },
+      {
+        "__type__": "cc.Vec2",
+        "x": 13.265306122448983,
+        "y": 50
+      }
+    ],
+    "_id": "cdsERTInhDS561dzlyzV62"
+  },
+  {
+    "__type__": "8e97a9AgQlIT6udvLP/YJRJ",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 49
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "efKQ6WlgFB3IAasP7sV0vC"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Wall-Left",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 26
+    },
+    "_children": [
+      {
+        "__id__": 64
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 69
+      },
+      {
+        "__id__": 70
+      },
+      {
+        "__id__": 71
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -520,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 24,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "efdLR2101DXYqWNjcYnx9h"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 63
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 65
+      },
+      {
+        "__id__": 66
+      },
+      {
+        "__id__": 67
+      },
+      {
+        "__id__": 68
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "034TjZ0VdJ5ohR4to7pv59"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 64
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "beue21CmlB7rI1aZtEly0P"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 64
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 102,
+      "b": 0,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "1cFx9cwylL4YFxSRwLCMam"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 64
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 1,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_id": "a7lI2jDvZIv64tn7QcXlhB"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 64
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 64,
+    "_type": 0,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": "e6mRtAEFZOlrG/kAca49QE"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 63
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "07oG7VNMdK5ZlceMQSNnpY"
+  },
+  {
+    "__type__": "30054fbeUNKZ72SW80+eAwL",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 63
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "35qH6ucjFER7QfJl/C9oF3"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 63
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": -30,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "76MMJOK5hNJ47N+Cy0ynxj"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Wall-Top",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 26
+    },
+    "_children": [
+      {
+        "__id__": 73
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 78
+      },
+      {
+        "__id__": 79
+      },
+      {
+        "__id__": 80
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 710,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 9,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "29ohRPnaBL8qT2+T/A9Oun"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 72
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 74
+      },
+      {
+        "__id__": 75
+      },
+      {
+        "__id__": 76
+      },
+      {
+        "__id__": 77
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "71FJxOkIdLNa2+fBhqppDK"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 73
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "220fAn4aFPCZXkPHDDpn8H"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 73
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 102,
+      "b": 0,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "4fS/1yBypBoZh6MR+t4Sz/"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 73
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 1,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_id": "afWPecC2pONYqgqLilpyOW"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 73
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 64,
+    "_type": 0,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": "bfRU/lSLBNAZiuySIORt6d"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 72
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "7deT5ipldC+JPgGnqiDzVw"
+  },
+  {
+    "__type__": "30054fbeUNKZ72SW80+eAwL",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 72
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "86kZlFqjhHsbpUS0ToHYlO"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 72
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 1,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 410,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "8bjK+0yL1GWaAZn8B0zo/3"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Wall-Bottom",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 26
+    },
+    "_children": [
+      {
+        "__id__": 82
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 87
+      },
+      {
+        "__id__": 88
+      },
+      {
+        "__id__": 89
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -896,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 9,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "2dSc4GuMVJR7HowosL8di6"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 81
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 83
+      },
+      {
+        "__id__": 84
+      },
+      {
+        "__id__": 85
+      },
+      {
+        "__id__": 86
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ebjQGcmilLBZLX0ipJ/9WA"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 82
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "acgpZvm6xDMLwPaemFCHpG"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 82
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 102,
+      "b": 0,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "7afugV/HdMv5U1O1FLdWCj"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 82
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 1,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_id": "03nkpFY7ZIUYKklc7by7Wv"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 82
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 64,
+    "_type": 0,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": "feUyLuJ2VCg47wFzQxxvfY"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 81
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 110,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "00d5WIEqZGCJGJ5hELgn5j"
+  },
+  {
+    "__type__": "30054fbeUNKZ72SW80+eAwL",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 81
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "73HTq+g2tGKbwGSqVrZKbl"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 81
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 4,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 99.57899999999995,
+    "_bottom": 224,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "11P/RYHIJLYa4DSD4R0H2Q"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Wall-Right",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 26
+    },
+    "_children": [
+      {
+        "__id__": 91
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 96
+      },
+      {
+        "__id__": 97
+      },
+      {
+        "__id__": 98
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 516,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 24,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "45NBJBCQ5Lwpw3OGDySQkm"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 90
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 92
+      },
+      {
+        "__id__": 93
+      },
+      {
+        "__id__": 94
+      },
+      {
+        "__id__": 95
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "eaMAC+XjtGTJI6z5Dt/Iyf"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 91
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "69BRURdh9C5rIn0BVyMHRF"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 91
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 102,
+      "b": 0,
+      "a": 0
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "d6ZIsPjOZNo4tpBdL0U7np"
+  },
+  {
+    "__type__": "cc.BoxCollider2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 91
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "tag": 0,
+    "_group": 1,
+    "_density": 1,
+    "_sensor": false,
+    "_friction": 0,
+    "_restitution": 0,
+    "_offset": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_size": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_id": "2bZxB1e7RP96lH00hCfmSu"
+  },
+  {
+    "__type__": "cc.RigidBody2D",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 91
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "enabledContactListener": true,
+    "bullet": false,
+    "awakeOnLoad": true,
+    "_group": 64,
+    "_type": 0,
+    "_allowSleep": false,
+    "_gravityScale": 0,
+    "_linearDamping": 0,
+    "_angularDamping": 0,
+    "_linearVelocity": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_angularVelocity": 0,
+    "_fixedRotation": true,
+    "_id": "ddcBiJnd1KWKdpYHnS+swR"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 90
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "bcrovWxQlOcYQ2IevmlX1C"
+  },
+  {
+    "__type__": "30054fbeUNKZ72SW80+eAwL",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 90
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "0cSEA9x2tEXrWfbE5BW9ka"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 90
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 1006,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "370KAXRYdB/oN2ahsmvwi4"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 2340
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "d0a4qAgiJIWr4p4thCgeUV"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 26
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "d29MzOjvJPaoXt0GqrUcrm"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Test",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 14
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 102
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "26oPS9SVRKhpHPG0SJeTDs"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 101
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "75Gx5nnjtErbSYzclKvocZ"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 14
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 2340
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "d6OE8OpQ9HxJHzfta8LZPn"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 14
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "55dSuuUfdE/4U5+A18TsVB"
+  },
+  {
+    "__type__": "a5e812vYntCsaxMAYZdBdQH",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 14
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "cef6gH1tJPlISbFr1Ic+Am"
+  },
+  {
+    "__type__": "cc.Mask",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 14
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_type": 0,
+    "_inverted": false,
+    "_segments": 64,
+    "_alphaThreshold": 0.1,
+    "_id": "28aORiXNhBSZpYbW53PmZa"
+  },
+  {
+    "__type__": "cc.Graphics",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 14
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_lineWidth": 1,
+    "_strokeColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_lineJoin": 2,
+    "_lineCap": 0,
+    "_fillColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 0
+    },
+    "_miterLimit": 10,
+    "_id": "6b7X6zFTlLtoy/B179eXvd"
+  },
+  {
+    "__type__": "d516cyAHxdNNqty3HFAFqeT",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 109
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "gameWinPopup": {
+      "__id__": 269
+    },
+    "gameLosePopup": {
+      "__id__": 302
+    },
+    "levelUpLayout": {
+      "__id__": 497
+    },
+    "topLayout": {
+      "__id__": 151
+    },
+    "bottomLayout": {
+      "__id__": 213
+    },
+    "bossHPBar": {
+      "__id__": 208
+    },
+    "heroHPBar": {
+      "__id__": 230
+    },
+    "expBar": {
+      "__id__": 189
+    },
+    "btnConfig": {
+      "__id__": 159
+    },
+    "btnStart": {
+      "__id__": 148
+    },
+    "layoutConfig": {
+      "__id__": 332
+    },
+    "expLevelTitle": {
+      "__id__": 175
+    },
+    "txtSkillCollectDebug": {
+      "__id__": 625
+    },
+    "txtBuildVer": {
+      "__id__": 621
+    },
+    "_id": "90S6BjUzlOYIVTGOHWGfvW"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "game_play_ui",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [
+      {
+        "__id__": 110
+      },
+      {
+        "__id__": 124
+      },
+      {
+        "__id__": 151
+      },
+      {
+        "__id__": 213
+      },
+      {
+        "__id__": 269
+      },
+      {
+        "__id__": 302
+      },
+      {
+        "__id__": 323
+      },
+      {
+        "__id__": 332
+      },
+      {
+        "__id__": 497
+      },
+      {
+        "__id__": 619
+      },
+      {
+        "__id__": 623
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 627
+      },
+      {
+        "__id__": 628
+      },
+      {
+        "__id__": 108
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "a1FaBDjP9KNpfCrrN+ER44"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "JoyStick",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 111
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 120
+      },
+      {
+        "__id__": 121
+      },
+      {
+        "__id__": 122
+      },
+      {
+        "__id__": 123
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ddV8ZDHtRIkbaYzhP7QCkV"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "background",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 110
+    },
+    "_children": [
+      {
+        "__id__": 112
+      },
+      {
+        "__id__": 115
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 118
+      },
+      {
+        "__id__": 119
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -649.489,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "80mjbGIjxCTYOmdEVLCYvo"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 111
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 113
+      },
+      {
+        "__id__": 114
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -77.733,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "efXqGqR4FCNZM1Wh96shJJ"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 112
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 148.28489685058594,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "5agd9Win9OO4Q15KpG7KQV"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 112
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 150
+    },
+    "_string": "JOYSTICK",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "ceINBk7FBEtqflOY10hv6H"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "handle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 111
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 116
+      },
+      {
+        "__id__": 117
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "fe39THaPhN1Lbk8SwVQD52"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 115
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "2c4EZ+E0tEQKDEZ3IKO3+T"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 115
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 150
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "e7aKVS8VxHZLyvhTYW7hyf"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 111
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 250,
+      "height": 250
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "16miCw5NdI4Lw+4vXP+zHI"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 111
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 50
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "ee4RmltAVJbIytv+vJBYn1"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 110
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 2340
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "6fKvmjtSNKgqzoFCrvPr+y"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 110
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": null,
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "9d0d/6BHdBaJJOhaLSpYI7"
+  },
+  {
+    "__type__": "0e282KCEBpM8qZyOsb8cYJw",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 110
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "background": {
+      "__id__": 111
+    },
+    "handle": {
+      "__id__": 115
+    },
+    "_id": "8a/l35bEFNJLX6crVyw0hO"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 110
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 250,
+    "_originalHeight": 250,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "3a2/QNHYFH37EZ9tL6IsIh"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "center_layout",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 125
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 149
+      },
+      {
+        "__id__": 150
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "2abaPZkp1NzLyY8AKskMvQ"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnStart",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 124
+    },
+    "_children": [
+      {
+        "__id__": 126
+      },
+      {
+        "__id__": 129
+      },
+      {
+        "__id__": 132
+      },
+      {
+        "__id__": 140
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 146
+      },
+      {
+        "__id__": 147
+      },
+      {
+        "__id__": 148
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "3esZviUgdJs4uepgiixKhS"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Text",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 125
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 127
+      },
+      {
+        "__id__": 128
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "f6bVNbGZpBvoNLyhKw2TQB"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 126
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 195.14492797851562,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "03lo5Sgi5Bhb1MYZjb5CIN"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 126
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "START GAME",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "5bDszvm1BM7reZdiBKMHKb"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 125
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 130
+      },
+      {
+        "__id__": 131
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 252.822,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "64uYerubBL1IivgI3fvukL"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 129
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 441.02496337890625,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "5bEwempfBLJJbevLmLWKzC"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 129
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "SUPER HERO",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 70,
+    "_fontSize": 70,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "52vm9JoUlOooattJOE7xoB"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnPhysicDebug",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 125
+    },
+    "_children": [
+      {
+        "__id__": 133
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 136
+      },
+      {
+        "__id__": 137
+      },
+      {
+        "__id__": 138
+      },
+      {
+        "__id__": 139
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -96.582,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "a5Y6gbPWlDvoSXI9PZrHo+"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 132
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 134
+      },
+      {
+        "__id__": 135
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "dcngGy+3pM/7tcWDSHaL4t"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 133
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 90,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "b5Nalf2KZCKLUPESTQeReu"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 133
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Debug Physic",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 14,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 2,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "7c8CNqZp1HWIP1FkpXn3XE"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 132
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "dbrx0i2lRNnoMDOuDYFubh"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 132
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "82i6ZHHK5Mt51Ef3OTczME"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 132
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 2,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 132
+    },
+    "_id": "aeD4Pu19BAtodc7JBrUd5Y"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 132
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 18,
+    "_target": null,
+    "_left": 0,
+    "_right": 105,
+    "_top": 27.572000000000003,
+    "_bottom": 30,
+    "_horizontalCenter": 0,
+    "_verticalCenter": -96.582,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "54cCJWd7BKCJzdg0nLhF2s"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnConfig",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 125
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 141
+      },
+      {
+        "__id__": 142
+      },
+      {
+        "__id__": 143
+      },
+      {
+        "__id__": 145
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 137.769,
+      "y": 45.154,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "6c9w7arxhJjYdEar5M2xY8"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 140
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 96,
+      "height": 96
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "9felxYyxNJVbnfYaJKvNu8"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 140
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "d21d02f7-24f9-4526-aa6e-4e4784fa6e2c@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "5cuKPOX5JNUY6BWFeCRnTq"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 140
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [
+      {
+        "__id__": 144
+      }
+    ],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "d21d02f7-24f9-4526-aa6e-4e4784fa6e2c@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 140
+    },
+    "_id": "89v2hcrzhIkLpt8ui1tnAk"
+  },
+  {
+    "__type__": "cc.ClickEvent",
+    "target": {
+      "__id__": 109
+    },
+    "component": "",
+    "_componentId": "d516cyAHxdNNqty3HFAFqeT",
+    "handler": "showLayoutConfig",
+    "customEventData": ""
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 140
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 18,
+    "_target": null,
+    "_left": 0,
+    "_right": 77,
+    "_top": 61.17100000000001,
+    "_bottom": 0,
+    "_horizontalCenter": 137.769,
+    "_verticalCenter": 45.154,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "4aQjA86tZLjrIqsDNTtSNV"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 125
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 300,
+      "height": 120
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "daydrRZPpLm6eiC1gWcVw5"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 125
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "50376ebc-f4d8-44e2-9643-71e831c09cea@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "062MkuojtHVJa3UjJIUoWb"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 125
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 125
+    },
+    "_id": "9bM44YKHpLz51XGLKDbpDH"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 124
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 2340
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e348/b02hFfKasu8xfetKo"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 124
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "adlsTYOlhKoL/0UWKe3vO7"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "top_layout",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 152
+      },
+      {
+        "__id__": 156
+      },
+      {
+        "__id__": 161
+      },
+      {
+        "__id__": 190
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 211
+      },
+      {
+        "__id__": 212
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1170,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "bfdl5ugmxGvaODBBgi7M9g"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "header",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 151
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 153
+      },
+      {
+        "__id__": 154
+      },
+      {
+        "__id__": 155
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "5bSDPpU75L1o7HS30k+xyA"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 152
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 382
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 1
+    },
+    "_id": "bbtMWB23xIXJu7RQGEbRsj"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 152
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 208
+    },
+    "_spriteFrame": {
+      "__uuid__": "543bfb8a-3d3c-4ad5-8477-9a449236b780@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "22etKEZGJBEojuIQ7snLRf"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 152
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 41,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 557,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "67HaGwgvNIs4LZZhKwJ9ac"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnConfig",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 151
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 157
+      },
+      {
+        "__id__": 158
+      },
+      {
+        "__id__": 159
+      },
+      {
+        "__id__": 160
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 480,
+      "y": -60,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "92uViBeBVCt4ut92t4u4bd"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 156
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 97,
+      "height": 97
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "acTA0K5e1JqYTwmRDMdzAS"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 156
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "9eea03c2-086c-49f0-b3bb-6e3836ff436d@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "0a113dmlRO2JxBKB96X+lm"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 156
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 156
+    },
+    "_id": "68N3NKtNREvYQZez7fzclJ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 156
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 34,
+    "_target": null,
+    "_left": 0,
+    "_right": 11.5,
+    "_top": 61.17100000000001,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 40,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "30wEnUQzdLRb7DJrzyTKNJ"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "exp_bar",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 151
+    },
+    "_children": [
+      {
+        "__id__": 162
+      },
+      {
+        "__id__": 166
+      },
+      {
+        "__id__": 169
+      },
+      {
+        "__id__": 173
+      },
+      {
+        "__id__": 177
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 187
+      },
+      {
+        "__id__": 188
+      },
+      {
+        "__id__": 189
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -150,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "abE5H4GwhBbo6tdILZC3PZ"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hp_progress",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 161
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 163
+      },
+      {
+        "__id__": 164
+      },
+      {
+        "__id__": 165
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -480,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "4di/DsB8lAUqMRo1LCmEys"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 162
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 957,
+      "height": 87
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "a68snX4VxNOoC2AZqv70sk"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 162
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "e43d369c-19cb-45af-b9eb-a85c92703423@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 3,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 1,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "997UCOMOtGE5x35nrD85+v"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 162
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 5.5,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "a26RmsklBJcb8oja78yGvO"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Char_EXP_Bar_Frame",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 161
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 167
+      },
+      {
+        "__id__": 168
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "b2EWm0dylL3J2yB+Ho2Wu8"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 166
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 971,
+      "height": 87
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "1btoL/wHFJ9ZpIOwgRDZlP"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 166
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "543dbdec-1eaf-485a-9ee9-81fb32668808@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": false,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "73RuoiXDJJ6qfmSlHc+IEx"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "valueTxt",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 161
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 170
+      },
+      {
+        "__id__": 171
+      },
+      {
+        "__id__": 172
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 139.22900000000004,
+      "y": 4,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ebS4vcwilJIqDp7+fhOURu"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 169
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 82.85995483398438,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "68fnbTx5ZM8KaHquUQ7Niq"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 169
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "10/30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "a119458d-c1d0-4f26-a092-ba477cb18bf8",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "ac2qgYIb1OX4F5mj7ECbIt"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 169
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 624.729,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "f5axG1DKVEk7PYk7dWJFmY"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "expTitle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 161
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 174
+      },
+      {
+        "__id__": 175
+      },
+      {
+        "__id__": 176
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 4,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "1fQY5Cl2hH7IBzIAjuoTB+"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 173
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 122.699951171875,
+      "height": 54.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "07zhcttjNMxZDMMkwBjul7"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 173
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "Exp level X",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "a119458d-c1d0-4f26-a092-ba477cb18bf8",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "6al8g47o9CMZbuDioCMcpV"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 173
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 16,
+    "_target": null,
+    "_left": 176.71755981445312,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "b88lvRfUlFEanhTO0LrDge"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "avatarBg",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 161
+    },
+    "_children": [
+      {
+        "__id__": 178
+      },
+      {
+        "__id__": 181
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 185
+      },
+      {
+        "__id__": 186
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -465,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "17ZdG8aJBNLLrsdUWKqhK4"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "avatarFrame",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 177
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 179
+      },
+      {
+        "__id__": 180
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "c8L9mgZcVCRJLB8V/c9ex8"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 178
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 106,
+      "height": 111
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "a5SewkkBxEsp38HWAnu8AG"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 178
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "8ea60dd1-a911-4ac8-8565-1ca841630422@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": false,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "aaCq3Yqq5OYayPgJETbR1V"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "star",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 177
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 182
+      },
+      {
+        "__id__": 183
+      },
+      {
+        "__id__": 184
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -40,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "c0dMFzF5VMRJgdrgWTIzWi"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 181
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 58,
+      "height": 62
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "8438z6ui9KILIWYinbXMYP"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 181
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "448994d8-e0c2-4973-bbfc-3f990522330e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "5a5qLIAFFEzY2pphC0Ms5w"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 181
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 24,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "65ivTK05RMkL0Kje9CBTaB"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 177
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 106,
+      "height": 106
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "acu0R5W1pLoIXwmLV+iPrS"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 177
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b013ba9e-a38e-4990-8881-b03ec8ab685e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": false,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "caK334rvlBAYyDsVBVn5Xp"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 161
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 971,
+      "height": 87
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "92efZPdQ1HKp+lDVEQuYEJ"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 161
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "83b2b46f-663e-4514-95ba-2632f1b253d2@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "82i80O2E1CkbuEKW7dXaDf"
+  },
+  {
+    "__type__": "2e254MWU8xBRbZinlgblNGM",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 161
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "progressType": 0,
+    "barProgress": {
+      "__id__": 164
+    },
+    "valueTxt": {
+      "__id__": 171
+    },
+    "switchColorValue": 0.4,
+    "normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "warningColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_id": "ebO4t0NdpBt4HjrgewEhdu"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_hp_layout",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 151
+    },
+    "_children": [
+      {
+        "__id__": 191
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 209
+      },
+      {
+        "__id__": 210
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -300,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "23JbwTvmhB7bPuv21Virn1"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "boss_hp_bar",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 190
+    },
+    "_children": [
+      {
+        "__id__": 192
+      },
+      {
+        "__id__": 196
+      },
+      {
+        "__id__": 199
+      },
+      {
+        "__id__": 203
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 206
+      },
+      {
+        "__id__": 207
+      },
+      {
+        "__id__": 208
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "9c9svEY7NLVbe3bUdU/ssX"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hp_progress",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 191
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 193
+      },
+      {
+        "__id__": 194
+      },
+      {
+        "__id__": 195
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -492.5,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "66aXFLplNOUbL1KNe7Fa9G"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 192
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 985,
+      "height": 75
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "3cIcsPLBNGGJtPElEzpPEJ"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 192
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 253,
+      "g": 253,
+      "b": 253,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b5dc93ff-6acb-42e1-b4ac-f179c69f10f1@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 1,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "5d2/kc1otPWYzke5dEePO9"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 192
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "90M9CwzMNMW4dStrQYMFWb"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Boss_Blood_Bar_Frame",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 191
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 197
+      },
+      {
+        "__id__": 198
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "59mL4kMaBFY4obpUJcUZ2e"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 196
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 985,
+      "height": 75
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "65yen25vlCyrDsVpGbAvpy"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 196
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "2488f656-a182-4ab3-99c9-791ebdb75642@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": false,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "7dpYCsgRhGkYAcPE62da3k"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "valueTxt",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 191
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 200
+      },
+      {
+        "__id__": 201
+      },
+      {
+        "__id__": 202
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 2,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "33eOqcxs5Jea+fwl0MeuWY"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 199
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 73.04995727539062,
+      "height": 41.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "f5YwJEbmtATIUZOTteDrJh"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 199
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "10/30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 30,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "a119458d-c1d0-4f26-a092-ba477cb18bf8",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "23zdrHhddMjYW4XSKQ3xh1"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 199
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 455.9750213623047,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "a7w+Kdk4ZKZqHeO4oO4gFF"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bosss_icon",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 191
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 204
+      },
+      {
+        "__id__": 205
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -460,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "fdQRE72wZFap9bZjQ13X+H"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 203
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e43ofQSLdK24lqZDS3L/nq"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 203
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "1c26c4b7-17a9-4741-b70a-a278e8810e77@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "d0kColgq5B/4P5EroBbpty"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 191
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 985,
+      "height": 75
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "0dnzi5su1NDZSJIeql46sN"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 191
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "80fc0e02-09e2-493c-95dc-072b2b4e7758@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "5e8+GlR/JCE5k9qdISNXTF"
+  },
+  {
+    "__type__": "2e254MWU8xBRbZinlgblNGM",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 191
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "progressType": 1,
+    "barProgress": {
+      "__id__": 194
+    },
+    "valueTxt": {
+      "__id__": 201
+    },
+    "switchColorValue": 0.4,
+    "normalColor": {
+      "__type__": "cc.Color",
+      "r": 253,
+      "g": 253,
+      "b": 253,
+      "a": 255
+    },
+    "warningColor": {
+      "__type__": "cc.Color",
+      "r": 250,
+      "g": 250,
+      "b": 250,
+      "a": 255
+    },
+    "_id": "5b4L5xtPZIhZ3xG2Aebvcl"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 190
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "d1kdXnTXFKlYs2jB/pZDHC"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 190
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 4,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": -125,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c0LEkch89N+ZfHWhUOzXIR"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 151
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 200
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 1
+    },
+    "_id": "99vZJWGF9M05Y8f0MbhvXg"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 151
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 41,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "e7Q8LBg3pCxLlX9Mgzw+R6"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "bottom_layout",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 214
+      },
+      {
+        "__id__": 218
+      },
+      {
+        "__id__": 233
+      },
+      {
+        "__id__": 242
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 267
+      },
+      {
+        "__id__": 268
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -1170,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "32fkHZmp5Dp6cBi6+jRDJy"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Sprite",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 213
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 215
+      },
+      {
+        "__id__": 216
+      },
+      {
+        "__id__": 217
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 98,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "e5j6aXFNlIzoN67krvvhKF"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 214
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 196
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "52X85z9yNFXK8TJylxLlq+"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 214
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 160
+    },
+    "_spriteFrame": {
+      "__uuid__": "9af8a641-41eb-46e0-a686-44d17dd5e098@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "44x7DXRs9HqITyWbR0t5gk"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 214
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": -96,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "3e2mwaIL9ITpqQb72ca3j6"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hero_hp_layout",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 213
+    },
+    "_children": [
+      {
+        "__id__": 219
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 231
+      },
+      {
+        "__id__": 232
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 250,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "4dZYJWMgZKmboauV5nmJux"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hero_hp_bar",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 218
+    },
+    "_children": [
+      {
+        "__id__": 220
+      },
+      {
+        "__id__": 224
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 228
+      },
+      {
+        "__id__": 229
+      },
+      {
+        "__id__": 230
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "0eQEWJmi5Mo4k+3H+XA4ck"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hp_progress",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 219
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 221
+      },
+      {
+        "__id__": 222
+      },
+      {
+        "__id__": 223
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -73,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "e9lZ4/+J1DtojOQ+nGfdbK"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 220
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 146,
+      "height": 17
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "7apJF1SyVAEaRL1/wkBKvf"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 220
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 248,
+      "g": 248,
+      "b": 248,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "dd6d9dbd-fafe-4b9e-beda-6e78bed22d75@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 3,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 1,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "acsCtKXRdC8px1otyquQNK"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 220
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "88ojJNx29DpaqJmdNj/ZE3"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "valueTxt",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 219
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 225
+      },
+      {
+        "__id__": 226
+      },
+      {
+        "__id__": 227
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -2,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "739yLFwfFEbpCw9Q4Q8yMV"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 224
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 86.85995483398438,
+      "height": 54.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "085gLBNtJKuaWdiauOmQo2"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 224
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "10/30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "a119458d-c1d0-4f26-a092-ba477cb18bf8",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "e7N/IgUcxPY7iiUaaCPW3B"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 224
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 27.570022583007812,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "08HwGF8QJJgpNIeQPEo9SX"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 219
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 146,
+      "height": 17
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "38ebJUPzND+ZG363cU9+zv"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 219
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "e3f26fcf-d790-440e-b153-a1ffc63011a6@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 2,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "3fOqZA6x5ADaAawEWE2of2"
+  },
+  {
+    "__type__": "2e254MWU8xBRbZinlgblNGM",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 219
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "progressType": 0,
+    "barProgress": {
+      "__id__": 222
+    },
+    "valueTxt": {
+      "__id__": 226
+    },
+    "switchColorValue": 0.4,
+    "normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "warningColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_id": "8bzSdfN/9CN4dcF2TwfA5V"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 218
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "b3p5Y508ZGx7nvext0nGaR"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 218
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 4,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 225,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c5IhwAkfxDlYWySLuqWpsD"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnFPS",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 213
+    },
+    "_children": [
+      {
+        "__id__": 234
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 237
+      },
+      {
+        "__id__": 238
+      },
+      {
+        "__id__": 239
+      },
+      {
+        "__id__": 240
+      },
+      {
+        "__id__": 241
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 515,
+      "y": 25,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "11o+VaU3VO0IzEX0gA5jRb"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 233
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 235
+      },
+      {
+        "__id__": 236
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "efyqoLPYFIlbuCu65KT13B"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 234
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "bbx2x+DN5E5KqcIqD6Jcp7"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 234
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "ON",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 2,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "d0Vqvo0gJA8a7p9ZPmoJPq"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 233
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "3bKFPpFaVPeYKrdmvrSwMR"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 233
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "bbkMVAADRE2IcaQFMbKu2x"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 233
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 2,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 233
+    },
+    "_id": "28OuBQRaFPEYmTafEZR0PR"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 233
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 36,
+    "_target": null,
+    "_left": 0,
+    "_right": 5,
+    "_top": 27.572000000000003,
+    "_bottom": 5,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "83xj3VW8dMc6WYpekdvwDi"
+  },
+  {
+    "__type__": "36e94YOAkBETo4PW0o7QTcr",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 233
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "spfBtn": {
+      "__id__": 239
+    },
+    "physicBtn": {
+      "__id__": 138
+    },
+    "title": {
+      "__id__": 236
+    },
+    "_id": "6dIE+O+R9N66GtP1pX5PUn"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill_special",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 213
+    },
+    "_children": [
+      {
+        "__id__": 243
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 263
+      },
+      {
+        "__id__": 264
+      },
+      {
+        "__id__": 265
+      },
+      {
+        "__id__": 266
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -519.1800000000001,
+      "y": 149.319,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "7bvhct0xNCxpd/b1vuFBDs"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "container",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 242
+    },
+    "_children": [
+      {
+        "__id__": 244
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 260
+      },
+      {
+        "__id__": 261
+      },
+      {
+        "__id__": 262
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "1dNPsBu7JBjb0Z/Wld4lqB"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill_item",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 243
+    },
+    "_children": [
+      {
+        "__id__": 245
+      },
+      {
+        "__id__": 249
+      },
+      {
+        "__id__": 253
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 257
+      },
+      {
+        "__id__": 258
+      },
+      {
+        "__id__": 259
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 25,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8ffcm+1HFFcqODODyYCtKn"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "icon",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 244
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 246
+      },
+      {
+        "__id__": 247
+      },
+      {
+        "__id__": 248
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "89X6AzBcpHVpBDRZMLzxY5"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 245
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 50,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "45TQ9LzjRBNprCw+2uGtHk"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 245
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "79J8ojWfFMmJPH1cCsH7wP"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 245
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "18FDJoo6tDoKnDEs5nXlFc"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "name",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 244
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 250
+      },
+      {
+        "__id__": 251
+      },
+      {
+        "__id__": 252
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "e3wKVQn/BHar5tHYnFnR0x"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 249
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 50,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e92WlvpmFH0oqlln47MXNy"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 249
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Skill 1",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 18,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 2,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "bf2EJ32LpJo5+XBf2nHsJY"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 249
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 89.49992370605469,
+    "_originalHeight": 110.8,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "8f0us80IVEDJ5N1X75RRR8"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "progress",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 244
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 254
+      },
+      {
+        "__id__": 255
+      },
+      {
+        "__id__": 256
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "1azbVOm/9EK68bFCe6eZVf"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 253
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 50,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "9dwqb4b8JGdYCwL4+lR7hK"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 253
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 120
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 3,
+    "_fillType": 2,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_fillStart": 0.25,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "19cl+AHulLaYHk+dvkDoeB"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 253
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "b02zHuZZBE54CIFl0mV5i2"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 244
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 50,
+      "height": 50
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "ab7IpHMGVFQoz+tqlTKt7O"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 244
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": null,
+    "_id": "58wJU6h25Ok6UXW0j7VyT8"
+  },
+  {
+    "__type__": "0dd7eAcoWNH1Iyl2L6aj6iY",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 244
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "btnUse": {
+      "__id__": 258
+    },
+    "icon": {
+      "__id__": 247
+    },
+    "progress": {
+      "__id__": 255
+    },
+    "nameTxt": {
+      "__id__": 251
+    },
+    "_id": "faLGI+zvFE4KR0N07FsyA8"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 243
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "eaLKK2zQBHdY/clKuPI8bI"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 243
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_resizeMode": 0,
+    "_layoutType": 1,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 0,
+    "_paddingRight": 0,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 20,
+    "_spacingY": 0,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": false,
+    "_id": "35ddHz5WVBhYFaJ04vFFSw"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 243
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 9,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "aa7/sD8XJIVr+B1zO/0UD/"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 242
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "83A6p5T7RNVIq4Eb/5aH1D"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 242
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_resizeMode": 0,
+    "_layoutType": 1,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 0,
+    "_paddingRight": 0,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 20,
+    "_spacingY": 0,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": false,
+    "_id": "47M7VCqW9F7Lrs9p8Rg5a2"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 242
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 9,
+    "_target": null,
+    "_left": 20.819999999999993,
+    "_right": 0,
+    "_top": -99.31899999999999,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "bb6/qgf4BNuJ1srq77KarL"
+  },
+  {
+    "__type__": "c2c896L0w9BLry7sSG47B/8",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 242
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "container": {
+      "__id__": 243
+    },
+    "skillItemPrefab": {
+      "__id__": 244
+    },
+    "_id": "446i7bZ1FKDpzOdNQ5PIWu"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 213
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0
+    },
+    "_id": "01uZnhWVpFr7S2ssXkvzYL"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 213
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 44,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c8k6PHufRGsolH7OutmpKE"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "game_win",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 270
+      },
+      {
+        "__id__": 274
+      },
+      {
+        "__id__": 278
+      },
+      {
+        "__id__": 286
+      },
+      {
+        "__id__": 289
+      },
+      {
+        "__id__": 292
+      },
+      {
+        "__id__": 295
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 298
+      },
+      {
+        "__id__": 299
+      },
+      {
+        "__id__": 300
+      },
+      {
+        "__id__": 301
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "24Zrg+9OFPmJdqB/VkGL4L"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "BG",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 269
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 271
+      },
+      {
+        "__id__": 272
+      },
+      {
+        "__id__": 273
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "48fO1DohtKTbJ8d7RdIJSB"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 270
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "bdAWl4eatESpki6+buK3q5"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 270
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 87,
+      "g": 195,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "b3Hxib83BBWITq2yC5+YDp"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 270
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "5fKek2txFIr7gF+nMr5Qp5"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 269
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 275
+      },
+      {
+        "__id__": 276
+      },
+      {
+        "__id__": 277
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 595.887,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "34yY17vm1H47yEkqFC6aen"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 274
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 393.87994384765625,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "16bE19iSJGrq2SDO0sSLRA"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 274
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "YOU WIN!",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 80,
+    "_fontSize": 80,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "21o6iqJnpCrrtIMpVAIRjR"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 274
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 1,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 244.71300000000008,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "57v2fcvSBEjLEZucTOlgsN"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnPlay",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 269
+    },
+    "_children": [
+      {
+        "__id__": 279
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 282
+      },
+      {
+        "__id__": 283
+      },
+      {
+        "__id__": 284
+      },
+      {
+        "__id__": 285
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -163.68200000000002,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "27qKCOLc1Ps5N5IJMCoLLt"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 278
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 280
+      },
+      {
+        "__id__": 281
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "70qSXBfQlNbpSerN+FWe28"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 279
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "adpgcygNBGD74ugaWwPeG+"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 279
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "NEW GAME",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 171,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "caJYd3W1FCrKU+bG8fL5Yn"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 278
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 80
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "96SywJY81HPYU6WarwF9a9"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 278
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "50376ebc-f4d8-44e2-9643-71e831c09cea@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "34sVB+495EbqfWA71j0HhO"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 278
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "50376ebc-f4d8-44e2-9643-71e831c09cea@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 278
+    },
+    "_id": "54FEruzbdNuoHAf3UcyHIQ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 278
+    },
+    "_enabled": false,
+    "__prefab": null,
+    "_alignFlags": 20,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 702.318,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "b4tgqmIC9P07AVZMl2q3ZD"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtLevel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 269
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 287
+      },
+      {
+        "__id__": 288
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 403.323,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "9dzhF2LDFKj5rVm64xuf5b"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 286
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 279.2998352050781,
+      "height": 106.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "bfK/fH40BCcpgbx4/JF3os"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 286
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Reward Level X",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "acsGERAc1PWLezTeV3DMfu"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtExp",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 269
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 290
+      },
+      {
+        "__id__": 291
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 305.2550000000001,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "aaFi3LzUBNGo7B1HpC/Bcw"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 289
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 88.36495971679688,
+      "height": 106.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "6aAnOzGeVGILiDCmXD/0dD"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 289
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Exp: 0",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "8bu98Ku9NFUrIxCqj7X3N9"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtCoin",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 269
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 293
+      },
+      {
+        "__id__": 294
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 235.51749999999993,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "cddTTBoy5Di4wXaILsjEsm"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 292
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 99.71995544433594,
+      "height": 106.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "4fzdt/SQBE0JILyEO0dd9s"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 292
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Coin: 0",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "afAAJQcK5ARIgjIO2qn4UE"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtReward",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 269
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 296
+      },
+      {
+        "__id__": 297
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 165.77999999999997,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "4btjEMMUFDGbZO01aowq6T"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 295
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 139.42489624023438,
+      "height": 106.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "59BfmpBLNIA7yRLzN+4cx6"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 295
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Reward: 0",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "2cgkFt/JZMxaSxJG4M6HzI"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 269
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "90OjBcTatCcLv9FhXLZg7P"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 269
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "3d56mLTlhIp7yBHssYT98s"
+  },
+  {
+    "__type__": "cc.BlockInputEvents",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 269
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "afNp+XZlxL0Lc0f4z10O17"
+  },
+  {
+    "__type__": "afbe4rGBzJJy7O5NsZdsd9p",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 269
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "btnPlay": {
+      "__id__": 284
+    },
+    "txtLevel": {
+      "__id__": 288
+    },
+    "txtExp": {
+      "__id__": 291
+    },
+    "txtCoin": {
+      "__id__": 294
+    },
+    "txtReward": {
+      "__id__": 297
+    },
+    "_id": "16jz3+gB9Kyp8uUbH+KjZx"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "game_lose",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 303
+      },
+      {
+        "__id__": 307
+      },
+      {
+        "__id__": 311
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 319
+      },
+      {
+        "__id__": 320
+      },
+      {
+        "__id__": 321
+      },
+      {
+        "__id__": 322
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "0dA2qcg+JFYLZCHfovBwx9"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "BG",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 302
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 304
+      },
+      {
+        "__id__": 305
+      },
+      {
+        "__id__": 306
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "10pQuOVpxNJ591SgmMy9MT"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 303
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792.0000000000002
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "75eNVLeXdK+pgCcqYSsdew"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 303
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 199,
+      "b": 167,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "09hvUZrKlBX5LMwXfRDZG0"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 303
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "3943vjYGZDFobQC7EqX6Av"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 302
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 308
+      },
+      {
+        "__id__": 309
+      },
+      {
+        "__id__": 310
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "4dlQW7IPVK5YOjzr4HcqYr"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 307
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 418.4799499511719,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "a5govJHHZKfL4xIp8oZxQ/"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 307
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "YOU LOSE!",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 80,
+    "_fontSize": 80,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "bd0d7hMaZH+JSkZMJJ0HLF"
+  },
+  {
+    "__type__": "cc.LabelOutline",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 307
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "38m46/LjJGWqVbnWxi1dGD"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnPlay",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 302
+    },
+    "_children": [
+      {
+        "__id__": 312
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 315
+      },
+      {
+        "__id__": 316
+      },
+      {
+        "__id__": 317
+      },
+      {
+        "__id__": 318
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -163.68200000000002,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "019X/tNrFLA7ao1zOGGaZF"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 311
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 313
+      },
+      {
+        "__id__": 314
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "db/dzOesBIzapU5DLE1JIO"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 312
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "3bzl1py9tMRZSTXUzmDDwh"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 312
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "REPLAY",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "d6mRcpPOZMLZLeXsUvy7AU"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 311
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "78fpjtdZ5DdZenm09xWgbd"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 311
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "42+cTk9jJA96Hzp5qmM4vz"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 311
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 311
+    },
+    "_id": "4aECyOzrJPYYfm6eKjA3rc"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 311
+    },
+    "_enabled": false,
+    "__prefab": null,
+    "_alignFlags": 20,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 702.318,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "72Je8lgv1PFInS0+oco7dc"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 302
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792.0000000000002
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "acIT30vEFAoZ/hVvZa/HRQ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 302
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c4Z/AxyEBH/7x3JE8jrYIc"
+  },
+  {
+    "__type__": "cc.BlockInputEvents",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 302
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "8d+A62TehKN4wOk7Vam6Pr"
+  },
+  {
+    "__type__": "113f0/o3g1I0a+FxZt0iWt6",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 302
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "btnPlay": {
+      "__id__": 317
+    },
+    "_id": "96rpvRBiRBh7cYQuJ8tc3V"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "HeroSliderSpeed",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 324
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 328
+      },
+      {
+        "__id__": 329
+      },
+      {
+        "__id__": 330
+      },
+      {
+        "__id__": 331
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 394,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "928r94aZBJDpoiId06b4M3"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Handle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 323
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 325
+      },
+      {
+        "__id__": 326
+      },
+      {
+        "__id__": 327
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -60,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "90xSuvqAtNaZkLuO91wCkz"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 324
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "92nvlFbZVAQpEx6UxNCt9i"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 324
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "a5HXNBUYZPnZhWNu5dkQM8"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 324
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 0,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 324
+    },
+    "_id": "858fcVxmxIkIjvM8FXEJL4"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 323
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 20,
+      "height": 300
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "27U81GRd1KoaqEFtgSdXCc"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 323
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "28765e2f-040a-4c65-8e8c-f9d0bb79d863@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "600J1gVexEjImRrlmFAFY2"
+  },
+  {
+    "__type__": "56e81n09bJIXYAtn6mlOTDi",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 323
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slideEvents": [],
+    "_handle": {
+      "__id__": 326
+    },
+    "_direction": 1,
+    "_progress": 0.3,
+    "bg": null,
+    "_id": "85PI9/gftIcpJUgsqkhoMO"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 323
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 32,
+    "_target": null,
+    "_left": 0,
+    "_right": 10,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "a3aZOAXqVCRZ+UWUec9fPk"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "QuickConfigData",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 333
+      },
+      {
+        "__id__": 337
+      },
+      {
+        "__id__": 461
+      },
+      {
+        "__id__": 469
+      },
+      {
+        "__id__": 477
+      },
+      {
+        "__id__": 481
+      },
+      {
+        "__id__": 489
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 493
+      },
+      {
+        "__id__": 494
+      },
+      {
+        "__id__": 495
+      },
+      {
+        "__id__": 496
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "20oCP/X/9GiqtrwY5Ir/1v"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "BG",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 332
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 334
+      },
+      {
+        "__id__": 335
+      },
+      {
+        "__id__": 336
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "320MZEI2FHiYZI4XqSdowD"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 333
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "aevsaKBL9Db6o1ed3rkL0g"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 333
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "a1mVnV4FZM0JP5he8SHEry"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 333
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "14EvE9H8xJSZICPj2jpePJ"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Content",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 332
+    },
+    "_children": [
+      {
+        "__id__": 338
+      },
+      {
+        "__id__": 358
+      },
+      {
+        "__id__": 378
+      },
+      {
+        "__id__": 398
+      },
+      {
+        "__id__": 418
+      },
+      {
+        "__id__": 438
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 458
+      },
+      {
+        "__id__": 459
+      },
+      {
+        "__id__": 460
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 536.774,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "d8YcvPJZZLUplgoG6GmtsL"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "shooting_range",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 337
+    },
+    "_children": [
+      {
+        "__id__": 339
+      },
+      {
+        "__id__": 347
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 356
+      },
+      {
+        "__id__": 357
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -75,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "c4s3sgGPpC9aqKXQP0tneC"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 338
+    },
+    "_children": [
+      {
+        "__id__": 340
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 344
+      },
+      {
+        "__id__": 345
+      },
+      {
+        "__id__": 346
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -225,
+      "y": 46.044,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "4cQBWVG0RK2aA21rX+jigs"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Value",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 339
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 341
+      },
+      {
+        "__id__": 342
+      },
+      {
+        "__id__": 343
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 224.34490966796875,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "6ff+PTwqlJzJ9BXywdA+f/"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 340
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 34.79998779296875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "71kPkhKdVKzrhlcCD1guLb"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 340
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "04Kg+dYjNLdrTPdOctV3Kh"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 340
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 32,
+    "_target": null,
+    "_left": 211.519,
+    "_right": -50,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "0202jUB0tNh4BLKaoNrjyx"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 339
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 209.1448974609375,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "90HRI0xi1E+Jp9bVaoE9F2"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 339
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Shooting range:",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "85jMG8H4FG1YwfVXsHY9WY"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 339
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "1btF4ZjZRKKZZvQVPEl+IN"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Slider",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 338
+    },
+    "_children": [
+      {
+        "__id__": 348
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 352
+      },
+      {
+        "__id__": 353
+      },
+      {
+        "__id__": 354
+      },
+      {
+        "__id__": 355
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -24.83699999999999,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "b3FGk4ZmBEjaDxFpzUfJhV"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Handle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 347
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 349
+      },
+      {
+        "__id__": 350
+      },
+      {
+        "__id__": 351
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -120,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "2fwsTtkANElrKviLKb/wtm"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 348
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "bftYdwymJIUo/cK0duI3A0"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 348
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "c59Tg+g4dCRrZX8PcX68iW"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 348
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 0,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 348
+    },
+    "_id": "61tA/yF6tDprVB01XjjUNs"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 347
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 400,
+      "height": 20
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "f5PCypOotPMqUIMYuyGjzt"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 347
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "28765e2f-040a-4c65-8e8c-f9d0bb79d863@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "6fVh4AevZJXaWfd8oMpsBZ"
+  },
+  {
+    "__type__": "cc.Slider",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 347
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slideEvents": [],
+    "_handle": {
+      "__id__": 350
+    },
+    "_direction": 0,
+    "_progress": 0.1,
+    "_id": "20+3HLD+VKfL64PsBEgWGV"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 347
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0.16300000000001091,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "e0E3tlhVFBgJEu0kujC2ce"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 338
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 450,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "ecr4xgt3lB/raGu3WjfiT7"
+  },
+  {
+    "__type__": "82016s1chJJ4p9hToXIP9d/",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 338
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slider": {
+      "__id__": 354
+    },
+    "valueTxt": {
+      "__id__": 342
+    },
+    "maxValue": 50,
+    "minValue": 5,
+    "roundDigits": 0,
+    "_id": "00qNvpu/VEqoH5Wp69KRzU"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "shooting_pending",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 337
+    },
+    "_children": [
+      {
+        "__id__": 359
+      },
+      {
+        "__id__": 367
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 376
+      },
+      {
+        "__id__": 377
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -225,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "4eSwHhhJ5Ni6hRhH/iVdhM"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 358
+    },
+    "_children": [
+      {
+        "__id__": 360
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 364
+      },
+      {
+        "__id__": 365
+      },
+      {
+        "__id__": 366
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -225,
+      "y": 46.044,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "78HsXdnV1BJq8ck6X99Da8"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Value",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 359
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 361
+      },
+      {
+        "__id__": 362
+      },
+      {
+        "__id__": 363
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 393.03485107421875,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "76Ty7FeBVPXYrTBBFXjw9Z"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 360
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 34.79998779296875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "85NOgTxpJHVqYshZFFx6TY"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 360
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "3fk6a7V5tJR6mnnXOm4f98"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 360
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 32,
+    "_target": null,
+    "_left": 211.519,
+    "_right": -50,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "aez1Ju0ORKy4pCceBCcWQT"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 359
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 377.8348388671875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "48xwQ0o31CnaZUTsG748eu"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 359
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Shooting Pending Time(ms): ",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "89xA2FkTBIFKvRv39540Ue"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 359
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "aaGnC26IlLibUBfVJtJJu8"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Slider",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 358
+    },
+    "_children": [
+      {
+        "__id__": 368
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 372
+      },
+      {
+        "__id__": 373
+      },
+      {
+        "__id__": 374
+      },
+      {
+        "__id__": 375
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -24.83699999999999,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "aaSJuLmBZAkJCisy0kg1wP"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Handle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 367
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 369
+      },
+      {
+        "__id__": 370
+      },
+      {
+        "__id__": 371
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -120,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "79q6JoloFJobv5GoLNfIUY"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 368
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "203hvfRjpE/IOhTYdDUNwW"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 368
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "28xnz1K/BHmKnNZppqAN5L"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 368
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 0,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 368
+    },
+    "_id": "c17G573iVE6Z3ALlGbagYl"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 367
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 400,
+      "height": 20
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e9H7AJlc5Np4WVqn4Eee+E"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 367
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "28765e2f-040a-4c65-8e8c-f9d0bb79d863@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "14obRnQyBMJoDQtLtjVWf5"
+  },
+  {
+    "__type__": "cc.Slider",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 367
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slideEvents": [],
+    "_handle": {
+      "__id__": 370
+    },
+    "_direction": 0,
+    "_progress": 0.1,
+    "_id": "d8+dfsqYtKAaRG0q25HaB9"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 367
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0.16300000000001091,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "5d+GUh1ahB1Id8Hoey334h"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 358
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 450,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "4am/K9vqJByK3Vme6rr4AK"
+  },
+  {
+    "__type__": "82016s1chJJ4p9hToXIP9d/",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 358
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slider": {
+      "__id__": 374
+    },
+    "valueTxt": {
+      "__id__": 362
+    },
+    "maxValue": 4000,
+    "minValue": 300,
+    "roundDigits": 0,
+    "_id": "fbwNxiA0RHzohCoxrDcipo"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "shoot_speed",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 337
+    },
+    "_children": [
+      {
+        "__id__": 379
+      },
+      {
+        "__id__": 387
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 396
+      },
+      {
+        "__id__": 397
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -375,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "2adf3lKdZL/rVtbNuWtHvC"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 378
+    },
+    "_children": [
+      {
+        "__id__": 380
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 384
+      },
+      {
+        "__id__": 385
+      },
+      {
+        "__id__": 386
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -225,
+      "y": 46.044,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "70KbYyMEpDI7H544lK8kiO"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Value",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 379
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 381
+      },
+      {
+        "__id__": 382
+      },
+      {
+        "__id__": 383
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 239.17990112304688,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "a2ykQtxRFMNJg58LSJN9qz"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 380
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 34.79998779296875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "8cPZS6WztGpZPnLmBTmvyt"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 380
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "a48RObGP1KJ5fNJVHYbgTK"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 380
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 32,
+    "_target": null,
+    "_left": 211.519,
+    "_right": -50,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "95ObjB8vRGeJtwOFEb+NuV"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 379
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 223.97988891601562,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "11hmJZzLBL8b+Mzgw907ox"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 379
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Shooting Speed: ",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "13m3tw65RMILmxuNtO+a9A"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 379
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "49ImeExcNOPbmz7hpg/bSv"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Slider",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 378
+    },
+    "_children": [
+      {
+        "__id__": 388
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 392
+      },
+      {
+        "__id__": 393
+      },
+      {
+        "__id__": 394
+      },
+      {
+        "__id__": 395
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -24.83699999999999,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "f1JnK8Ha1Jq548axBpUPzr"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Handle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 387
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 389
+      },
+      {
+        "__id__": 390
+      },
+      {
+        "__id__": 391
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -120,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "f4fIIsIPJHJa0Ird2N4IBt"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 388
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "62PQhMrypNK59zXxj6vvTv"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 388
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "d3yoDztQxPq7LXJAcfBpRK"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 388
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 0,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 388
+    },
+    "_id": "a9tieq4YlCe5aWgHJ9p2WF"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 387
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 400,
+      "height": 20
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "20uTqtjohFv5Lmr56ouZOP"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 387
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "28765e2f-040a-4c65-8e8c-f9d0bb79d863@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "20xg+TfZ5MKqR+/YQC0W1C"
+  },
+  {
+    "__type__": "cc.Slider",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 387
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slideEvents": [],
+    "_handle": {
+      "__id__": 390
+    },
+    "_direction": 0,
+    "_progress": 0.1,
+    "_id": "77d05CL5dNqISHn7URE5hW"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 387
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0.16300000000001091,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c0jqE+PpdAIrRru0WQbz4Z"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 378
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 450,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "56tp1KTz9OjYoE7Yw2VoRd"
+  },
+  {
+    "__type__": "82016s1chJJ4p9hToXIP9d/",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 378
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slider": {
+      "__id__": 394
+    },
+    "valueTxt": {
+      "__id__": 382
+    },
+    "maxValue": 30,
+    "minValue": 1,
+    "roundDigits": 0,
+    "_id": "54fwJCg9NAHIea4+fsXenI"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "damage",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 337
+    },
+    "_children": [
+      {
+        "__id__": 399
+      },
+      {
+        "__id__": 407
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 416
+      },
+      {
+        "__id__": 417
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -525,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "bc9oYBKcdL1p6TXetn82xi"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 398
+    },
+    "_children": [
+      {
+        "__id__": 400
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 404
+      },
+      {
+        "__id__": 405
+      },
+      {
+        "__id__": 406
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -225,
+      "y": 46.044,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ed7bdRHWlNZbcAiQfnGrkW"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Value",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 399
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 401
+      },
+      {
+        "__id__": 402
+      },
+      {
+        "__id__": 403
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 139.8199462890625,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "a5yeNQevRJOYMAXcb51b55"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 400
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 34.79998779296875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "bdTPXAZgBDEYhZMFVPKscf"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 400
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "29bMkFcWNPyodR52zhd1xZ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 400
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 32,
+    "_target": null,
+    "_left": 211.519,
+    "_right": -50,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "80BtNByNpEhrLbHDhLpDGX"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 399
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 124.61993408203125,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "03dEPQmLZMp4/OubG6s8ka"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 399
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Damage: ",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "6c4w4BZutC0YLYIf0KoXy/"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 399
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c4HiWpquxCNI2h0n5uzV0E"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Slider",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 398
+    },
+    "_children": [
+      {
+        "__id__": 408
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 412
+      },
+      {
+        "__id__": 413
+      },
+      {
+        "__id__": 414
+      },
+      {
+        "__id__": 415
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -24.83699999999999,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "2eU53wxQZLXa7wj4h/5XKn"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Handle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 407
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 409
+      },
+      {
+        "__id__": 410
+      },
+      {
+        "__id__": 411
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -120,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "6cxu/Fp+pPA6hqppv73tRW"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 408
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "77dL17A6dNdpsgLFNrzB5C"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 408
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "61k+pUWVBAgrIVSjKu6ycC"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 408
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 0,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 408
+    },
+    "_id": "92y3LqUZ5COo7i1blnuOJO"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 407
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 400,
+      "height": 20
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "0aDbm/s61MWa6RYzNI62yY"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 407
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "28765e2f-040a-4c65-8e8c-f9d0bb79d863@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "feU3dyJitGuJL4zGpVgH9i"
+  },
+  {
+    "__type__": "cc.Slider",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 407
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slideEvents": [],
+    "_handle": {
+      "__id__": 410
+    },
+    "_direction": 0,
+    "_progress": 0.1,
+    "_id": "94EY+PUIlLI7xN0U+aSYa5"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 407
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0.16300000000001091,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "dekkfWSv1J/rAo4QtmfO4z"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 398
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 450,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "27JynHoOJFXaPhg7hhwsU6"
+  },
+  {
+    "__type__": "82016s1chJJ4p9hToXIP9d/",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 398
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slider": {
+      "__id__": 414
+    },
+    "valueTxt": {
+      "__id__": 402
+    },
+    "maxValue": 100,
+    "minValue": 1,
+    "roundDigits": 0,
+    "_id": "61/hD3Qf5E/579EU8pHq1R"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "hp",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 337
+    },
+    "_children": [
+      {
+        "__id__": 419
+      },
+      {
+        "__id__": 427
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 436
+      },
+      {
+        "__id__": 437
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -675,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8fAU4Coz1EoYJTOT9JMQS0"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 418
+    },
+    "_children": [
+      {
+        "__id__": 420
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 424
+      },
+      {
+        "__id__": 425
+      },
+      {
+        "__id__": 426
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -225,
+      "y": 46.044,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "e5vU08H7RPy5skibRyF7X2"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Value",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 419
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 421
+      },
+      {
+        "__id__": 422
+      },
+      {
+        "__id__": 423
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 71.89997863769531,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "87PjdgudtJ272vQp97O0L5"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 420
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 34.79998779296875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "18dHkgivBGOYV5sf9iBmqD"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 420
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "f75ugeGr5KeZ4+Ez1TjeMh"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 420
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 32,
+    "_target": null,
+    "_left": 211.519,
+    "_right": -50,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "beCHiozA1DrYIjq7FL/OmS"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 419
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 56.69996643066406,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "42yCL511tJUILkegTRBSGQ"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 419
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "HP: ",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "6fk3o52DRCi7mfvdm3UqN1"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 419
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "b87d9TOrpCSYGFeHDmNPnH"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Slider",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 418
+    },
+    "_children": [
+      {
+        "__id__": 428
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 432
+      },
+      {
+        "__id__": 433
+      },
+      {
+        "__id__": 434
+      },
+      {
+        "__id__": 435
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -24.83699999999999,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "84uGapuwxCyqPAKQRS6zbD"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Handle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 427
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 429
+      },
+      {
+        "__id__": 430
+      },
+      {
+        "__id__": 431
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -120,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "daHeFr5JxBnbLr3OJ7O9UK"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 428
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "3cPdisSVZADKziGcwyijC2"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 428
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "a3qLEN+8lAvLbBDFjJV098"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 428
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 0,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 428
+    },
+    "_id": "f2wC+oJcBMAoOzqgu9PxYi"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 427
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 400,
+      "height": 20
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "33hYHQbmdJIbh5vHdc3dMu"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 427
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "28765e2f-040a-4c65-8e8c-f9d0bb79d863@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "51OE8RJYVHnpc0EK8eyD00"
+  },
+  {
+    "__type__": "cc.Slider",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 427
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slideEvents": [],
+    "_handle": {
+      "__id__": 430
+    },
+    "_direction": 0,
+    "_progress": 0.1,
+    "_id": "8a/2j8iW9DkoP0tGm5V1up"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 427
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0.16300000000001091,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "264BWiTvZFZKqdlTQgkPuU"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 418
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 450,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "86LmdmrZRI1ZeJAqaj8w6H"
+  },
+  {
+    "__type__": "82016s1chJJ4p9hToXIP9d/",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 418
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slider": {
+      "__id__": 434
+    },
+    "valueTxt": {
+      "__id__": 422
+    },
+    "maxValue": 1000,
+    "minValue": 10,
+    "roundDigits": 0,
+    "_id": "64ClGO6MhFZrdov/aCspNE"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "mana-time",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 337
+    },
+    "_children": [
+      {
+        "__id__": 439
+      },
+      {
+        "__id__": 447
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 456
+      },
+      {
+        "__id__": 457
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -825,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "e7rYamULtHRJr8z9teHH/N"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 438
+    },
+    "_children": [
+      {
+        "__id__": 440
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 444
+      },
+      {
+        "__id__": 445
+      },
+      {
+        "__id__": 446
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -225,
+      "y": 46.044,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "30pyioFB9H3ZHmljpYWlzS"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Value",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 439
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 441
+      },
+      {
+        "__id__": 442
+      },
+      {
+        "__id__": 443
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 296.6898193359375,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "2eGuUWCnRLTpV7nK44dqcZ"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 440
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 34.79998779296875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "b4EEjrT3FHmZBVY/ZcK6Ax"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 440
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "30",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "c3t6oay1ZPoqnzcJttD5k7"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 440
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 32,
+    "_target": null,
+    "_left": 211.519,
+    "_right": -50,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "d00FdlDxVDRaxDps077Bbc"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 439
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 281.48980712890625,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0.5
+    },
+    "_id": "dcXczN5GhILqGyydbpreWz"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 439
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Mana recovery time: ",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "7aervCmiRHxqsjSHlLmOUF"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 439
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "f8Gf+MM5NNmqJEHhocgdxU"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Slider",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 438
+    },
+    "_children": [
+      {
+        "__id__": 448
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 452
+      },
+      {
+        "__id__": 453
+      },
+      {
+        "__id__": 454
+      },
+      {
+        "__id__": 455
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -24.83699999999999,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "c2WbThXtBNIYAArIF8zAV+"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Handle",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 447
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 449
+      },
+      {
+        "__id__": 450
+      },
+      {
+        "__id__": 451
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -120,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "85VslsKsRLtZGJmLmQBnwt"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 448
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 32,
+      "height": 32
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "b8hnj5WXdGQbO2VQwiP+e7"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 448
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "a5t44GL+ZMyJI+S2CwRXsh"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 448
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 0,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "f12a23c4-b924-4322-a260-3d982428f1e8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 448
+    },
+    "_id": "ceaUUSDklAqavvnvHd3XvA"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 447
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 400,
+      "height": 20
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "a083u/66dADq+qFR77f2N4"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 447
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "28765e2f-040a-4c65-8e8c-f9d0bb79d863@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "c7HAjsfgdHTJTIB5fn0qAo"
+  },
+  {
+    "__type__": "cc.Slider",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 447
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slideEvents": [],
+    "_handle": {
+      "__id__": 450
+    },
+    "_direction": 0,
+    "_progress": 0.1,
+    "_id": "33fzk59QBFcZZOEBoVwyOH"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 447
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 8,
+    "_target": null,
+    "_left": 0.16300000000001091,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "3dhkqz1WNE6LvTxHLX2Hki"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 438
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 450,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "6fpug/buVNzr77MjzSe8D1"
+  },
+  {
+    "__type__": "82016s1chJJ4p9hToXIP9d/",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 438
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "slider": {
+      "__id__": 454
+    },
+    "valueTxt": {
+      "__id__": 442
+    },
+    "maxValue": 120,
+    "minValue": 5,
+    "roundDigits": 0,
+    "_id": "b8na/EvL5HT6Al29L1nGyj"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 337
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 1
+    },
+    "_id": "cehpA1519Gv5ORtGeA2XSp"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 337
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 1,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 359.226,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "96kfwyTLlC0YW1IWemDPfZ"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 337
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_resizeMode": 0,
+    "_layoutType": 2,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 0,
+    "_paddingRight": 0,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 0,
+    "_spacingY": 0,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": false,
+    "_id": "1fH6QCCR5FsYmtIal6cTWA"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnOk",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 332
+    },
+    "_children": [
+      {
+        "__id__": 462
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 465
+      },
+      {
+        "__id__": 466
+      },
+      {
+        "__id__": 467
+      },
+      {
+        "__id__": 468
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 135,
+      "y": -808.261,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "b7bHghsE9Fg4FIZunUBiDK"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 461
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 463
+      },
+      {
+        "__id__": 464
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8aZy3ZpIFHdYCUU5L5a0II"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 462
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 48.80497741699219,
+      "height": 54.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "6eNu3e1fBCb7UvjJx/uhaa"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 462
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "OK",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "61Hg6WTwVM7JiQ6YyH47Rd"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 461
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 80
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "2auD5ULY5HiL8SlhIrWac3"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 461
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "91750073-2c2d-467d-a86f-8327809ce4c7@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "1aO77GgqNA27dk3jn37UQs"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 461
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 461
+    },
+    "_id": "98QidGnKNBCInVQbbGtD5X"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 461
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 4,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 47.73900000000003,
+    "_horizontalCenter": 125,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "52ozJ6yidGtpgbeIrOJlZk"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnCancel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 332
+    },
+    "_children": [
+      {
+        "__id__": 470
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 473
+      },
+      {
+        "__id__": 474
+      },
+      {
+        "__id__": 475
+      },
+      {
+        "__id__": 476
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -135,
+      "y": -808.261,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "c5zRu4PElPg5gt0iVd41Qt"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 469
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 471
+      },
+      {
+        "__id__": 472
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "83IY/XWVZInL2g7bkdDuYc"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 470
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 120.47494506835938,
+      "height": 54.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e9OaiwvR1MhprjkylECstj"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 470
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "CANCEL",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "62dtQ97Z9NMoD0mLD3bt9h"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 469
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 80
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "08QihIomNC6ap0YnHmvLlW"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 469
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "8abc7965-d8f5-450d-a2e1-991702e7c975@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "7egJKVs5NHIY4xzZFHKLGN"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 469
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 469
+    },
+    "_id": "a6PWr3ri1D57T9K/InzT+w"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 469
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 4,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 47.73900000000003,
+    "_horizontalCenter": 125,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "5cbB/ggotAt7gCN1VPp9Jn"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 332
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 478
+      },
+      {
+        "__id__": 479
+      },
+      {
+        "__id__": 480
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 663.099,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "fdxCHAwdxHPaeUCsymyHHZ"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 477
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 413.8998718261719,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "afvdW1UK1MCpZeYOF99k8j"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 477
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "DEBUG CONFIG DATA",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "8csOBflzRD/ItLTiasDt06"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 477
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 17,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 207.7009999999999,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "9daQdBRLZNXKLGtNw/JR5I"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnClearData",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 332
+    },
+    "_children": [
+      {
+        "__id__": 482
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 485
+      },
+      {
+        "__id__": 486
+      },
+      {
+        "__id__": 487
+      },
+      {
+        "__id__": 488
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 429.479,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "20z8BxEYpH/ZRipWmSs0yn"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 481
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 483
+      },
+      {
+        "__id__": 484
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "b2HTU7owRAdppFDlvnJ9pg"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 482
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 250,
+      "height": 80
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "35QlTzLaFKLay0kf9Erbah"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 482
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "CLEAR DATA SAVER",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 26,
+    "_fontSize": 35,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 2,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 171,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "eeX0jTmV5JHq2Qf1buV6+1"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 481
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 300,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "a8W/NpEI1OSpY3rlgAvH7c"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 481
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "50376ebc-f4d8-44e2-9643-71e831c09cea@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "16CmX7Bx9OVZZETNIACeSt"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 481
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "50376ebc-f4d8-44e2-9643-71e831c09cea@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 481
+    },
+    "_id": "460CocoudAFYtoWYjikC4D"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 481
+    },
+    "_enabled": false,
+    "__prefab": null,
+    "_alignFlags": 20,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 702.318,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "a3mb8qQM5LNaCtCo9AMnKr"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtNotice",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 332
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 490
+      },
+      {
+        "__id__": 491
+      },
+      {
+        "__id__": 492
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 585.887,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "97tkuXS8hNAo5Qqz49uhMR"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 489
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 80.68743896484375,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "653VKmWXRPBb+ZjVFLB5tH"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 489
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 9,
+      "g": 0,
+      "b": 238,
+      "a": 255
+    },
+    "_string": "Notice:",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 1,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "b1+Cvf1gZCz6G+gz80S1AF"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 489
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 17,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 284.913,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "0by+LTyatNcqSeYY7pPwUF"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 332
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "89prfss/5CA6+UR2anNSmS"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 332
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "bffzGO65pJcq5PB3oropeh"
+  },
+  {
+    "__type__": "cc.BlockInputEvents",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 332
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "c8BAcoE15KNbdpancRjjJR"
+  },
+  {
+    "__type__": "de7ef1OmYBGiqWHac9TFvsm",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 332
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "btnOk": {
+      "__id__": 467
+    },
+    "btnCancel": {
+      "__id__": 475
+    },
+    "btnClearDataSaver": {
+      "__id__": 487
+    },
+    "txtNotice": {
+      "__id__": 491
+    },
+    "listItems": [
+      {
+        "__id__": 357
+      },
+      {
+        "__id__": 377
+      },
+      {
+        "__id__": 397
+      },
+      {
+        "__id__": 417
+      },
+      {
+        "__id__": 437
+      },
+      {
+        "__id__": 457
+      }
+    ],
+    "_id": "eeBq4TTOVDsIgUD74kJFMc"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "LevelUpLayout",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [
+      {
+        "__id__": 498
+      },
+      {
+        "__id__": 502
+      },
+      {
+        "__id__": 509
+      },
+      {
+        "__id__": 515
+      },
+      {
+        "__id__": 519
+      },
+      {
+        "__id__": 525
+      },
+      {
+        "__id__": 533
+      },
+      {
+        "__id__": 540
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 615
+      },
+      {
+        "__id__": 616
+      },
+      {
+        "__id__": 617
+      },
+      {
+        "__id__": 618
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "e9N8I8GD1KpY1lv9MGVqGj"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "BG",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 497
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 499
+      },
+      {
+        "__id__": 500
+      },
+      {
+        "__id__": 501
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "14YR8k5YZFWazgC9bGaIK3"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 498
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "2bpasfA5dHIpLUVw4ZryA0"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 498
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "a83e7186-eb86-4d87-a7a3-3a32ae3a58dc@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "13wgtfArxKkoC9EoleIeM6"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 498
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "8fKTjkToZFz6fSyJd2HnnQ"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 497
+    },
+    "_children": [
+      {
+        "__id__": 503
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 507
+      },
+      {
+        "__id__": 508
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 493.159,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "b8mYg07yFBi6S82Xlj7sEs"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 502
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 504
+      },
+      {
+        "__id__": 505
+      },
+      {
+        "__id__": 506
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8eLJY3/PpHLpLv98p4w+Or"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 503
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 369.03997802734375,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "5cbWr6abxLxr6hIV5xj/CK"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 503
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "LEVEL UP",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 80,
+    "_fontSize": 80,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "7cENsIEqBNirxaFNgeFHs4"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 503
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 1,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 10.100000000000001,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "f6o4yhtdtPrpydFjTwRB+h"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 502
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 500,
+      "height": 131
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "f7YuoI/sBAt4bFDgfF0q3T"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 502
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 63,
+      "g": 45,
+      "b": 45,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f8f5bd5b-033c-4322-8d20-10d2217e97b5@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "4eRvNTsjlK04ggUi2lr4b2"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 497
+    },
+    "_children": [
+      {
+        "__id__": 510
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 513
+      },
+      {
+        "__id__": 514
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -160,
+      "y": 268.052,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ffL2TBm7NAOrj08ZOUkwkC"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtLevel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 509
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 511
+      },
+      {
+        "__id__": 512
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "30zgSPlP9Ke7TBcmEnW/tj"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 510
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 98.35995483398438,
+      "height": 118.99999999999999
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e7aZTfBCtBmJNyEg7aRY5K"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 510
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Level\n1",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 50,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "7eiVcM8O1MppQw/I7hrj/E"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 509
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 200
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "2e0oohs3NPgIl8HNj+069N"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 509
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "1c26c4b7-17a9-4741-b70a-a278e8810e77@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "26sR1J2SROsotwu1Tjv3cb"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "arrow",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 497
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 516
+      },
+      {
+        "__id__": 517
+      },
+      {
+        "__id__": 518
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 280.54200000000003,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "19qZn5VbRHtK6XhKfSjuxs"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 515
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 86.239990234375,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "78UVX1B+tPDrw2y5+4c4iV"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 515
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "->",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 80,
+    "_fontSize": 80,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "78JLFlFPZGJIrmZtQnZqwI"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 515
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 1,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 560.058,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "22yBjY3CBPwqnngmBqBAnc"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 497
+    },
+    "_children": [
+      {
+        "__id__": 520
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 523
+      },
+      {
+        "__id__": 524
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 150,
+      "y": 268.052,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "d0w5lI+ndF1qoJ3cbBUpXn"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtLevel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 519
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 521
+      },
+      {
+        "__id__": 522
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "49A7UgJCpL+Knij65EhWZe"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 520
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 98.35995483398438,
+      "height": 118.99999999999999
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "3caPnb65hDtYvPsIJ11yfw"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 520
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Level\n1",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 50,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 3,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "71iMNJ6mZIN5FAGJagvN6Z"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 519
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 200
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "30mj5SJ61D2Yr5vtGZys7g"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 519
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "1c26c4b7-17a9-4741-b70a-a278e8810e77@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "e1bR9GXwdG8q+/lyPoeqhD"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnClose",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 497
+    },
+    "_children": [
+      {
+        "__id__": 526
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 529
+      },
+      {
+        "__id__": 530
+      },
+      {
+        "__id__": 531
+      },
+      {
+        "__id__": 532
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -163.68200000000002,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "7aUE7rRNpPrYKjgn61aFHC"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 525
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 527
+      },
+      {
+        "__id__": 528
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ddtINYz+ZFCZIcKTB92quh"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 526
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "26pZga0Z5KiImhP7xbDbs4"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 526
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "CLOSE",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 171,
+      "b": 0,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "d9/1ZVYAhOTZT/zYaIIdud"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 525
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 80
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "f5oAoARmlDfoXMa98aIqhL"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 525
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "8abc7965-d8f5-450d-a2e1-991702e7c975@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "ebiNUQNLdL3LxNRfO9ie+Q"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 525
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": {
+      "__uuid__": "8abc7965-d8f5-450d-a2e1-991702e7c975@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_hoverSprite": {
+      "__uuid__": "20835ba4-6145-4fbc-a58a-051ce700aa3e@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_pressedSprite": {
+      "__uuid__": "544e49d6-3f05-4fa8-9a9e-091f98fc2ce8@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_disabledSprite": {
+      "__uuid__": "951249e0-9f16-456d-8b85-a6ca954da16b@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 525
+    },
+    "_id": "92h3QnbfNP3IQj5Munn3tV"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 525
+    },
+    "_enabled": false,
+    "__prefab": null,
+    "_alignFlags": 20,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 702.318,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "1dpjv6cz9AAqNl3cQc1pBc"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title-001",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 497
+    },
+    "_children": [
+      {
+        "__id__": 534
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 538
+      },
+      {
+        "__id__": 539
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 52.943,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "b6hW2mCk1Cg7nz7d3YGBob"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Title",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 533
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 535
+      },
+      {
+        "__id__": 536
+      },
+      {
+        "__id__": 537
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "efr4XcSHhMsqs/jBrx382y"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 534
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 366.59991455078125,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "74iNzEnhxLcJS4D54p5gL0"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 534
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "SKILL REWARD",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 50,
+    "_fontSize": 50,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "047F1YABpELogLi9axq2DT"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 534
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 1,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 10.100000000000001,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "bbNIvKLB9FCZP8lKvXymDk"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 533
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 480,
+      "height": 131
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "8c8j62ylFBXovRrk8IA7Mb"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 533
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 94,
+      "g": 104,
+      "b": 84,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f8f5bd5b-033c-4322-8d20-10d2217e97b5@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "98duVGEdpOOaVHTYiVIwmO"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "reward_skill",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 497
+    },
+    "_children": [
+      {
+        "__id__": 541
+      },
+      {
+        "__id__": 565
+      },
+      {
+        "__id__": 589
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 613
+      },
+      {
+        "__id__": 614
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -288.939,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8bWNjX+stE5ahdWJZuA9Kd"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill_1",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 540
+    },
+    "_children": [
+      {
+        "__id__": 542
+      },
+      {
+        "__id__": 545
+      },
+      {
+        "__id__": 548
+      },
+      {
+        "__id__": 551
+      },
+      {
+        "__id__": 554
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 562
+      },
+      {
+        "__id__": 563
+      },
+      {
+        "__id__": 564
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -265,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "27bm5c/jdPJKtDig9LE6aL"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "icon",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 541
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 543
+      },
+      {
+        "__id__": 544
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 105.306,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8aUwUttKRH9a+X1a+qlKcO"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 542
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 98,
+      "height": 98
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "ceIkF0oBdFwqhl6MfQPS0d"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 542
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "212MNk9DhDlohlnzpd0rG4"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "info",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 541
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 546
+      },
+      {
+        "__id__": 547
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -32.488,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "373ThOmNBFlK8txbgujWoT"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 545
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 130
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "72Vxrb9spH9rAOMTdHmxg7"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 545
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "560JkEpJZNbqS/wQmvwLXW"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtName",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 541
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 549
+      },
+      {
+        "__id__": 550
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1.488999999999919,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "3exYqhgn1Fj6MKeOc8X+qi"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 548
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e6ueWlweNMerq3IMl1DaBd"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 548
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Skill Name",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "9cDjvdxXBFSLuwdMatV0nV"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtInfo",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 541
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 552
+      },
+      {
+        "__id__": 553
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -55,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "e3nrUsVXxCCKNnqS2uMkmk"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 551
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 180,
+      "height": 70
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "53etT6TT1OuJTQnTcQWtoB"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 551
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Info skill",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 2,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "bepqmshWpF65djO58RcWhX"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnSelect",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 541
+    },
+    "_children": [
+      {
+        "__id__": 555
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 558
+      },
+      {
+        "__id__": 559
+      },
+      {
+        "__id__": 560
+      },
+      {
+        "__id__": 561
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 3.901,
+      "y": -135.351,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "cft2veJaFHZYSbofhK29uF"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 554
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 556
+      },
+      {
+        "__id__": 557
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "21OglJH89L+Lh1DApWXjvA"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 555
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "887C2Yzh1LA6Bm4+lJxRoy"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 555
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "SELECT",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "3175Ux9URE1J5Ra0KQzMgN"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 554
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 130,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "b3MIdZPPNNVJDUqySRAwx3"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 554
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 104,
+      "g": 145,
+      "b": 248,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "eda11553-f64d-4363-9fed-75d1a8758a30@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "90NqrJGNVN4Ipe+/QixdKK"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 554
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 554
+    },
+    "_id": "43dT7qBxZCn7kKsGnve4Bl"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 554
+    },
+    "_enabled": false,
+    "__prefab": null,
+    "_alignFlags": 20,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 702.318,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "8eckTrQqxIlYQa2pZIiSFl"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 541
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 250,
+      "height": 350
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "63H+b97hlF36XeasAg2l0n"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 541
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 130,
+      "g": 169,
+      "b": 48,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "ebSUzgwYZF0YECKqZVuuYJ"
+  },
+  {
+    "__type__": "4311brHuARFlofpMs4U2sLY",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 541
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "spIcon": {
+      "__id__": 544
+    },
+    "txtName": {
+      "__id__": 550
+    },
+    "txtInfo": {
+      "__id__": 553
+    },
+    "btnSelect": {
+      "__id__": 560
+    },
+    "_id": "a3Qxj88LNDT4ATDVm0qe4O"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill_2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 540
+    },
+    "_children": [
+      {
+        "__id__": 566
+      },
+      {
+        "__id__": 569
+      },
+      {
+        "__id__": 572
+      },
+      {
+        "__id__": 575
+      },
+      {
+        "__id__": 578
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 586
+      },
+      {
+        "__id__": 587
+      },
+      {
+        "__id__": 588
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "c5OPXpMttJo5yL++rpQbqE"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "icon",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 565
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 567
+      },
+      {
+        "__id__": 568
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 105.306,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "73ZhWcAL1HKa7o2UXPFij8"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 566
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 98,
+      "height": 98
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "4fKJJot+JHBassvJtIYxFT"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 566
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "1c3c/9uMhJuocSoOU4ASNH"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "info",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 565
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 570
+      },
+      {
+        "__id__": 571
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -32.488,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "0c3ammjJZBnIYZ4JYdDHxm"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 569
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 130
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "3fdES4cfBBiY7E5M6wBoo6"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 569
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "6dglzgHohHjrNjkCBNraLu"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtName",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 565
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 573
+      },
+      {
+        "__id__": 574
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1.488999999999919,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "06Q5tzDbFJJYZOe/sj/9Wf"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 572
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "2eSS+5LW1N57Pa3W4bEzMh"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 572
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Skill Name",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "7b45dFueZLgI8lf56rgrmK"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtInfo",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 565
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 576
+      },
+      {
+        "__id__": 577
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -55,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "54HlgomWlGTqkg9o1sCmZw"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 575
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 70
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "0eJwSUXBtC85+UZcX03A5n"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 575
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Info skill",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 2,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "eaRtGNwblAEZbJ6yLBeQd+"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnSelect",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 565
+    },
+    "_children": [
+      {
+        "__id__": 579
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 582
+      },
+      {
+        "__id__": 583
+      },
+      {
+        "__id__": 584
+      },
+      {
+        "__id__": 585
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 3.901,
+      "y": -135.351,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "49OET2U+1CEIxTsIk2Kx3l"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 578
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 580
+      },
+      {
+        "__id__": 581
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "4cpxzcUXpGarr8BMNfSjWn"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 579
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "50Q3Dq2ftAbYhzBmYAJ73t"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 579
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "SELECT",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "9dChtpXi1E+59HmMG/OAFt"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 578
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 130,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "03HgxqoGJJnJW/7aDd4D8f"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 578
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 104,
+      "g": 145,
+      "b": 248,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "eda11553-f64d-4363-9fed-75d1a8758a30@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "42gkTJmexAkKyQG6PKUkfE"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 578
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 578
+    },
+    "_id": "0dT4MUrrlNi7jHUcWQT5FU"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 578
+    },
+    "_enabled": false,
+    "__prefab": null,
+    "_alignFlags": 20,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 702.318,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "50xi4xBu1IPI0dyWgD8UEW"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 565
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 250,
+      "height": 350
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "19uHypOydEoI//nM1MGUvX"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 565
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 249,
+      "g": 167,
+      "b": 167,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "68B/rqwahAUqjF5L5vip8o"
+  },
+  {
+    "__type__": "4311brHuARFlofpMs4U2sLY",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 565
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "spIcon": {
+      "__id__": 568
+    },
+    "txtName": {
+      "__id__": 574
+    },
+    "txtInfo": {
+      "__id__": 577
+    },
+    "btnSelect": {
+      "__id__": 584
+    },
+    "_id": "7e33OYjk5Oxqb9hCjhEx5r"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "skill_3",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 540
+    },
+    "_children": [
+      {
+        "__id__": 590
+      },
+      {
+        "__id__": 593
+      },
+      {
+        "__id__": 596
+      },
+      {
+        "__id__": 599
+      },
+      {
+        "__id__": 602
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 610
+      },
+      {
+        "__id__": 611
+      },
+      {
+        "__id__": 612
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 265,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "4fIKI8taNP9ZS1vnFr9WwW"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "icon",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 589
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 591
+      },
+      {
+        "__id__": 592
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 105.306,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "92OPGiIHtD6q6Yv/tFWmKR"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 590
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 98,
+      "height": 98
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "5eRCgLICRFVpIED7wlXX38"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 590
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "b6dcb91e-b683-404d-b438-a612a036c0cd@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 1,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "22diTHSltHj7n5P6QV0G5N"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "info",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 589
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 594
+      },
+      {
+        "__id__": 595
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -32.488,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "37t1OKxv5JdaI7UZVEXeLL"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 593
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 130
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "6bI/N3rVZAMpvUb7I4Sro5"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 593
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "d9SPe4oeVEQ7JS5NZxMRTB"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtName",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 589
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 597
+      },
+      {
+        "__id__": 598
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1.488999999999919,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "9aGL3CEE9D3IArGGmamY+0"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 596
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "c8hNPC7+tNd7LdxaiZkGr/"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 596
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Skill Name",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "feL+k2WvBPE5fei7+g8FZU"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtInfo",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 589
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 600
+      },
+      {
+        "__id__": 601
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -55,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "44wrgLnetDB5OCrPcRfPCb"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 599
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 70
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "12/YDoP2xDkowcEcoNCSYt"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 599
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "Info skill",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 25,
+    "_fontSize": 25,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 2,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "fcKgPTlpxGTKU2XYSdqSuf"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "btnSelect",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 589
+    },
+    "_children": [
+      {
+        "__id__": 603
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 606
+      },
+      {
+        "__id__": 607
+      },
+      {
+        "__id__": 608
+      },
+      {
+        "__id__": 609
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 3.901,
+      "y": -135.351,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "ae2LLl4f1MHbD0EaFAAmj6"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Label",
+    "_objFlags": 512,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 602
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 604
+      },
+      {
+        "__id__": 605
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "5dHgbnW7VJ5J9d161vSSoW"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 603
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "cb9fuh1XVBW7OF5Y9OJ+52"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 603
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "SELECT",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 1,
+    "_enableWrapText": false,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "14Fipq3xZNT7Px5RnLk3He"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 602
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 130,
+      "height": 60
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "c49zQ1R3BNcL4u81MHt199"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 602
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 104,
+      "g": 145,
+      "b": 248,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "eda11553-f64d-4363-9fed-75d1a8758a30@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "aeNaKrRMZGuqZbTi92tg0D"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 602
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 214,
+      "g": 214,
+      "b": 214,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.05,
+    "_target": {
+      "__id__": 602
+    },
+    "_id": "78N8wiwUxE3ocVGsqtr2Ih"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 602
+    },
+    "_enabled": false,
+    "__prefab": null,
+    "_alignFlags": 20,
+    "_target": null,
+    "_left": 0,
+    "_right": 21.369000000000028,
+    "_top": 27.572000000000003,
+    "_bottom": 702.318,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "0fwJ3tUQJKF4S/6CrwNuXa"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 589
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 250,
+      "height": 350
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "0ccCeplUBHaY6WHHjk+Fbu"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 589
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 237,
+      "g": 132,
+      "b": 212,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "77e06278-b94e-4e91-9c43-ca7e91fc0c71@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "7f7Nz5C2pHeo02k1vkKBBW"
+  },
+  {
+    "__type__": "4311brHuARFlofpMs4U2sLY",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 589
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "spIcon": {
+      "__id__": 592
+    },
+    "txtName": {
+      "__id__": 598
+    },
+    "txtInfo": {
+      "__id__": 601
+    },
+    "btnSelect": {
+      "__id__": 608
+    },
+    "_id": "1dAmGmbMBElI9I5JvWToaL"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 540
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 780,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e6l+EIlMBH47cYUT2tCUZE"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 540
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_resizeMode": 1,
+    "_layoutType": 1,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 0,
+    "_paddingRight": 0,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 15,
+    "_spacingY": 0,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": false,
+    "_id": "86a18SBsRC55ncfPcAcF2K"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 497
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 828,
+      "height": 1792
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "97uB5oIkBEnYIBDPEy5UtA"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 497
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "a1kVYySVNMYJhqyckwpGDW"
+  },
+  {
+    "__type__": "cc.BlockInputEvents",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 497
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_id": "3aIlMZSGdHpalhFiCEXZCs"
+  },
+  {
+    "__type__": "d46d6sAlldPc5OjZG9LDNnn",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 497
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "btnClose": {
+      "__id__": 531
+    },
+    "txtLevelBefore": {
+      "__id__": 512
+    },
+    "txtLevelAfter": {
+      "__id__": 522
+    },
+    "listSkillRewardItems": [
+      {
+        "__id__": 564
+      },
+      {
+        "__id__": 588
+      },
+      {
+        "__id__": 612
+      }
+    ],
+    "_id": "3118NNBGVOOrOUzMSK4YNy"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtVersionBuild",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 620
+      },
+      {
+        "__id__": 621
+      },
+      {
+        "__id__": 622
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -536.72,
+      "y": 1159.661,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "b1+vW2H/1EloqhFmHOIM8c"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 619
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 153.3898468017578,
+      "height": 100.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 1
+    },
+    "_id": "f9roJSgE5NHpQ814qH7tHE"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 619
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 100
+    },
+    "_string": "Ver: 25-04-24|01",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 0,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "b4zfe9+j5PUJHY2AoNFFAs"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 619
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 9,
+    "_target": null,
+    "_left": 3.2799999999999727,
+    "_right": 0,
+    "_top": 10.339000000000055,
+    "_bottom": 795.2,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 100.8,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "9cybCt6IhEbZTeDeKW8Hq9"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "txtSkillCollected",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 109
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 624
+      },
+      {
+        "__id__": 625
+      },
+      {
+        "__id__": 626
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -530.2470000000001,
+      "y": -1169.603,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "8f0vFQYcdJoqpKFBVc94ZA"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 623
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 198.08975219726562,
+      "height": 100.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_id": "2eagScSS1EpbuvyU3d9Gaw"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 623
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "SkillCollected: AS1|1...",
+    "_horizontalAlign": 0,
+    "_verticalAlign": 2,
+    "_actualFontSize": 20,
+    "_fontSize": 20,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 2,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "7cT4aOsvdNp46+0v93Pa8o"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 623
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 12,
+    "_target": null,
+    "_left": 9.752999999999986,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0.3970000000000482,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "94ejH/S7dD24MsQE/SI9/H"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 109
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 2340
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "50QSe92GhAIYxiS1yKI54u"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 109
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "a9PplgCUZOP7aAncan9buH"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "background",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 630
+      },
+      {
+        "__id__": 631
+      },
+      {
+        "__id__": 632
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "d8mc03w4JM6KeaZ96ebT3E"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 629
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 2340
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "afKJP8jvVP/J577oZM9zOn"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 629
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "f0f202f9-acbd-4744-8ea4-fd5c6fe60930@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": "09crKhZQBBh7Ct61+u4SEy"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 629
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 40,
+    "_originalHeight": 36,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "a2Kesv/A9M2qA10Rq7VNRK"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "map_manager",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 634
+      },
+      {
+        "__id__": 635
+      },
+      {
+        "__id__": 636
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "02IhXkDIFPAZ8OS8isjvGz"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 633
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 2340
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "52RZv2cKFGeYxhnH3N7XZc"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 633
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 100,
+    "_originalHeight": 100,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "06ZMA+3KtA16BV7ddLOeOb"
+  },
+  {
+    "__type__": "a312fWD61FKDaur4UBDnOJb",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 633
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "gameplaySpaceLayout": {
+      "__id__": 14
+    },
+    "environment": {
+      "__id__": 26
+    },
+    "_id": "41aQqS02VO4rLtSICZJCAg"
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Text_temp",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 638
+      },
+      {
+        "__id__": 639
+      }
+    ],
+    "_prefab": null,
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -736.521,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "2bPKNj4XNKQYdjidO6rhdC"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 637
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 195.14492797851562,
+      "height": 110.8
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "e0tUAUHGhJG4bogOHuldHa"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 637
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "START GAME",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 30,
+    "_fontSize": 30,
+    "_fontFamily": "Arial",
+    "_lineHeight": 80,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": {
+      "__uuid__": "aae5a0d7-a157-432b-b885-97f48c7601cc",
+      "__expectedType__": "cc.TTFFont"
+    },
+    "_isSystemFontUsed": false,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": true,
+    "_outlineColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_outlineWidth": 5,
+    "_enableShadow": false,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_shadowOffset": {
+      "__type__": "cc.Vec2",
+      "x": 2,
+      "y": 2
+    },
+    "_shadowBlur": 2,
+    "_id": "a9yzO/D6xEaYE05fe2lCMU"
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 1080,
+      "height": 2340
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": "d6rUX5yfhMlKoWX2bSbawx"
+  },
+  {
+    "__type__": "cc.Canvas",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_cameraComponent": {
+      "__id__": 4
+    },
+    "_alignCanvasWithScreen": true,
+    "_id": "12O/ljcVlEqLmVm3U2gEOQ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 5.684341886080802e-14,
+    "_bottom": 5.684341886080802e-14,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": "c5V1EV8IpMtrIvY1OE9t2u"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": null,
+    "asset": null,
+    "fileId": "1271e3a3-5013-4a5b-98f3-2ac3b007353c",
+    "instance": null,
+    "targetOverrides": [
+      {
+        "__id__": 644
+      }
+    ],
+    "nestedPrefabInstanceRoots": [
+      {
+        "__id__": 18
+      },
+      {
+        "__id__": 27
+      },
+      {
+        "__id__": 39
+      }
+    ]
+  },
+  {
+    "__type__": "cc.TargetOverrideInfo",
+    "source": {
+      "__id__": 122
+    },
+    "sourceInfo": null,
+    "propertyPath": [
+      "objectMove"
+    ],
+    "target": {
+      "__id__": 18
+    },
+    "targetInfo": {
+      "__id__": 645
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "20kwgYW3VNg7xer7HzW5GQ"
+    ]
+  },
+  {
+    "__type__": "cc.SceneGlobals",
+    "ambient": {
+      "__id__": 647
+    },
+    "shadows": {
+      "__id__": 648
+    },
+    "_skybox": {
+      "__id__": 649
+    },
+    "fog": {
+      "__id__": 650
+    },
+    "octree": {
+      "__id__": 651
+    },
+    "skin": {
+      "__id__": 652
+    },
+    "lightProbeInfo": {
+      "__id__": 653
+    },
+    "postSettings": {
+      "__id__": 654
+    },
+    "bakedWithStationaryMainLight": false,
+    "bakedWithHighpLightmap": false
+  },
+  {
+    "__type__": "cc.AmbientInfo",
+    "_skyColorHDR": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0.520833125
+    },
+    "_skyColor": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0.520833125
+    },
+    "_skyIllumHDR": 20000,
+    "_skyIllum": 20000,
+    "_groundAlbedoHDR": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0
+    },
+    "_groundAlbedo": {
+      "__type__": "cc.Vec4",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 0
+    },
+    "_skyColorLDR": {
+      "__type__": "cc.Vec4",
+      "x": 0.2,
+      "y": 0.5,
+      "z": 0.8,
+      "w": 1
+    },
+    "_skyIllumLDR": 20000,
+    "_groundAlbedoLDR": {
+      "__type__": "cc.Vec4",
+      "x": 0.2,
+      "y": 0.2,
+      "z": 0.2,
+      "w": 1
+    }
+  },
+  {
+    "__type__": "cc.ShadowsInfo",
+    "_enabled": false,
+    "_type": 0,
+    "_normal": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 1,
+      "z": 0
+    },
+    "_distance": 0,
+    "_planeBias": 1,
+    "_shadowColor": {
+      "__type__": "cc.Color",
+      "r": 76,
+      "g": 76,
+      "b": 76,
+      "a": 255
+    },
+    "_maxReceived": 4,
+    "_size": {
+      "__type__": "cc.Vec2",
+      "x": 512,
+      "y": 512
+    }
+  },
+  {
+    "__type__": "cc.SkyboxInfo",
+    "_envLightingType": 0,
+    "_envmapHDR": null,
+    "_envmap": null,
+    "_envmapLDR": null,
+    "_diffuseMapHDR": null,
+    "_diffuseMapLDR": null,
+    "_enabled": false,
+    "_useHDR": true,
+    "_editableMaterial": null,
+    "_reflectionHDR": null,
+    "_reflectionLDR": null,
+    "_rotationAngle": 0
+  },
+  {
+    "__type__": "cc.FogInfo",
+    "_type": 0,
+    "_fogColor": {
+      "__type__": "cc.Color",
+      "r": 200,
+      "g": 200,
+      "b": 200,
+      "a": 255
+    },
+    "_enabled": false,
+    "_fogDensity": 0.3,
+    "_fogStart": 0.5,
+    "_fogEnd": 300,
+    "_fogAtten": 5,
+    "_fogTop": 1.5,
+    "_fogRange": 1.2,
+    "_accurate": false
+  },
+  {
+    "__type__": "cc.OctreeInfo",
+    "_enabled": false,
+    "_minPos": {
+      "__type__": "cc.Vec3",
+      "x": -1024,
+      "y": -1024,
+      "z": -1024
+    },
+    "_maxPos": {
+      "__type__": "cc.Vec3",
+      "x": 1024,
+      "y": 1024,
+      "z": 1024
+    },
+    "_depth": 8
+  },
+  {
+    "__type__": "cc.SkinInfo",
+    "_enabled": true,
+    "_blurRadius": 0.01,
+    "_sssIntensity": 3
+  },
+  {
+    "__type__": "cc.LightProbeInfo",
+    "_giScale": 1,
+    "_giSamples": 1024,
+    "_bounces": 2,
+    "_reduceRinging": 0,
+    "_showProbe": true,
+    "_showWireframe": true,
+    "_showConvex": false,
+    "_data": null,
+    "_lightProbeSphereVolume": 1
+  },
+  {
+    "__type__": "cc.PostSettingsInfo",
+    "_toneMappingType": 0
+  }
+]
\ No newline at end of file
diff --git a/assets/cc-game/scene/mainscene.scene.meta b/assets/cc-game/scene/mainscene.scene.meta
new file mode 100644
index 0000000..9d2fc19
--- /dev/null
+++ b/assets/cc-game/scene/mainscene.scene.meta
@@ -0,0 +1,11 @@
+{
+  "ver": "1.1.50",
+  "importer": "scene",
+  "imported": true,
+  "uuid": "1271e3a3-5013-4a5b-98f3-2ac3b007353c",
+  "files": [
+    ".json"
+  ],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts.meta b/assets/cc-game/scripts.meta
new file mode 100644
index 0000000..c30c836
--- /dev/null
+++ b/assets/cc-game/scripts.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "85d720e0-e9bc-4676-9e6f-cdae1e0cf786",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}
diff --git a/assets/cc-game/scripts/base.meta b/assets/cc-game/scripts/base.meta
new file mode 100644
index 0000000..a46461d
--- /dev/null
+++ b/assets/cc-game/scripts/base.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "5a70a4e9-565c-4ec5-8174-d99ba37ad76e",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/base/ColliderObject.ts b/assets/cc-game/scripts/base/ColliderObject.ts
new file mode 100644
index 0000000..ee9b65e
--- /dev/null
+++ b/assets/cc-game/scripts/base/ColliderObject.ts
@@ -0,0 +1,125 @@
+import { PhysicsSystem2D, Contact2DType, Collider2D } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+import { EPhysics2DDrawFlags } from 'cc';
+import { Sprite } from 'cc';
+import { Color } from 'cc';
+import { RigidBody2D } from 'cc';
+import { IPhysics2DContact } from 'cc';
+import { UmClientEvent } from '../../../cc-common/cc-util/UmOneToMultiListener';
+const { ccclass, property } = _decorator;
+
+@ccclass('ColliderObject')
+export class ColliderObject extends Component {
+    @property(Collider2D) colliderComponent: Collider2D = null!;
+
+    touchingCountMap: Map<Node, number> = new Map;
+    private debugDrawFlags: number = 0;
+    isDebugDrawEnable = false;
+    // collider: Collider2D = null;
+
+    public onBeginContactCallback: ((a: Collider2D, b: Collider2D) => void) | undefined;
+    public onEndContactCallback: ((a: Collider2D, b: Collider2D) => void) | undefined;
+
+    onLoad() {
+        // this.debugDrawFlags = PhysicsSystem2D.instance.debugDrawFlags;
+        UmClientEvent.on("off_contact", this.offContact.bind(this));
+
+    }
+
+    protected onDestroy(): void {
+        UmClientEvent.off("off_contact", this.offContact.bind(this));
+    }
+
+    get collider(): Collider2D
+    {
+        if (!this.colliderComponent)
+            this.colliderComponent = this.node?.getComponent(Collider2D);
+
+        return this.colliderComponent;
+    }
+
+    public registerBeginContact(callback: any = null, isDebugDrawEnable: boolean = false) {
+        this.isDebugDrawEnable = isDebugDrawEnable;
+        this.collider?.on(Contact2DType.BEGIN_CONTACT, this.onBeginContact, this);
+        this.onBeginContactCallback = callback;
+
+        // this.rigiBody2D.enabled = true;
+    }
+
+    public registerEndContact(callback: any = null, isDebugDrawEnable: boolean = false) {
+        // this.isDebugDrawEnable = isDebugDrawEnable;
+        this.collider?.on(Contact2DType.END_CONTACT, this.onEndContact, this);
+        this.onEndContactCallback = callback;
+    }
+
+    public offContact() {
+        // UmLog.log("offContact");
+        // this.onBeginContactCallback = null;
+        // this.onEndContactCallback = null;
+        if (this.collider)
+        {
+            this.collider?.off(Contact2DType.BEGIN_CONTACT, this.onBeginContact, this);
+            this.collider?.off(Contact2DType.END_CONTACT, this.onEndContact, this);
+            // this.collider.enabled = false;
+            // this.rigiBody2D.enabled = false;
+        }
+
+    }
+
+    onEnable() {
+        // if (this.isDebugDrawEnable)
+        //     PhysicsSystem2D.instance.debugDrawFlags = this.debugDrawFlags | EPhysics2DDrawFlags.Shape;
+    }
+    onDisable() {
+        // if (this.isDebugDrawEnable)
+        //     PhysicsSystem2D.instance.debugDrawFlags = this.debugDrawFlags;
+    }
+
+    addContact(c: Collider2D) {
+        let count = this.touchingCountMap.get(c.node) || 0;
+        this.touchingCountMap.set(c.node, ++count);
+
+        let sprite = c.getComponent(Sprite);
+        if (sprite) {
+            sprite.color = Color.RED;
+        }
+    }
+
+    removeContact(c: Collider2D) {
+        let count = this.touchingCountMap.get(c.node) || 0;
+        --count;
+        if (count <= 0) {
+            this.touchingCountMap.delete(c.node);
+
+            let sprite = c.getComponent(Sprite);
+            if (sprite) {
+                sprite.color = Color.WHITE;
+            }
+        }
+        else {
+            this.touchingCountMap.set(c.node, count);
+        }
+    }
+
+    onBeginContact(a: Collider2D, b: Collider2D) {
+    // UmLog.log("otherCollider.group" + b.group);
+        this.onBeginContactCallback?.(a, b);
+        if (this.isDebugDrawEnable) {
+            // this.addContact(a);
+            // this.addContact(b);
+        }
+
+    }
+
+    onEndContact(a: Collider2D, b: Collider2D) {
+        this.onEndContactCallback?.(a, b);
+        if (this.isDebugDrawEnable) {
+            // this.removeContact(a);
+            // this.removeContact(b);
+        }
+    }
+
+
+}
+
diff --git a/assets/cc-game/scripts/base/ColliderObject.ts.meta b/assets/cc-game/scripts/base/ColliderObject.ts.meta
new file mode 100644
index 0000000..b0d3e30
--- /dev/null
+++ b/assets/cc-game/scripts/base/ColliderObject.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a6e01df5-461d-4c34-9c72-55d42c1fb15c",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/base/DragonBonesCollider.ts b/assets/cc-game/scripts/base/DragonBonesCollider.ts
new file mode 100644
index 0000000..53b8480
--- /dev/null
+++ b/assets/cc-game/scripts/base/DragonBonesCollider.ts
@@ -0,0 +1,62 @@
+import { _decorator, Component, Node, PhysicsSystem2D, Contact2DType, Collider2D, Color, Sprite, ParticleSystem2D, EPhysics2DDrawFlags } from 'cc';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+const { ccclass } = _decorator;
+
+@ccclass('DragonBonesCollider')
+export class DragonBonesCollider extends Component {
+
+    touchingCountMap: Map<Node, number> = new Map;
+
+    private debugDrawFlags:number = 0;
+    start () {
+        // Your initialization goes here.
+        PhysicsSystem2D.instance.on(Contact2DType.BEGIN_CONTACT, this.onBeginContact, this);
+        PhysicsSystem2D.instance.on(Contact2DType.END_CONTACT, this.onEndContact, this);
+        this.debugDrawFlags = PhysicsSystem2D.instance.debugDrawFlags;
+    }
+
+    onEnable () {
+        PhysicsSystem2D.instance.debugDrawFlags = this.debugDrawFlags | EPhysics2DDrawFlags.Shape;
+    }
+    onDisable () {
+        PhysicsSystem2D.instance.debugDrawFlags = this.debugDrawFlags;
+    }
+
+    addContact (c: Collider2D) {
+        let count = this.touchingCountMap.get(c.node) || 0;
+        this.touchingCountMap.set(c.node, ++count);
+
+        let sprite = c.getComponent(Sprite);
+        if (sprite) {
+            sprite.color = Color.RED;
+        }
+    }
+
+    removeContact (c: Collider2D) {
+        let count = this.touchingCountMap.get(c.node) || 0;
+        --count;
+        if (count <= 0) {
+            this.touchingCountMap.delete(c.node);
+
+            let sprite = c.getComponent(Sprite);
+            if (sprite) {
+                sprite.color = Color.WHITE;
+            }
+        }
+        else {
+            this.touchingCountMap.set(c.node, count);
+        }
+    }
+
+    onBeginContact(a: Collider2D, b: Collider2D) {
+        // UmLog.log("otherCollider.group = ");
+
+        this.addContact(a);
+        this.addContact(b);
+    }
+
+    onEndContact (a: Collider2D, b: Collider2D) {
+        this.removeContact(a);
+        this.removeContact(b);
+    }
+}
diff --git a/assets/cc-game/scripts/base/DragonBonesCollider.ts.meta b/assets/cc-game/scripts/base/DragonBonesCollider.ts.meta
new file mode 100644
index 0000000..e1ac5ec
--- /dev/null
+++ b/assets/cc-game/scripts/base/DragonBonesCollider.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "3d94e0a2-01ba-4eca-96bd-c7c5d75ad3ba",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/base/NodeBase.ts b/assets/cc-game/scripts/base/NodeBase.ts
new file mode 100644
index 0000000..8a2dc49
--- /dev/null
+++ b/assets/cc-game/scripts/base/NodeBase.ts
@@ -0,0 +1,39 @@
+import { Input } from 'cc';
+import { EventTouch } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmUtil } from '../../../cc-common/cc-util/UmUtil';
+const { ccclass, property } = _decorator;
+
+@ccclass('NodeBase')
+export class NodeBase extends Component {
+    _isEnableTouch = false;
+
+    public enableTouch() {
+        if (this._isEnableTouch) return;
+        this._isEnableTouch = true;
+        this.node.on(Input.EventType.TOUCH_START, this.onTouchStart, this);
+        this.node.on(Input.EventType.TOUCH_MOVE, this.onTouchMove, this);
+        this.node.on(Input.EventType.TOUCH_END, this.onTouchEnd, this);
+        this.node.on(Input.EventType.TOUCH_CANCEL, this.onTouchCancel, this, true);
+    }
+
+    public disableTouch() {
+        if (!this._isEnableTouch) return;
+        this._isEnableTouch = false;
+
+        this.node.off(Input.EventType.TOUCH_START, this.onTouchStart, this);
+        this.node.off(Input.EventType.TOUCH_MOVE, this.onTouchMove, this);
+        this.node.off(Input.EventType.TOUCH_END, this.onTouchEnd, this);
+        this.node.off(Input.EventType.TOUCH_CANCEL, this.onTouchCancel, this, true);
+    }
+
+    protected onTouchStart(event: EventTouch) { }
+    protected onTouchMove(event: EventTouch) { }
+    protected onTouchEnd(event: EventTouch) { }
+    protected onTouchCancel(event: EventTouch) { }
+
+    public delayTime(time, callback) {
+        UmUtil.delay(this.node, time, callback);
+    }
+}
+
diff --git a/assets/cc-game/scripts/base/NodeBase.ts.meta b/assets/cc-game/scripts/base/NodeBase.ts.meta
new file mode 100644
index 0000000..3f0f9ac
--- /dev/null
+++ b/assets/cc-game/scripts/base/NodeBase.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "f2e23596-607b-4012-a8c2-5b9c55d19f23",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/config.meta b/assets/cc-game/scripts/config.meta
new file mode 100644
index 0000000..cc3495c
--- /dev/null
+++ b/assets/cc-game/scripts/config.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "317faeb1-4dbf-4d7c-a34a-f7644f92c2f1",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/config/GameDefine.ts b/assets/cc-game/scripts/config/GameDefine.ts
new file mode 100644
index 0000000..76ce5cd
--- /dev/null
+++ b/assets/cc-game/scripts/config/GameDefine.ts
@@ -0,0 +1,199 @@
+import { _decorator, Component, Node } from 'cc';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+const { ccclass, property } = _decorator;
+
+export enum EGAME_STATE {
+    INIT = 0,
+    PLAY,
+    WAIT,
+    FINISH
+}
+
+export enum EPHYSIC_GROUP {
+    DEFAULT = 1 << 0,
+    ENEMY = 1 << 1,
+    HERO = 1 << 2,
+    BULLET_HERO = 1 << 3,
+    BULLET_ENEMY = 1 << 4,
+    SENSOR = 1 << 5,
+    OBSTACLE = 1 << 6,
+    ACTIVE_SKILL = 1 << 7,
+}
+
+export enum EBULLET_TYPE {
+    NORMAL = 0,
+    BOUNNCE,
+    THROUGH
+}
+
+export enum EBULLET_DAMAGE_TYPE {
+    HP = 0,
+    SLOW,
+}
+
+export enum ESKILL_SPECIAL_TYPE {
+    SKILL_1 = 1,
+    SKILL_2,
+    SKILL_3
+}
+
+export enum EACTIVE_SKILL_TYPE {
+    SKILL_1 = 0,
+    SKILL_2 = 1,
+    SKILL_3 = 2
+}
+
+export enum EMOVE_MODE {
+    FREE = 0,//Move Random
+    TARGET = 1,
+    RANGE = 2, //keep range
+    HORIZONTAL = 3,
+    VERTICAL = 4,
+    STATIC = 5
+}
+
+export enum ENEMY_TYPE {
+    MELEE = 0,
+    RANGE = 1,
+    SLOW = 2,
+    SPAWN = 3,
+    SPLIT = 4,
+    IMPORTAL = 5,
+    HEAL = 6
+}
+
+export enum EATTACK_TYPE {
+    MELEE = 0,
+    TARGET = 1,//shoot and move to hero
+    AOE = 2,
+    SPAWN = 3,
+    MIXED = 4,
+    RANGE = 5//shoot and keep distance from the hero
+
+}
+
+@ccclass('GameDefine')
+export class GameDefine {
+    public static BUILD_VER = "Ver: 07-05-24|01"; // second ~ pixcel
+
+    public static readonly TWEEN_TAG = 2024;
+    public static EVENT_BUY_IAP = "EVENT_BUY_IAP";
+    public static EVENT_SET_LIST_PRODUCTS_IAP = "EVENT_SET_LIST_PRODUCTS_IAP";
+    public static EVENT_START_GAME = "EVENT_START_GAME";
+    public static EVENT_START_USE_SPECIAL_SKILL = "EVENT_START_USE_SPECIAL_SKILL";
+    public static EVENT_END_USE_SPECIAL_SKILL = "EVENT_END_USE_SPECIAL_SKILL";
+    public static EVENT_MANA_READY = "EVENT_MANA_READY";
+    public static EVENT_START_USE_ACTIVE_SKILL = "EVENT_START_USE_ACTIVE_SKILL";
+    public static EVENT_END_USE_ACTIVE_SKILL = "EVENT_END_USE_ACTIVE_SKILL";
+    public static EVENT_INIT_MAP = "EVENT_INIT_MAP";
+    public static EVENT_CHECK_WIN = "EVENT_CHECK_WIN";
+    public static EVENT_START_JOYSTICK = "EVENT_START_JOYSTICK";
+    public static EVENT_END_JOYSTICK = "EVENT_END_JOYSTICK";
+    public static EVENT_COLLECT_PASSIVE_SKILL = "EVENT_COLLECT_PASSIVE_SKILL";
+
+    public static ENEMY_CREEP = "CREEP";
+    public static ENEMY_BOSS = "BOSS";
+    public static HERO = "HERO";
+
+    //UNIT
+    public static SPEED_TIME_UNIT = 1 / 25.0; // second ~ pixcel
+    public static SPEED_UNIT = 5; //pixcel
+    public static SQUARE_UNIT = 100; //1 square distance ~pixcel
+    public static DISTANCE_UNIT = GameDefine.SQUARE_UNIT;// 1 distance ~ pixcel
+    public static MANA_UNIT = 3;// mana ~ second
+    public static HPHEAL_UNIT = 1;// hp ~ second
+    public static readonly TIME_DELAY_DESTROY = 0.0001;
+
+    public static readonly MAX_PASSIVE_SKILL_LEVEL = 5;
+
+    public static getPhysicGroupName(group): string
+    {
+        // return group.toString();
+        var listPhysicGroupStrings = {
+            "1": "DEFAULT", "2": "ENEMY", "4": "HERO", "8": "BULLET_HERO", "16": "BULLET_ENEMY",
+            "32": "SENSOR", "64": "OBSTACLE", "128": "ACTIVE_SKILL"
+        }
+        return listPhysicGroupStrings[Number(group)];
+    }
+
+    public static SKILL_SPECIAL_DATA_INFO = {
+        "1": { skillId: 1, skillName: "Skill 1", skillTime: 8 },
+        "2": { skillId: 2, skillName: "Skill 2", skillTime: 12 },
+        "3": { skillId: 3, skillName: "Skill 3", skillTime: 10 },
+        "4": { skillId: 4, skillName: "Skill 4", skillTime: 10 }
+    }
+
+    public static ACTIVE_SKILL_KEY = ["AS1", "AS2", "AS3"];
+
+    public static getEnemyType(group: string)
+    {
+        switch (group)
+        {
+            case "Melee":
+                return ENEMY_TYPE.MELEE;
+            
+            case "Range":
+                return ENEMY_TYPE.RANGE;
+            
+            case "Slow":
+                return ENEMY_TYPE.SLOW;
+            
+            case "Spawn":
+                return ENEMY_TYPE.SPAWN;
+            
+            case "Splits":
+                return ENEMY_TYPE.SPLIT;
+            
+            case "Immortal":
+                return ENEMY_TYPE.IMPORTAL;
+            
+            case "Heal":
+                return ENEMY_TYPE.HEAL;
+            
+            default:
+                return null;
+        }
+    }
+
+    public static getAttackType(enemeType: number)
+    {
+        switch (enemeType) {
+            case ENEMY_TYPE.MELEE:
+                return EATTACK_TYPE.MELEE;
+
+            case ENEMY_TYPE.SPLIT:
+                return EATTACK_TYPE.MELEE;
+
+            case ENEMY_TYPE.RANGE:
+                return EATTACK_TYPE.RANGE;
+            
+            case ENEMY_TYPE.SLOW:
+                return EATTACK_TYPE.TARGET;
+
+            case ENEMY_TYPE.HEAL:
+                return EATTACK_TYPE.TARGET;
+            
+            case ENEMY_TYPE.IMPORTAL:
+                return EATTACK_TYPE.MIXED;
+
+            case ENEMY_TYPE.SPAWN:
+                return EATTACK_TYPE.SPAWN;
+            
+            default:
+                return null;
+        }
+    }
+
+    public static PASSIVE_SKILL =  {
+        PS1: "PS1",
+        PS2: "PS2",
+        PS3: "PS3",
+        PS4: "PS4",
+        PS5: "PS5",
+        PS6: "PS6",
+        PS7: "PS7",
+        PS8: "PS8",
+        PS9: "PS9",
+    }
+}
+
diff --git a/assets/cc-game/scripts/config/GameDefine.ts.meta b/assets/cc-game/scripts/config/GameDefine.ts.meta
new file mode 100644
index 0000000..c1a6a07
--- /dev/null
+++ b/assets/cc-game/scripts/config/GameDefine.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "b15d476b-db80-4290-940c-643c65139419",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/debug-config.meta b/assets/cc-game/scripts/debug-config.meta
new file mode 100644
index 0000000..e63fc7b
--- /dev/null
+++ b/assets/cc-game/scripts/debug-config.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "ad320b5a-9984-4350-acdc-440782810e4b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/debug-config/DebugFPS.ts b/assets/cc-game/scripts/debug-config/DebugFPS.ts
new file mode 100644
index 0000000..72f2915
--- /dev/null
+++ b/assets/cc-game/scripts/debug-config/DebugFPS.ts
@@ -0,0 +1,55 @@
+import { Label } from 'cc';
+import { Button } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmStorageManager } from '../../../cc-common/cc-util/UmStorageManager';
+import { profiler } from 'cc';
+import { PhysicsSystem2D } from 'cc';
+import { EPhysics2DDrawFlags } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('DebugFPS')
+export class DebugFPS extends Component {
+    @property(Button) spfBtn: Button = null!;
+    @property(Button) physicBtn: Button = null!;
+    @property(Label) title: Label = null!;
+
+    protected onLoad(): void {
+        this.spfBtn?.node.on(Button.EventType.CLICK, this.setFPS, this);
+        this.physicBtn?.node.on(Button.EventType.CLICK, this.setPhysicDebug, this);
+        this.setDebugFPSActive(this.getStatus());
+        // PhysicsSystem2D.instance.debugDrawFlags = true ? EPhysics2DDrawFlags.Shape : EPhysics2DDrawFlags.None;
+
+    }
+
+    private setFPS()
+    {
+        var isOn = this.getStatus();
+        this.setStatus(!isOn);
+        this.setDebugFPSActive(!isOn);
+    }
+
+    isPhysicDebug = false;
+    private setPhysicDebug() {
+        this.isPhysicDebug = !this.isPhysicDebug;
+        this.scheduleOnce(() => {
+            PhysicsSystem2D.instance.debugDrawFlags = this.isPhysicDebug ? EPhysics2DDrawFlags.Shape : EPhysics2DDrawFlags.None;
+        }, 0);
+    }
+
+    getStatus()
+    {
+        return UmStorageManager.instance.getBooleanByKey("show_fps", false);
+    }
+
+    setStatus(isOn: boolean)
+    {
+        UmStorageManager.instance.setBooleanByKey("show_fps", isOn);
+    }
+
+
+    setDebugFPSActive(isActive: boolean) {
+        isActive ? profiler.showStats() : profiler.hideStats();
+        this.title.string = isActive ? "ON" : "OFF";
+    }
+}
+
diff --git a/assets/cc-game/scripts/debug-config/DebugFPS.ts.meta b/assets/cc-game/scripts/debug-config/DebugFPS.ts.meta
new file mode 100644
index 0000000..68814e3
--- /dev/null
+++ b/assets/cc-game/scripts/debug-config/DebugFPS.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "36e9460e-0240-444e-8e0f-5b4a3b41372b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/debug-config/ItemDataConfig.ts b/assets/cc-game/scripts/debug-config/ItemDataConfig.ts
new file mode 100644
index 0000000..9441a41
--- /dev/null
+++ b/assets/cc-game/scripts/debug-config/ItemDataConfig.ts
@@ -0,0 +1,51 @@
+import { CCInteger } from 'cc';
+import { Label } from 'cc';
+import { Slider } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+const { ccclass, property } = _decorator;
+
+@ccclass('ItemDataConfig')
+export class ItemDataConfig extends Component {
+    @property(Slider) slider: Slider = null!;
+    @property(Label) valueTxt: Label = null!;
+    @property(CCInteger) maxValue = 100;
+    @property(CCInteger) minValue = 1;
+    @property(CCInteger) roundDigits = 0;
+
+    protected onEnable(): void {
+        this.slider.node.on('slide', this.onSlide, this);
+    }
+
+    protected onDisable(): void {
+        this.slider.node.off('slide', this.onSlide, this);
+    }
+
+    onSlide(slider: Slider) {
+        this.updateDisplay();
+    }
+
+    setData(value)
+    {
+        var progress = (value - this.minValue) / (this.maxValue - this.minValue);
+        UmLog.log("Slider => ", progress);
+        progress = Math.min(1, progress);
+        this.slider.progress = progress;
+        this.updateDisplay();
+    }
+
+    updateDisplay()
+    {
+        var value = this.minValue + this.slider.progress * (this.maxValue - this.minValue);
+        value = Math.min(this.maxValue, value);
+        this.valueTxt.string = value.roundDigits(this.roundDigits).toString();
+    }
+
+    getData(): number
+    {
+        return Number(this.valueTxt.string);
+    }
+
+
+}   
+
diff --git a/assets/cc-game/scripts/debug-config/ItemDataConfig.ts.meta b/assets/cc-game/scripts/debug-config/ItemDataConfig.ts.meta
new file mode 100644
index 0000000..8176888
--- /dev/null
+++ b/assets/cc-game/scripts/debug-config/ItemDataConfig.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "82016b35-7212-49e2-9f61-4e85c83fd77f",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/debug-config/LayoutDataConfig.ts b/assets/cc-game/scripts/debug-config/LayoutDataConfig.ts
new file mode 100644
index 0000000..15c0e88
--- /dev/null
+++ b/assets/cc-game/scripts/debug-config/LayoutDataConfig.ts
@@ -0,0 +1,81 @@
+import { _decorator, Component, Node } from 'cc';
+import { ItemDataConfig } from './ItemDataConfig';
+import { GameGlobalData } from '../global/GameGlobalData';
+import { Button } from 'cc';
+import { EGAME_STATE } from '../config/GameDefine';
+import { director } from 'cc';
+import { UmStorageManager } from '../../../cc-common/cc-util/UmStorageManager';
+import { Label } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('LayoutDataConfig')
+export class LayoutDataConfig extends Component {
+    @property(Button) btnOk: Button = null!;
+    @property(Button) btnCancel: Button = null!;
+    @property(Button) btnClearDataSaver: Button = null!;
+    @property(Label) txtNotice: Label = null!;
+
+    @property(ItemDataConfig) listItems: ItemDataConfig[] = [];
+
+    beforeState = EGAME_STATE.WAIT;
+
+    protected onLoad(): void {
+        this.btnCancel.node.on(Button.EventType.CLICK, this.onCancel, this);
+        this.btnOk.node.on(Button.EventType.CLICK, this.onOk, this);
+        this.btnClearDataSaver.node.on(Button.EventType.CLICK, this.onClearDataSaver, this);
+    }
+
+    onEnable()
+    {
+        this.beforeState = GameGlobalData.Instance.gameState;
+        GameGlobalData.Instance.changeState(EGAME_STATE.WAIT);
+        this.txtNotice.string = "";
+
+        // var currentHeroData = GameGlobalData.Instance.heroData.getHeroData();
+
+        // this.listItems[0].setData(currentHeroData.shooting.AtkRange);
+        // this.listItems[1].setData(currentHeroData.shooting.AtkCoolDown);
+        // this.listItems[2].setData(currentHeroData.shooting.AtkSpeed);
+        // this.listItems[3].setData(currentHeroData.shooting.Damage);
+        // this.listItems[4].setData(currentHeroData.hp);
+        // this.listItems[5].setData(currentHeroData.manaRecoveryTime);
+    }
+
+    protected onDisable(): void {
+        GameGlobalData.Instance.changeState(this.beforeState);
+    }
+
+    onCancel()
+    {
+        this.node.setNodeActive(false);
+    }
+
+    onOk()
+    {
+        // var heroData = GameGlobalData.Instance.heroData.getHeroData();
+        // heroData.shooting.AtkRange = this.listItems[0].getData();
+
+        // heroData.shooting.AtkRange = this.listItems[0].getData();
+        // heroData.shooting.AtkCoolDown = this.listItems[1].getData();
+        // heroData.shooting.AtkSpeed = this.listItems[2].getData();
+        // heroData.shooting.Damage = this.listItems[3].getData();
+        // heroData.hp = this.listItems[4].getData();
+        // heroData.manaRecoveryTime = this.listItems[5].getData();
+
+        // GameGlobalData.Instance.heroData.setHeroDara(heroData);
+
+        
+        this.node.setNodeActive(false);
+
+        GameGlobalData.Instance.newGame();
+    }
+
+    onClearDataSaver()
+    {
+        UmStorageManager.instance.removeAllKey();
+        this.txtNotice.string = "Motice: " + "Clear Data Saver => Done";
+    }
+
+
+}
+
diff --git a/assets/cc-game/scripts/debug-config/LayoutDataConfig.ts.meta b/assets/cc-game/scripts/debug-config/LayoutDataConfig.ts.meta
new file mode 100644
index 0000000..bba0a24
--- /dev/null
+++ b/assets/cc-game/scripts/debug-config/LayoutDataConfig.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "de7efd4e-9980-468a-a587-69cf5316fb26",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_data.meta b/assets/cc-game/scripts/game_data.meta
new file mode 100644
index 0000000..5ec2e3b
--- /dev/null
+++ b/assets/cc-game/scripts/game_data.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "714955b3-cfee-47e9-9053-ae4036c0ee6e",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_data/EnemyData.ts b/assets/cc-game/scripts/game_data/EnemyData.ts
new file mode 100644
index 0000000..9869130
--- /dev/null
+++ b/assets/cc-game/scripts/game_data/EnemyData.ts
@@ -0,0 +1,48 @@
+import { _decorator, Component, Node } from 'cc';
+import { EnemyDataInfo } from '../global/GameInterface';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+import { UmStorageManager } from '../../../cc-common/cc-util/UmStorageManager';
+const { ccclass, property } = _decorator;
+
+@ccclass('EnemyData')
+export class EnemyData extends Component {
+    dataInfo: EnemyDataInfo = null;
+
+    public loadData() {
+        this.getData();
+    }
+
+    public getData(): EnemyDataInfo {
+        if (!this.dataInfo) {
+            var data = this.getDataFromStorage();
+            if (data?.length) {
+                this.dataInfo = JSON.parse(data);
+                return this.dataInfo;
+            }
+            else {
+                return this.defaultData();
+            }
+        }
+
+        return this.dataInfo;
+    }
+
+    public setDara(dataInfo) {
+        this.dataInfo = dataInfo;
+        this.saveDataToStroge();
+    }
+
+    defaultData(): EnemyDataInfo {
+        return { hp: 120, weapon: 1, shooting: { AtkRange: 200, AtkCoolDown: 1000, AtkSpeed: 4, Damage: 8, AoERange: 1 } };
+    }
+
+    private getDataFromStorage(): string {
+        var result = UmStorageManager.instance.getStringByKey("enemy_data_info", "");
+        // UmLog.log("getDataFromStorage => ", result);
+        return result;
+    }
+
+    private saveDataToStroge() {
+        UmStorageManager.instance.setStringByKey("enemy_data_info", JSON.stringify(this.getData()));
+    }
+}
diff --git a/assets/cc-game/scripts/game_data/EnemyData.ts.meta b/assets/cc-game/scripts/game_data/EnemyData.ts.meta
new file mode 100644
index 0000000..87b9fd2
--- /dev/null
+++ b/assets/cc-game/scripts/game_data/EnemyData.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "dee5cc1e-f60b-456f-a5ed-0e45f8f8168c",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_data/GameDataConfig.ts b/assets/cc-game/scripts/game_data/GameDataConfig.ts
new file mode 100644
index 0000000..8b33eda
--- /dev/null
+++ b/assets/cc-game/scripts/game_data/GameDataConfig.ts
@@ -0,0 +1,232 @@
+import { JsonAsset } from 'cc';
+import { TextAsset } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+const { ccclass, property } = _decorator;
+
+
+@ccclass('GameDataConfig')
+export class GameDataConfig extends Component {
+    @property(JsonAsset) heroAsset: JsonAsset = null!;
+    @property(JsonAsset) enemyAsset: JsonAsset = null!;
+    @property(JsonAsset) bossAsset: JsonAsset = null!;
+    @property(JsonAsset) activeSkillAsset: JsonAsset = null!;
+    @property(JsonAsset) levelDesignAsset: JsonAsset = null!;
+    @property(JsonAsset) skillUnlockAsset: JsonAsset = null!;
+    @property(JsonAsset) passiveSkillAsset: JsonAsset = null!;
+
+    activeSkillDataConfigMap = {};
+    enemyDataConfigMap = {};
+    bossDataConfigMap = {};
+    passiveSkillDataConfigMap = {};
+
+    protected onLoad(): void {
+        this.convertActiveSkillDataConfig();
+        this.convertEnemyDataConfig();
+        this.convertBossDataConfig();
+        this.convertPassiveSkillDataConfig();
+    }
+
+    convertActiveSkillDataConfig()
+    {
+        for (var i = 0; i < this.activeSkillAsset.json.length; i++) {
+            var data = this.activeSkillAsset.json[i];
+            var converData = {
+                No: data["no"],
+                Skill_ID: data["skillid"],
+                Skill_Name: data["skillname"],
+                LevelSkill: data["levelskill"],
+                Visual_Name: data["visualname"],
+                DMG: data["dmg"],
+                Mana: data["mana"],
+                Range: data["range"],
+            };
+
+            this.activeSkillDataConfigMap[converData.Skill_ID] = converData;
+        }
+    }
+
+    convertEnemyDataConfig() {
+        for (var i = 0; i < this.enemyAsset.json.length; i++) {
+            var data = this.enemyAsset.json[i];
+            var converData = {
+                No: data["no"],
+                Name_Id: data["nameid"],
+                Group: data["group"],
+                Visual_Name: data["visualname"],
+                Atk: data["atk"],
+                Hp: data["hp"],
+                Exp: data["exp"],
+                AtkSpeed: data["atkspeed"],
+                AtkCoolDown: data["atkcooldown"],
+                MoveSpeed: data["movespeed"],
+                AtkRange: data["atkrange"],
+                VisualRange: data["visualrange"],
+                AoEDmg: data["aoedmg"],
+                AoERange: data["aoerange"],
+            };
+
+            this.enemyDataConfigMap[converData.Name_Id] = converData;
+        }
+        // this.enemyAsset.destroy();
+    }
+
+    convertBossDataConfig() {
+        for (var i = 0; i < this.bossAsset.json.length; i++) {
+            var data = this.bossAsset.json[i];
+            var converData = {
+                No: data["no"],
+                Name_Id: data["nameid"],
+                Group: data["group"],
+                Visual_Name: data["visualname"],
+                Atk: data["atk"],
+                Hp: data["hp"],
+                AtkSpeed: data["atkspeed"],
+                Exp: data["exp"],
+                MoveSpeed: data["movespeed"],
+                AtkRange: data["atkrange"],
+                AtkCoolDown: data["atkcooldown"],
+                VisualRange: data["visualrange"],
+                SkillDmg: data["Skilldmg"],
+                SkillEffect: data["skilleffect"],
+            };
+
+            this.bossDataConfigMap[converData.Name_Id] = converData;
+        }
+        // this.bossAsset.destroy();
+    }
+
+    convertPassiveSkillDataConfig() {
+        for (var i = 0; i < this.passiveSkillAsset.json.length; i++) {
+            var data = this.passiveSkillAsset.json[i];
+            var converData: PassiveSkillInfo = JSON.parse(JSON.stringify(data));
+            this.passiveSkillDataConfigMap[converData.skillid] = converData;
+        }
+    }
+
+    public ACTIVE_SKILL_USE_INFO = [
+        { skillId: "AS1", skillName: "AS1", mana: 10, useType: 0, useTime: 2 },
+        { skillId: "AS2", skillName: "AS2", mana: 15, useType: 1, useTime: 1 },
+        { skillId: "AS3", skillName: "AS3", mana: 30, useType: 0, useTime: 10.0 },
+    ];
+
+    getActiveSkill(level: number = 1): ActiveSkillData[] {
+        return [this.activeSkillDataConfigMap[`AS1|${level}`], this.activeSkillDataConfigMap[`AS2|${level}`], this.activeSkillDataConfigMap[`AS3|${level}`]];
+    }
+
+   getActiveSkillDataByNameAndLevel(skillName: string, skillLevel: number) {
+       return this.activeSkillDataConfigMap[`${skillName}|${skillLevel}`];
+    }
+
+    getActiveSkillConfig(listSkillCollect: string[]): ActiveSkillData[] {
+        var results = new Array();
+        for (var i = 0; i < listSkillCollect.length; i++)
+        {   
+            results.push(this.activeSkillDataConfigMap[listSkillCollect[i]]);
+        }
+        return results;
+    }
+
+    getPassiveSkillDataById(skillId: string)
+    {
+        return this.passiveSkillDataConfigMap[skillId];
+    }
+
+    getPassiveSkillDataByNameAndLevel(skillName: string, skillLevel: number): PassiveSkillInfo {
+        return this.passiveSkillDataConfigMap[`${skillName}|${skillLevel}`];
+    }
+
+    public HERO_CONTROL_CONFIG = {
+        heroMoveSpeed: 5
+    }
+
+    public stageInfo = {
+        creep: 3, boss: 1
+    }
+
+    protected start(): void {
+        UmLog.log("hero json => ", this.getHeroDataByLevel(1));
+
+        UmLog.log("leveldesign json => ", this.getLevelDesignByLevel(1).goldcollect);
+
+        UmLog.log("getSkillUnlockDataByLevel json => ", JSON.stringify(this.getSkillUnlockDataByLevel(1)));
+    }
+
+    public getHeroDataByLevel(level: number): any
+    {
+        var data = this.heroAsset.json[level - 1];
+        var result = {
+            Level: data["level"],
+            Atk: data["atk"],
+            Hp: data["hp"],
+            AtkRange: data["atkrange"],
+            AtkSpeed: data["atkspeed"],
+            AtkCoolDown: data["atkcooldown"],
+            ManaMax: data["manamax"],
+            ManaGenerate: data["managenerate"],
+            HpHeal: data["hpheal"],
+            Exp: data["exp"],
+            AoEDmg: data["aoedmg"],
+            AoERange: data["aoerange"],
+
+        };
+        return result;
+    }
+
+    public getEnemyDataConfigById(enemyId: string)
+    {
+        return this.enemyDataConfigMap[enemyId];
+    }
+
+    public getBossDataConfigById(bossId: string) {
+        return this.bossDataConfigMap[bossId];
+    }
+
+    public getLevelDesignByLevel(level: number): LevelDesignInfo
+    {
+        var result: LevelDesignInfo = JSON.parse(JSON.stringify(this.levelDesignAsset.json[level - 1]));
+        return result;
+    }
+
+    public getSkillUnlockDataByLevel(level: number)
+    {
+        return this.skillUnlockAsset.json[level - 1]["skillunlock"];
+    }
+}
+
+
+export interface ActiveSkillData {
+    No: number;
+    Skill_ID: string;
+    Skill_Name: string;
+    LevelSkill: number;
+    Visual_Name: string;
+    DMG: number;
+    Mana: number;
+    Range: number
+}
+
+export interface StageInfo 
+{
+    creep: number;
+    boos: number;
+}
+
+export interface LevelDesignInfo {
+    level: number;
+    atkratio: number;
+    hpratio: number;
+    expratio: number;
+    goldcollect: number;
+    formations: string;
+    reward: string;
+}
+
+export interface PassiveSkillInfo {
+    no: number;
+    skillid: string;
+    skillname: string;
+    levelskill: number;
+    visualname: string;
+    value: number;
+}
\ No newline at end of file
diff --git a/assets/cc-game/scripts/game_data/GameDataConfig.ts.meta b/assets/cc-game/scripts/game_data/GameDataConfig.ts.meta
new file mode 100644
index 0000000..658e5ef
--- /dev/null
+++ b/assets/cc-game/scripts/game_data/GameDataConfig.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "c7767cec-01fb-489b-ae5c-a56576703bc3",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_data/HeroData.ts b/assets/cc-game/scripts/game_data/HeroData.ts
new file mode 100644
index 0000000..3a881f5
--- /dev/null
+++ b/assets/cc-game/scripts/game_data/HeroData.ts
@@ -0,0 +1,77 @@
+import { _decorator, Component, Node } from 'cc';
+import { UmStorageManager } from '../../../cc-common/cc-util/UmStorageManager';
+import { HeroDataInfo } from '../global/GameInterface';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+const { ccclass, property } = _decorator;
+
+@ccclass('HeroData')
+export class HeroData extends Component {
+    heroDataInfo: HeroDataInfo = null;
+    
+    public loadData()
+    {
+        this.getHeroData();
+        this.addMoreDefaultData();
+    }
+
+    addMoreDefaultData()
+    {
+        if (!this.heroDataInfo?.skillSpecial?.length)
+        {
+            this.heroDataInfo.skillSpecial = new Array();
+            this.heroDataInfo.skillSpecial = [1, 2];
+            this.setHeroDara(this.heroDataInfo);
+            UmLog.log("Add more data", JSON.stringify(this.heroDataInfo));
+
+        }
+
+        if (!this.heroDataInfo?.manaRecoveryTime)
+        {
+            this.heroDataInfo.manaRecoveryTime = 10;    
+            this.setHeroDara(this.heroDataInfo);
+            UmLog.log("Add more data", JSON.stringify(this.heroDataInfo));
+        }
+
+    }
+
+    public getHeroData(): HeroDataInfo
+    {
+        if (!this.heroDataInfo)
+        {
+            var data = this.getDataFromStorage();
+            if (data?.length)
+            {
+                this.heroDataInfo = JSON.parse(data);
+                return this.heroDataInfo;
+            }
+            else {
+                this.heroDataInfo = this.defaultData();
+                return this.heroDataInfo;
+            }
+        }
+        return this.heroDataInfo;
+    }
+
+    public setHeroDara(dataInfo)
+    {
+        this.heroDataInfo = dataInfo;
+        this.saveDataToStroge();
+    }
+
+    defaultData(): HeroDataInfo
+    {
+        return { hp: 100, weapon: 1, shooting: { AtkRange: 5, AtkCoolDown: 500, AtkSpeed: 3, Damage: 4, AoERange: 1 }, manaRecoveryTime: 10, skillSpecial: [1, 2] };
+    }
+
+    private getDataFromStorage(): string
+    {
+        var result = UmStorageManager.instance.getStringByKey("hero_data_info", "");
+        UmLog.log("getDataFromStorage => ", result);
+        return result;
+    }
+
+    private saveDataToStroge()
+    {
+        UmStorageManager.instance.setStringByKey("hero_data_info", JSON.stringify(this.heroDataInfo));
+    }
+}
diff --git a/assets/cc-game/scripts/game_data/HeroData.ts.meta b/assets/cc-game/scripts/game_data/HeroData.ts.meta
new file mode 100644
index 0000000..93ec9aa
--- /dev/null
+++ b/assets/cc-game/scripts/game_data/HeroData.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "9f41e446-20d3-4520-be63-ac5b4b751d36",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_data/UserDataSaver.ts b/assets/cc-game/scripts/game_data/UserDataSaver.ts
new file mode 100644
index 0000000..93d1bb7
--- /dev/null
+++ b/assets/cc-game/scripts/game_data/UserDataSaver.ts
@@ -0,0 +1,84 @@
+import { _decorator, Component, Node } from 'cc';
+import { UmStorageManager } from '../../../cc-common/cc-util/UmStorageManager';
+import { HeroDataInfo } from '../global/GameInterface';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+import { CCFloat } from 'cc';
+import { GameDefine } from '../config/GameDefine';
+const { ccclass, property } = _decorator;
+
+@ccclass('UserDataSaver')
+export class UserDataSaver extends Component {
+    @property(CCFloat) check;
+
+    heroDataInfo: HeroDataInfo = null;
+
+    public level: number;
+    private level_key = "level";
+
+    public expInLevel: number;
+    private expInlevel_key = "expInlevel";
+
+    public expAllTime: number;
+    private expAllTime_key = "expAllTime";
+
+    public gold: number;
+    private gold_key = "gold"
+
+    public activeSkillCollected: {};
+    private skill_collected_key = "skill_collected";
+
+    getKeySaver(key: string)
+    {
+        return "UserDataSaver_" + key;
+    }
+    
+    public loadData()
+    {
+        // this.level = UmStorageManager.instance.getNumberByKey(this.getKeySaver(this.level_key), 1);
+        // this.expInLevel = UmStorageManager.instance.getNumberByKey(this.getKeySaver(this.expInlevel_key), 0);
+        // this.expAllTime = UmStorageManager.instance.getNumberByKey(this.getKeySaver(this.expAllTime_key), 0);
+        // this.gold = UmStorageManager.instance.getNumberByKey(this.getKeySaver(this.gold_key), 0);
+        // this.skill_collected = JSON.parse(UmStorageManager.instance.getStringByKey(this.getKeySaver(this.skill_collected_key), this.skillCollectedDefault()));
+    }
+
+    public saveData()
+    {
+        // UmStorageManager.instance.setNumberByKey(this.getKeySaver(this.level_key), this.level);
+        // UmStorageManager.instance.setNumberByKey(this.getKeySaver(this.expInlevel_key), this.expInLevel);
+        // UmStorageManager.instance.setNumberByKey(this.getKeySaver(this.expAllTime_key), this.expAllTime);
+        // UmStorageManager.instance.setStringByKey(this.getKeySaver(this.skill_collected_key), JSON.stringify(this.skill_collected));
+        // UmStorageManager.instance.setNumberByKey(this.getKeySaver(this.gold_key), this.gold);
+    }
+
+    resetData()
+    {
+        this.level = 1;
+        this.expInLevel = 0;
+        this.expAllTime = 0;
+        this.gold = 0;
+        this.activeSkillCollected = this.skillCollectedDefault();
+    }
+
+    skillCollectedDefault()
+    {
+        var results = {};
+        var listKeys = GameDefine.ACTIVE_SKILL_KEY;
+        for (var i = 0; i < listKeys.length; i++)
+        {
+            results[listKeys[i]] = 1;    
+        }
+        return results;
+    }
+
+    collectSkill(skillId: string, plusLevel: number)
+    {
+        var skillLevel = 0;
+        if (this.activeSkillCollected.hasOwnProperty((skillId)))
+            skillLevel = this.activeSkillCollected[skillId];
+
+        skillLevel += plusLevel;
+        skillLevel = Math.min(skillLevel, 20);
+        this.activeSkillCollected[skillId] = skillLevel;
+        this.saveData();
+    }
+}
diff --git a/assets/cc-game/scripts/game_data/UserDataSaver.ts.meta b/assets/cc-game/scripts/game_data/UserDataSaver.ts.meta
new file mode 100644
index 0000000..f6fe7eb
--- /dev/null
+++ b/assets/cc-game/scripts/game_data/UserDataSaver.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"9af0b358-a85c-4e8c-8eb3-064d6042818c","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/game_play.meta b/assets/cc-game/scripts/game_play.meta
new file mode 100644
index 0000000..484a098
--- /dev/null
+++ b/assets/cc-game/scripts/game_play.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "14733621-d7e8-4753-8bd2-4788f4997ad8",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/GamePlayManager.ts b/assets/cc-game/scripts/game_play/GamePlayManager.ts
new file mode 100644
index 0000000..7646701
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/GamePlayManager.ts
@@ -0,0 +1,74 @@
+import { _decorator, Component, Node } from 'cc';
+import { EGAME_STATE, GameDefine } from '../config/GameDefine';
+import { GameGlobalData } from '../global/GameGlobalData';
+import { HeroBase } from './hero/HeroBase';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+import { LayoutManager } from './LayoutManager';
+import { UmClientEvent } from '../../../cc-common/cc-util/UmOneToMultiListener';
+const { ccclass, property } = _decorator;
+
+@ccclass('GamePlayManager')
+export class GamePlayManager extends Component {
+    hero: HeroBase = null!;
+    protected onLoad(): void {
+        UmClientEvent.on(GameDefine.EVENT_CHECK_WIN, this.checkWinAfterKilledEnemy.bind(this));
+    }
+
+    protected onDestroy(): void {
+        UmClientEvent.off(GameDefine.EVENT_CHECK_WIN, this.checkWinAfterKilledEnemy.bind(this));
+    }
+
+    start() {
+        // this.changeState(EGAME_STATE.PLAY);
+    }
+
+    changeState(state: EGAME_STATE) {
+        GameGlobalData.Instance.changeState(state);
+    }
+
+    getHero(): HeroBase {
+        return this.hero;
+    }
+
+    checkWinAfterKilledEnemy(enemy: string, expCollect: number)
+    {
+        UmLog.warn("checkWinAfterKilledEnemy => ", enemy, expCollect);
+
+        if (!Number.isNaN(expCollect))
+        {
+
+            GameGlobalData.Instance.expCollected += expCollect;
+            LayoutManager.instance.GameUI.updateExpProgressBar(GameGlobalData.Instance.expCollected);
+            LayoutManager.instance.GameUI.checkLevelUp();
+        }
+
+        var killedData = GameGlobalData.Instance.killedData;
+        if (enemy == GameDefine.ENEMY_CREEP)
+            killedData.creep++;
+        else
+            killedData.boss++;
+
+        GameGlobalData.Instance.killedData = killedData;
+
+        var stageData = GameGlobalData.Instance.gameDataConfig.stageInfo;
+
+        if (killedData.creep >= stageData.creep)
+        {
+            // UmLog.log("checkWinAfterKilledEnemy => ", "CHECK BOSS");s
+            if (killedData.boss >= stageData.boss) {
+                GameGlobalData.Instance.killedData = killedData = { creep: 0, boss: 0 };
+                UmClientEvent.dispatchEvent(GameDefine.EVENT_INIT_MAP, GameDefine.ENEMY_CREEP);
+            }
+            else {
+                UmClientEvent.dispatchEvent(GameDefine.EVENT_INIT_MAP, GameDefine.ENEMY_BOSS);
+            }
+        }
+    }
+
+    getRewardData()
+    {
+        var levelDataConfig = GameGlobalData.Instance.getLevelDesignConfigData();
+        return { exp: GameGlobalData.Instance.expCollected, gold: levelDataConfig.goldcollect, reward: levelDataConfig.reward };
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/GamePlayManager.ts.meta b/assets/cc-game/scripts/game_play/GamePlayManager.ts.meta
new file mode 100644
index 0000000..fce21c9
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/GamePlayManager.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a5e81daf-627b-42b1-ac4c-01865d05d407",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/LayoutManager.ts b/assets/cc-game/scripts/game_play/LayoutManager.ts
new file mode 100644
index 0000000..d570ad3
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/LayoutManager.ts
@@ -0,0 +1,22 @@
+import { _decorator, Component, Node } from 'cc';
+import { GameUI } from '../game_ui/GameUI';
+import { MapManager } from './map/MapManager';
+const { ccclass, property } = _decorator;
+
+@ccclass('LayoutManager')
+export class LayoutManager extends Component {
+    @property(Node) gameplaySpaceLayout: Node = null!;
+    @property(GameUI) private gameUI: GameUI = null!;
+
+    public static instance: LayoutManager = null!;
+
+    protected onLoad(): void {
+        LayoutManager.instance = this;
+    }
+
+    public get GameUI(): GameUI
+    {
+        return this.gameUI;
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/LayoutManager.ts.meta b/assets/cc-game/scripts/game_play/LayoutManager.ts.meta
new file mode 100644
index 0000000..73043a4
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/LayoutManager.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "d8fb51e8-9487-48a1-97e4-1ab1cf1525df",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/ShootingManager.ts b/assets/cc-game/scripts/game_play/ShootingManager.ts
new file mode 100644
index 0000000..b681519
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/ShootingManager.ts
@@ -0,0 +1,20 @@
+import { _decorator, Component, Node } from 'cc';
+import { NodeBase } from '../base/NodeBase';
+import { EventTouch, Vec3 } from 'cc';
+import { GameGlobalData } from '../global/GameGlobalData';
+const { ccclass, property } = _decorator;
+
+@ccclass('ShootingManager')
+export class ShootingManager extends NodeBase {
+
+    protected onLoad(): void {
+        this.enableTouch();
+    }
+
+    protected onTouchStart(event: EventTouch) {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        // this.originPoint = new Vec3(this.node.position);
+        // let point = this.getTouchPointInParentNode(event.getUILocation());
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/ShootingManager.ts.meta b/assets/cc-game/scripts/game_play/ShootingManager.ts.meta
new file mode 100644
index 0000000..444ced5
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/ShootingManager.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "1b3c44fd-30c2-4a2e-8a67-ab64e2cfb7f8",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/boss.meta b/assets/cc-game/scripts/game_play/boss.meta
new file mode 100644
index 0000000..adccd70
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "3c17f86b-7914-44af-86f8-16cfeb78191e",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/boss/Boss.ts b/assets/cc-game/scripts/game_play/boss/Boss.ts
new file mode 100644
index 0000000..79c3899
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/Boss.ts
@@ -0,0 +1,75 @@
+import { _decorator, Component, Node } from 'cc';
+import { LayoutManager } from '../LayoutManager';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { EMOVE_MODE, GameDefine } from '../../config/GameDefine';
+import { BossBase } from './BossBase';
+import { Vec3 } from 'cc';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+const { ccclass, property } = _decorator;
+
+@ccclass('Boss')
+export class Boss extends BossBase {
+
+    setMoveData(data) {
+        super.setMoveData(data);
+        this.changeMoveMode(EMOVE_MODE.FREE);
+        UmLog.log("BossMelee => setmovedata");
+    }
+
+    setIsContactObstacle(isContact) {
+        // UmLog.log("[CreepMove] => setIsContactObstacle ", isContact);
+        this.isContactObstacle = isContact;
+    }
+
+    setIsSensorHero(isContact) {
+        this.isSensorHero = isContact;
+        this.speed = this.isSensorHero ? this.moveSpeed * 4 : this.moveSpeed;
+
+        if (isContact && this.heroTarget) {
+            // UmLog.log("setIsSensorHero attackType = ", this.attackType);
+            this.changeMoveMode(EMOVE_MODE.RANGE);
+
+        }
+        else {
+            this.changeMoveMode(EMOVE_MODE.FREE);
+        }
+    }
+
+
+    setIsContactHero(isContact) {
+        // UmLog.log("setIsContactHero => ", isContact);
+        this.isContactHero = isContact;
+
+        if (isContact) {
+            this.changeMoveMode(EMOVE_MODE.RANGE);
+        }
+        else {
+            if (this.isSensorHero && this.heroTarget) {// && this.attackType == EATTACK_TYPE.MELEE
+                this.changeMoveMode(EMOVE_MODE.RANGE);
+            }
+            else {
+                this.changeMoveMode(EMOVE_MODE.FREE);
+            }
+        }
+    }
+
+    protected updateMove(dt: number): void {
+
+        if (this.moveMode == EMOVE_MODE.FREE) {
+            this.node.position = this.getMoveTowardPoint(this.nextDestinationMove, dt);
+            if ((this.isContactObstacle && !this.isContactHero) || Vec3.distance(this.node.position, this.nextDestinationMove) < 1)
+                this.makeNewRandomTarget();
+
+            return;
+        }
+
+        if (this.moveMode == EMOVE_MODE.RANGE && this.heroTarget) {
+            UmLog.log("move range");
+            var direction = UmUtil.subtractTwoVector3(this.node.position, this.heroTarget.position);
+            this.node.position = this.getMoveTowardPoint(UmUtil.plusTwoVector3(this.node.position, direction), dt);
+            return;
+        }
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/boss/Boss.ts.meta b/assets/cc-game/scripts/game_play/boss/Boss.ts.meta
new file mode 100644
index 0000000..71567f9
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/Boss.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "71e6ac75-3d94-4fd3-9f29-cce977e59aa2",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/boss/BossBase.ts b/assets/cc-game/scripts/game_play/boss/BossBase.ts
new file mode 100644
index 0000000..fab8236
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossBase.ts
@@ -0,0 +1,38 @@
+import { _decorator, Component, Node } from 'cc';
+import { EnemyBase } from '../enemy/EnemyBase';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { Color } from 'cc';
+import { EATTACK_TYPE, ENEMY_TYPE, GameDefine } from '../../config/GameDefine';
+
+import { BossMelee } from './BossMelee';
+import { BossRange } from './BossRange';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { LayoutManager } from '../LayoutManager';
+const { ccclass, property } = _decorator;
+
+@ccclass('BossBase')
+export class BossBase extends EnemyBase {
+
+    setEnemyData(data) {
+        super.setEnemyData(data);
+
+        UmLog.log("BOSS data => ", JSON.stringify(data));
+        UmLog.log("BOSS data => ", this.enemyType);
+        UmLog.log("BOSS data => ", this.attackType);
+
+        var hpBar = LayoutManager.instance.GameUI.getBossHPBar();
+        hpBar.node.setNodeActive(true);
+        hpBar.setMaxHPBar(this.hp);
+    }
+
+    checkWin() {
+        if (this.isCheckedWin) return;
+        this.isCheckedWin = true;
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_CHECK_WIN, GameDefine.ENEMY_BOSS, this.dataConfig?.Exp);
+    }
+
+
+
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/boss/BossBase.ts.meta b/assets/cc-game/scripts/game_play/boss/BossBase.ts.meta
new file mode 100644
index 0000000..fb347f4
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossBase.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "60e43a50-f9d7-470b-88e7-4c9fdc5ac49e",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/boss/BossMelee.ts b/assets/cc-game/scripts/game_play/boss/BossMelee.ts
new file mode 100644
index 0000000..740cadc
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossMelee.ts
@@ -0,0 +1,74 @@
+import { _decorator, Component, Node } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { Vec3 } from 'cc';
+import { EnemyMove } from '../enemy/EnemyMove';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { EMOVE_MODE } from '../../config/GameDefine';
+import { BossBase } from './BossBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('BossMelee')
+export class BossMelee extends BossBase {
+
+    setMoveData(data) {
+        super.setMoveData(data);
+        this.changeMoveMode(EMOVE_MODE.FREE);
+        UmLog.log("BossMelee => setmovedata");
+    }
+
+    setIsContactObstacle(isContact) {
+        // UmLog.log("[CreepMove] => setIsContactObstacle ", isContact);
+        this.isContactObstacle = isContact;
+    }
+
+    setIsSensorHero(isContact) {
+        this.isSensorHero = isContact;
+        this.speed = this.isSensorHero ? this.moveSpeed * 4 : this.moveSpeed;
+
+        if (isContact && this.heroTarget) {
+            // UmLog.log("setIsSensorHero attackType = ", this.attackType);
+            this.changeMoveMode(EMOVE_MODE.RANGE);
+
+        }
+        else {
+            this.changeMoveMode(EMOVE_MODE.FREE);
+        }
+    }
+
+
+    setIsContactHero(isContact) {
+        // UmLog.log("setIsContactHero => ", isContact);
+        this.isContactHero = isContact;
+
+        if (isContact) {
+            this.changeMoveMode(EMOVE_MODE.RANGE);
+        }
+        else {
+            if (this.isSensorHero && this.heroTarget) {// && this.attackType == EATTACK_TYPE.MELEE
+                this.changeMoveMode(EMOVE_MODE.RANGE);
+            }
+            else {
+                this.changeMoveMode(EMOVE_MODE.FREE);
+            }
+        }
+    }
+
+    protected updateMove(dt: number): void {
+
+        if (this.moveMode == EMOVE_MODE.FREE) {
+            this.node.position = this.getMoveTowardPoint(this.nextDestinationMove, dt);
+            if ((this.isContactObstacle && !this.isContactHero) || Vec3.distance(this.node.position, this.nextDestinationMove) < 1)
+                this.makeNewRandomTarget();
+
+            return;
+        }
+
+        if (this.moveMode == EMOVE_MODE.RANGE && this.heroTarget) {
+            UmLog.log("move range");
+            var direction = UmUtil.subtractTwoVector3(this.node.position, this.heroTarget.position);
+            this.node.position = this.getMoveTowardPoint(UmUtil.plusTwoVector3(this.node.position, direction), dt);
+            return;
+        }
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/boss/BossMelee.ts.meta b/assets/cc-game/scripts/game_play/boss/BossMelee.ts.meta
new file mode 100644
index 0000000..e5dddbd
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossMelee.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "ff57458b-0ba3-4f95-b7bb-b766b743ed33",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/boss/BossMove.ts b/assets/cc-game/scripts/game_play/boss/BossMove.ts
new file mode 100644
index 0000000..5053809
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossMove.ts
@@ -0,0 +1,28 @@
+import { _decorator, Component, Node } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { Vec3 } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('BossMove')
+export class BossMove extends Component {
+    target = 240;
+    isLeft = false;
+    targetPoint = Vec3.ZERO;
+    speed = 1 / 200;
+
+    protected start(): void {
+        this.targetPoint = this.node.position;
+        this.move();
+    }
+
+    move()
+    {
+        this.targetPoint = new Vec3(this.isLeft ? -240 : 240, this.targetPoint.y, 0);
+        UmUtil.moveTo(this.node, this.targetPoint, Vec3.distance(this.targetPoint, this.node.position) * this.speed, 0, () => {
+            this.isLeft = !this.isLeft;
+            this.move();
+        });
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/boss/BossMove.ts.meta b/assets/cc-game/scripts/game_play/boss/BossMove.ts.meta
new file mode 100644
index 0000000..e5dddbd
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossMove.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "ff57458b-0ba3-4f95-b7bb-b766b743ed33",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/boss/BossRange.ts b/assets/cc-game/scripts/game_play/boss/BossRange.ts
new file mode 100644
index 0000000..6f1bbbe
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossRange.ts
@@ -0,0 +1,73 @@
+import { _decorator, Component, Node } from 'cc';
+import { EnemyMove } from '../enemy/EnemyMove';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { Vec3 } from 'cc';
+import { EATTACK_TYPE, EMOVE_MODE, GameDefine } from '../../config/GameDefine';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { BossBase } from './BossBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('BossRange')
+export class BossRange extends BossBase {
+    setMoveData(data) {
+        super.setMoveData(data);
+        this.changeMoveMode(EMOVE_MODE.FREE);
+        UmLog.log("BossRange => setmovedata");
+    }
+
+    setIsContactObstacle(isContact) {
+        // UmLog.log("[CreepMove] => setIsContactObstacle ", isContact);
+        this.isContactObstacle = isContact;
+    }
+
+    setIsSensorHero(isContact) {
+        this.isSensorHero = isContact;
+        this.speed = this.isSensorHero ? this.moveSpeed * 4 : this.moveSpeed;
+
+        if (isContact && this.heroTarget) {
+            // UmLog.log("setIsSensorHero attackType = ", this.attackType);
+            this.changeMoveMode(EMOVE_MODE.RANGE);
+
+        }
+        else {
+            this.changeMoveMode(EMOVE_MODE.FREE);
+        }
+    }
+
+
+    setIsContactHero(isContact) {
+        // UmLog.log("setIsContactHero => ", isContact);
+        this.isContactHero = isContact;
+
+        if (isContact) {
+            this.changeMoveMode(EMOVE_MODE.RANGE);
+        }
+        else {
+            if (this.isSensorHero && this.heroTarget) {// && this.attackType == EATTACK_TYPE.MELEE
+                this.changeMoveMode(EMOVE_MODE.RANGE);
+            }
+            else {
+                this.changeMoveMode(EMOVE_MODE.FREE);
+            }
+        }
+    }
+
+    protected updateMove(dt: number): void {
+        if (this.moveMode == EMOVE_MODE.FREE) {
+            this.node.position = this.getMoveTowardPoint(this.nextDestinationMove, dt);
+            if ((this.isContactObstacle && !this.isContactHero) || Vec3.distance(this.node.position, this.nextDestinationMove) < 1)
+                this.makeNewRandomTarget();
+
+            return;
+        }
+
+        if (this.moveMode == EMOVE_MODE.RANGE && this.heroTarget) {
+            UmLog.log("move range");
+            var direction = UmUtil.subtractTwoVector3(this.node.position, this.heroTarget.position);
+            this.node.position = this.getMoveTowardPoint(UmUtil.plusTwoVector3(this.node.position, direction), dt);
+            return;
+        }
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/boss/BossRange.ts.meta b/assets/cc-game/scripts/game_play/boss/BossRange.ts.meta
new file mode 100644
index 0000000..b9a1759
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossRange.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "e6c5c197-0935-4535-aaf5-957b15828de9",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/boss/BossSlow.ts b/assets/cc-game/scripts/game_play/boss/BossSlow.ts
new file mode 100644
index 0000000..9b81f38
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossSlow.ts
@@ -0,0 +1,74 @@
+import { _decorator, Component, Node } from 'cc';
+import { EnemyMove } from '../enemy/EnemyMove';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { Vec3 } from 'cc';
+import { EATTACK_TYPE, EMOVE_MODE, GameDefine } from '../../config/GameDefine';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { BossBase } from './BossBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('BossSlow')
+export class BossSlow extends BossBase {
+    setMoveData(data) {
+        super.setMoveData(data);
+        this.changeMoveMode(EMOVE_MODE.FREE);
+        UmLog.log("BossSlow => setmovedata");
+    }
+
+    setIsContactObstacle(isContact) {
+        // UmLog.log("[CreepMove] => setIsContactObstacle ", isContact);
+        this.isContactObstacle = isContact;
+    }
+
+    setIsSensorHero(isContact) {
+        this.isSensorHero = isContact;
+        this.speed = this.isSensorHero ? this.moveSpeed * 4 : this.moveSpeed;
+
+        if (isContact && this.heroTarget) {
+            // UmLog.log("setIsSensorHero attackType = ", this.attackType);
+            this.changeMoveMode(EMOVE_MODE.RANGE);
+
+        }
+        else {
+            this.changeMoveMode(EMOVE_MODE.FREE);
+        }
+    }
+
+
+    setIsContactHero(isContact) {
+        // UmLog.log("setIsContactHero => ", isContact);
+        this.isContactHero = isContact;
+
+        if (isContact) {
+            this.changeMoveMode(EMOVE_MODE.RANGE);
+        }
+        else {
+            if (this.isSensorHero && this.heroTarget) {// && this.attackType == EATTACK_TYPE.MELEE
+                this.changeMoveMode(EMOVE_MODE.RANGE);
+            }
+            else {
+                this.changeMoveMode(EMOVE_MODE.FREE);
+            }
+        }
+    }
+
+    protected updateMove(dt: number): void {
+
+        if (this.moveMode == EMOVE_MODE.FREE) {
+            this.node.position = this.getMoveTowardPoint(this.nextDestinationMove, dt);
+            if ((this.isContactObstacle && !this.isContactHero) || Vec3.distance(this.node.position, this.nextDestinationMove) < 1)
+                this.makeNewRandomTarget();
+
+            return;
+        }
+
+        if (this.moveMode == EMOVE_MODE.RANGE && this.heroTarget) {
+            UmLog.log("move range");
+            var direction = UmUtil.subtractTwoVector3(this.node.position, this.heroTarget.position);
+            this.node.position = this.getMoveTowardPoint(UmUtil.plusTwoVector3(this.node.position, direction), dt);
+            return;
+        }
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/boss/BossSlow.ts.meta b/assets/cc-game/scripts/game_play/boss/BossSlow.ts.meta
new file mode 100644
index 0000000..08d5053
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/boss/BossSlow.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"92267a1e-d840-4e6a-9f8d-63539f310078","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/game_play/bullet.meta b/assets/cc-game/scripts/game_play/bullet.meta
new file mode 100644
index 0000000..91ad9e2
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "805210e4-4574-4ecb-b92f-9f0085b4c13e",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/bullet/Bullet.ts b/assets/cc-game/scripts/game_play/bullet/Bullet.ts
new file mode 100644
index 0000000..456a1ba
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet/Bullet.ts
@@ -0,0 +1,10 @@
+import { _decorator, Component, Node } from 'cc';
+import { BulletBase } from './BulletBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('Bullet')
+export class Bullet extends BulletBase {
+    
+    
+}
+
diff --git a/assets/cc-game/scripts/game_play/bullet/Bullet.ts.meta b/assets/cc-game/scripts/game_play/bullet/Bullet.ts.meta
new file mode 100644
index 0000000..a340976
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet/Bullet.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "9544b37d-a803-4b42-aad6-b6ab1a2d479d",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/bullet/BulletBase.ts b/assets/cc-game/scripts/game_play/bullet/BulletBase.ts
new file mode 100644
index 0000000..0a33dc7
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet/BulletBase.ts
@@ -0,0 +1,133 @@
+import { Vec3, Collider2D } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { ColliderObject } from '../../base/ColliderObject';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { CCFloat } from 'cc';
+import { ShootingDataInfo } from '../../global/GameInterface';
+import { EACTIVE_SKILL_TYPE, EBULLET_DAMAGE_TYPE, EBULLET_TYPE, EPHYSIC_GROUP, ESKILL_SPECIAL_TYPE, GameDefine } from '../../config/GameDefine';
+import { Enum } from 'cc';
+import { RigidBody2D } from 'cc';
+import { Sprite } from 'cc';
+import { Color } from 'cc';
+import { ActiveSkillBase } from '../hero/ActiveSkillBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('BulletBase')
+export class BulletBase extends Component {
+    @property(ColliderObject) colliderObject: ColliderObject = null!;
+    @property(RigidBody2D) rigibodyComponent: RigidBody2D = null!;
+    @property(Sprite) theme: Sprite = null!;
+
+    @property({ type: Enum(EBULLET_TYPE) }) public bulletType: EBULLET_TYPE = EBULLET_TYPE.NORMAL;
+    @property({ type: Enum(EBULLET_DAMAGE_TYPE) }) public bulletDamageType: EBULLET_DAMAGE_TYPE = EBULLET_DAMAGE_TYPE.HP;
+    public damage = 1;
+    
+    protected start(): void {
+        this.registerColliderContact();
+    }
+
+    protected registerColliderContact() {
+        this.colliderObject.registerBeginContact(this.onBeginContact.bind(this), true);
+        this.colliderObject.registerEndContact(null, true);
+    }
+
+    protected offColliderContact() {
+        this.colliderObject.offContact();
+    }
+
+    onBeginContact(a: Collider2D, b: Collider2D) {
+        var bGroup = b.group;
+        // UmLog.log("BULLET | Contact Begin = " + GameDefine.getPhysicGroupName(a.group), " vs ", GameDefine.getPhysicGroupName(bGroup));
+        if (bGroup == Number(EPHYSIC_GROUP.OBSTACLE))
+        {
+            if (this.bulletType == EBULLET_TYPE.NORMAL)
+                this?.destroyNode();
+
+            return;
+        }
+
+        if (bGroup == Number(EPHYSIC_GROUP.ACTIVE_SKILL)) {
+            // if (this.bulletType == EBULLET_TYPE.NORMAL)
+            // var skillType = b.node.getComponent(ActiveSkillBase)?.skillType;
+            // if (skillType != Number(EACTIVE_SKILL_TYPE.SKILL_3))
+            // {
+
+            // }
+            this?.destroyNode();
+
+            return;
+        }
+    }
+
+    public shooting(targetWorldPoint, shootingDataInfo: ShootingDataInfo)
+    {
+        var origin = this.node.worldPosition;
+        //distance and direction to enemy target
+        var direction = UmUtil.subtractTwoVector3(targetWorldPoint, origin);
+
+        //Actual shooting distance according to shooting range
+        var distanceShoot = GameDefine.DISTANCE_UNIT * shootingDataInfo.AtkRange;
+
+        // UmLog.log("distanceShoot => ", distanceShoot, shootingDataInfo.shootRange);
+        var actualTarget = UmUtil.scaleVector3(direction.normalize(), distanceShoot);
+        actualTarget = UmUtil.plusTwoVector3(origin, actualTarget);
+
+        var duration = this.getTimeMove(shootingDataInfo.AtkSpeed, distanceShoot);
+        UmUtil.worldMoveTo(this.node, actualTarget, duration, 0, () => {
+            if (this.node?.active)
+                this.destroyNode();
+        });
+    }
+
+    getSpeed(speedScale)
+    {
+        return GameDefine.SPEED_TIME_UNIT / speedScale;
+    }
+
+    getTimeMove(speedScale, distance)
+    {
+        return distance * this.getSpeed(speedScale);
+    }
+
+    setEnableRigibody(isEnable: boolean) {
+        if (this.rigibodyComponent)
+            this.rigibodyComponent.enabled = isEnable;
+    }
+
+    public destroyNode()
+    {
+        // UmLog.log("BULLET destroyNode");
+        this.offColliderContact();
+        UmUtil.stopAllTweenTarget(this.node);
+        // UmUtil.delay(this.node, GameDefine.TIME_DELAY_DESTROY, () => {
+        //     this.node?.destroy();
+        // });
+
+        //must destroy on thread
+        this.scheduleOnce(() => {
+            this.setEnableRigibody(false);
+            this.node?.destroy();
+        }, 0);
+    }
+
+    public setDamage(damage: number)
+    {
+        this.damage = damage;
+    }
+
+    public setSpecialSkill(skillId)
+    {
+        if (skillId == Number(ESKILL_SPECIAL_TYPE.SKILL_1))
+        {
+            this.theme.color = Color.GREEN;
+        }
+    }
+
+    public getColor(): Color
+    {
+        return this.theme?.color;
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/bullet/BulletBase.ts.meta b/assets/cc-game/scripts/game_play/bullet/BulletBase.ts.meta
new file mode 100644
index 0000000..ab5d212
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet/BulletBase.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "5d4d07c4-0ffc-494b-a087-ed980f768026",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/bullet/Shooting.ts b/assets/cc-game/scripts/game_play/bullet/Shooting.ts
new file mode 100644
index 0000000..9083373
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet/Shooting.ts
@@ -0,0 +1,11 @@
+import { _decorator, Component, Node } from 'cc';
+import { ShootingBase } from './ShootingBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('Shooting')
+export class Shooting extends ShootingBase {
+
+    
+    
+}
+
diff --git a/assets/cc-game/scripts/game_play/bullet/Shooting.ts.meta b/assets/cc-game/scripts/game_play/bullet/Shooting.ts.meta
new file mode 100644
index 0000000..ab67f2c
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet/Shooting.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "db99495e-bef2-4eb1-b4b6-0ba2b2b1589b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/bullet/ShootingBase.ts b/assets/cc-game/scripts/game_play/bullet/ShootingBase.ts
new file mode 100644
index 0000000..9a11846
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet/ShootingBase.ts
@@ -0,0 +1,135 @@
+import { instantiate } from 'cc';
+import { Prefab } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { LayoutManager } from '../LayoutManager';
+import { BulletBase } from './BulletBase';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { ShootingDataInfo } from '../../global/GameInterface';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UITransform } from 'cc';
+import { ESKILL_SPECIAL_TYPE as ESPECIAL_SKILL_TYPE, GameDefine } from '../../config/GameDefine';
+import { Vec3 } from 'cc';
+import { GameAssets } from '../../global/GameAssets';
+import { ActiveSkillBase } from '../hero/ActiveSkillBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('ShootingBase')
+export class ShootingBase extends Component {
+    @property(Prefab) bulletPrefab: Prefab = null!;
+    lastShootingTime = 0;
+    speedScale = 1;
+
+    public setSpeed(speedScale: number) {
+        this.speedScale = speedScale;
+    }
+
+    public shooting(start, target, shootingDataInfo, specialSkillId = -1, parent: Node = null) {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+
+        // UmLog.log("shooting => ", JSON.stringify(shootingDataInfo));
+        var shootingTarget = target as Node;
+        var startPoint = start.worldPosition;
+        var targetPoint = shootingTarget?.active ? target.worldPosition : target;
+
+        this.speedScale = shootingDataInfo.AtkSpeed;
+        var cooldown_time = shootingDataInfo.AtkCoolDown;
+
+        //conver cooldown time to mili seconds
+        if (cooldown_time < 100)
+            cooldown_time *= 1000;
+
+        var timeNow = UmUtil.getTime();
+        if (timeNow < (this.lastShootingTime + cooldown_time))
+            return;
+
+        // UmLog.log("shooting => ", timeNow);
+        this.lastShootingTime = timeNow;
+
+        if (!parent)
+            parent = LayoutManager.instance.gameplaySpaceLayout;
+
+        if (specialSkillId > 0) {
+            this.specialSkillShooting(startPoint, targetPoint, shootingDataInfo, parent, specialSkillId);
+        }
+        else {
+            this.normalShooting(startPoint, targetPoint, shootingDataInfo, parent);
+        }
+    }
+
+
+    normalShooting(startPoint, targetPoint, shootingDataInfo, parent) {
+        this.addBullet(startPoint, targetPoint, shootingDataInfo, parent);
+    }
+
+
+    specialSkillShooting(startPoint, targetPoint, shootingDataInfo, parent, specialSkillId) {
+        UmLog.log("specialSkillShooting => ", specialSkillId);
+        switch (specialSkillId) {
+            case Number(ESPECIAL_SKILL_TYPE.SKILL_1):
+                {
+                    shootingDataInfo.Damage *= 5;
+                    this.addBullet(startPoint, targetPoint, shootingDataInfo, parent, specialSkillId);
+                }
+                break;
+            
+            case Number(ESPECIAL_SKILL_TYPE.SKILL_2):
+                this.speacialSkillType2Shooting(startPoint, targetPoint, shootingDataInfo, parent);
+                break;
+            
+            default:
+                this.addBullet(startPoint, targetPoint, shootingDataInfo, parent);
+                break;
+        }
+    }
+
+    speacialSkillType2Shooting(startPoint, targetPoint, shootingDataInfo, parent)
+    {
+        var space = 60;
+        var listSpaces = new Array();
+        listSpaces.push(0);
+        listSpaces.push(space * 1);
+        listSpaces.push(space * 2);
+        listSpaces.push(space * 3);
+        listSpaces.push(space * -1);
+        listSpaces.push(space * -2);
+        listSpaces.push(space * -3);
+
+
+        for (var i = 0; i < listSpaces.length; i++)
+        {
+            this.addBullet(UmUtil.plusTwoVector3(startPoint, new Vec3(listSpaces[i], 0)), UmUtil.plusTwoVector3(targetPoint, new Vec3(listSpaces[i], 0)), shootingDataInfo, parent);
+        }
+
+    }
+
+    addBullet(startPoint, targetPoint, shootingDataInfo, parent, specialSkillId = -1) {
+        var bullet = instantiate(this.bulletPrefab)?.getComponent(BulletBase);
+        parent.addChild(bullet.node);
+        bullet.node.worldPosition = startPoint;
+        bullet.node.setNodeActive(true);
+        bullet.setDamage(shootingDataInfo.Damage);
+        bullet.setSpecialSkill(specialSkillId);
+        bullet.shooting(targetPoint, shootingDataInfo);
+    }
+
+    enableActiveSkill(tag: number, parent: Node)
+    {
+        var prefab = GameAssets.instance.getActiveSkill(tag);
+        if (!prefab) return;
+
+        var skillData = GameGlobalData.Instance.listActiveSkillData[tag];
+        var skillUse = GameGlobalData.Instance.listActiveSkillUses[tag];
+
+        var data = { useTime: skillUse?.useTime, range: skillData?.Range, dmg: skillData?.DMG };
+
+        var skill = instantiate(prefab).getComponent(ActiveSkillBase)!;
+        if (!skill) return;
+        skill.node.parent = parent? parent : LayoutManager.instance.gameplaySpaceLayout;
+        skill?.enableActiveSkill(data, parent);
+
+    }
+
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/bullet/ShootingBase.ts.meta b/assets/cc-game/scripts/game_play/bullet/ShootingBase.ts.meta
new file mode 100644
index 0000000..a52b128
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/bullet/ShootingBase.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "57f89ae2-57bc-43db-850d-8387286973ad",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/creep.meta b/assets/cc-game/scripts/game_play/creep.meta
new file mode 100644
index 0000000..4a5f929
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/creep.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "08b38b3f-a8c1-4929-8152-be8725d02402",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/creep/Creep.ts b/assets/cc-game/scripts/game_play/creep/Creep.ts
new file mode 100644
index 0000000..132576d
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/creep/Creep.ts
@@ -0,0 +1,59 @@
+import { _decorator, Component, Node } from 'cc';
+import { LayoutManager } from '../LayoutManager';
+import { CreepBase } from './CreepBase';
+import { EMOVE_MODE } from '../../config/GameDefine';
+import { Vec3 } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('Creep')
+export class Creep extends CreepBase {
+    
+    setIsSensorHero(isContact) {
+        this.isSensorHero = isContact;
+        this.speed = this.isSensorHero ? this.moveSpeed * 1.5 : this.moveSpeed;
+
+        if (isContact && this.heroTarget) {
+            // UmLog.log("setIsSensorHero attackType = ", this.attackType);
+            this.changeMoveMode(EMOVE_MODE.TARGET);
+        }
+        else {
+            this.changeMoveMode(EMOVE_MODE.FREE);
+        }
+    }
+
+
+    setIsContactHero(isContact) {
+        // UmLog.log("setIsContactHero => ", isContact);
+        this.isContactHero = isContact;
+
+        if (isContact) {
+            this.changeMoveMode(EMOVE_MODE.STATIC);
+        }
+        else {
+            if (this.isSensorHero && this.heroTarget) {// && this.attackType == EATTACK_TYPE.MELEE
+                this.changeMoveMode(EMOVE_MODE.TARGET);
+            }
+            else {
+                this.changeMoveMode(EMOVE_MODE.FREE);
+            }
+        }
+    }
+
+
+    protected updateMove(dt: number): void {
+
+        if (this.moveMode == EMOVE_MODE.FREE) {
+            this.node.position = this.getMoveTowardPoint(this.nextDestinationMove, dt);
+            if ((this.isContactObstacle && !this.isContactHero) || Vec3.distance(this.node.position, this.nextDestinationMove) < 1)
+                this.makeNewRandomTarget();
+
+            return;
+        }
+
+        if (this.moveMode == EMOVE_MODE.TARGET && this.heroTarget) {
+            this.node.position = this.getMoveTowardPoint(this.heroTarget.position, dt);
+            return;
+        }
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/creep/Creep.ts.meta b/assets/cc-game/scripts/game_play/creep/Creep.ts.meta
new file mode 100644
index 0000000..b524cb8
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/creep/Creep.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"10bfe008-d92b-4e16-a170-9e0c05e1149e","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/game_play/creep/CreepBase.ts b/assets/cc-game/scripts/game_play/creep/CreepBase.ts
new file mode 100644
index 0000000..be67dc0
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/creep/CreepBase.ts
@@ -0,0 +1,60 @@
+import { Collider2D, Vec3 } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { ColliderObject } from '../../base/ColliderObject';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { GameDefine, EPHYSIC_GROUP, EACTIVE_SKILL_TYPE, ENEMY_TYPE, EMOVE_MODE, EATTACK_TYPE } from '../../config/GameDefine';
+import { BulletBase } from '../bullet/BulletBase';
+import { LayoutManager } from '../LayoutManager';
+import { Sprite } from 'cc';
+import { Color } from 'cc';
+import { ShootingBase } from '../bullet/ShootingBase';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { EnemyDataInfo } from '../../global/GameInterface';
+import { ActiveSkillBase } from '../hero/ActiveSkillBase';
+import { HPBar } from '../../game_ui/HPBar';
+import { CreepMove } from './CreepMove';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { EnemyBase } from '../enemy/EnemyBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('CreepBase')
+export class CreepBase extends EnemyBase {
+    @property(HPBar) hpBar: HPBar = null!;
+
+    start(): void {
+        super.start();
+        this.isShootEnable = false;
+    }
+
+    setEnemyData(data) {
+        super.setEnemyData(data);
+        this.hpBar.setMaxHPBar(this.hp);
+    }
+
+    hitDamage(damage: number) {
+        this.hpBar?.decreaseHP(damage);
+
+        this.runHitEffect();
+
+        if (this.hpBar && this.hpBar.currentHP <= 0) {
+            this.checkWin();
+            this?.destroyNode();
+        }
+    }
+
+    checkWin() {
+        if (this.isCheckedWin) return;
+        this.isCheckedWin = true;
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_CHECK_WIN, GameDefine.ENEMY_CREEP, this.dataConfig?.Exp);
+    }
+
+    protected updateShoot(dt: number): void {
+        if (!this.isShootEnable) return;
+        var targetShoot = this.findShootTargetNode();
+        if (targetShoot) return;
+        this.shooting.shooting(this.node, targetShoot, this.ShootingDataConfig);        
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/creep/CreepBase.ts.meta b/assets/cc-game/scripts/game_play/creep/CreepBase.ts.meta
new file mode 100644
index 0000000..dbc9d78
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/creep/CreepBase.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"68091231-c4c0-4e3b-89d1-0ec7fa7684ad","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/game_play/creep/CreepMove.ts b/assets/cc-game/scripts/game_play/creep/CreepMove.ts
new file mode 100644
index 0000000..37ac830
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/creep/CreepMove.ts
@@ -0,0 +1,68 @@
+import { _decorator, Component, Node } from 'cc';
+import { EATTACK_TYPE, EMOVE_MODE, ENEMY_TYPE, GameDefine } from '../../config/GameDefine';
+import { Vec3 } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { EnemyMove } from '../enemy/EnemyMove';
+const { ccclass, property } = _decorator;
+
+@ccclass('CreepMove')
+export class CreepMove extends EnemyMove {
+
+    setIsSensorHero(isContact, heroTarget = null) {
+        this.isSensorHero = isContact;
+        this.heroTarget = heroTarget;
+        this.speed = this.isSensorHero ? this.moveSpeed * 1.5 : this.moveSpeed;
+
+        if (isContact && this.heroTarget) {
+            // UmLog.log("setIsSensorHero attackType = ", this.attackType);
+            // if (this.attackType == EATTACK_TYPE.MELEE)
+            //     this.changeMode(EMOVE_MODE.TARGET);
+
+            // if (this.attackType == EATTACK_TYPE.TARGET || this.attackType == EATTACK_TYPE.RANGE)
+            //     this.changeMode(EMOVE_MODE.TARGET);
+
+            this.changeMoveMode(EMOVE_MODE.TARGET);
+        }
+        else {
+            this.changeMoveMode(EMOVE_MODE.FREE);
+        }
+    }
+
+
+    setIsContactHero(isContact) {
+        // UmLog.log("setIsContactHero => ", isContact);
+        this.isContactHero = isContact;
+
+        if (isContact) {
+            this.changeMoveMode(EMOVE_MODE.STATIC);
+        }
+        else {
+            if (this.isSensorHero && this.heroTarget) {// && this.attackType == EATTACK_TYPE.MELEE
+                this.changeMoveMode(EMOVE_MODE.TARGET);
+            }
+            else {
+                this.changeMoveMode(EMOVE_MODE.FREE);
+            }
+        }
+    }
+
+
+    protected updateMove(dt: number): void {
+
+        if (this.moveMode == EMOVE_MODE.FREE) {
+            this.node.position = this.getMoveTowardPoint(this.nextDestinationMove, dt);
+            if ((this.isContactObstacle && !this.isContactHero) || Vec3.distance(this.node.position, this.nextDestinationMove) < 1)
+                this.makeNewRandomTarget();
+
+            return;
+        }
+
+        if (this.moveMode == EMOVE_MODE.TARGET && this.heroTarget) {
+            this.node.position = this.getMoveTowardPoint(this.heroTarget.position, dt);
+            return;
+        }
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/creep/CreepMove.ts.meta b/assets/cc-game/scripts/game_play/creep/CreepMove.ts.meta
new file mode 100644
index 0000000..ea50fff
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/creep/CreepMove.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a6af2ea8-15f2-4519-a386-bfa375b462ff",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/enemy.meta b/assets/cc-game/scripts/game_play/enemy.meta
new file mode 100644
index 0000000..d878cb2
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/enemy.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "c8f72972-60ed-4f5e-b80d-4c38406fe368",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/enemy/Enemy.ts b/assets/cc-game/scripts/game_play/enemy/Enemy.ts
new file mode 100644
index 0000000..2598ec6
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/enemy/Enemy.ts
@@ -0,0 +1,8 @@
+import { _decorator, Component, Node } from 'cc';
+import { EnemyBase } from './EnemyBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('Enemy')
+export class Enemy extends EnemyBase {
+}
+
diff --git a/assets/cc-game/scripts/game_play/enemy/Enemy.ts.meta b/assets/cc-game/scripts/game_play/enemy/Enemy.ts.meta
new file mode 100644
index 0000000..a5a10f3
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/enemy/Enemy.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "08f09199-e61a-4a5d-aa33-e705104b750b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/enemy/EnemyBase.ts b/assets/cc-game/scripts/game_play/enemy/EnemyBase.ts
new file mode 100644
index 0000000..f6b4c59
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/enemy/EnemyBase.ts
@@ -0,0 +1,364 @@
+import { Collider2D, Vec3 } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { ColliderObject } from '../../base/ColliderObject';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { GameDefine, EPHYSIC_GROUP, EACTIVE_SKILL_TYPE, ENEMY_TYPE, EATTACK_TYPE, EMOVE_MODE } from '../../config/GameDefine';
+import { BulletBase } from '../bullet/BulletBase';
+import { LayoutManager } from '../LayoutManager';
+import { Sprite } from 'cc';
+import { Color } from 'cc';
+import { ShootingBase } from '../bullet/ShootingBase';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { EnemyDataInfo, ShootingDataInfo } from '../../global/GameInterface';
+import { ActiveSkillBase } from '../hero/ActiveSkillBase';
+import { Enum } from 'cc';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { RigidBody2D } from 'cc';
+import { Label } from 'cc';
+import { CircleCollider2D } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('EnemyBase')
+export class EnemyBase extends Component {
+    @property(ColliderObject) colliderObject: ColliderObject = null!;
+    @property(ColliderObject) sensor: ColliderObject = null!;
+    @property(RigidBody2D) rigibodyComponent: RigidBody2D = null!;
+
+    @property(Sprite) theme: Sprite = null!;
+    @property(ShootingBase) shooting: ShootingBase = null!;
+    @property({ type: Enum(ENEMY_TYPE) }) public enemyType: ENEMY_TYPE = ENEMY_TYPE.MELEE;
+    @property({ type: Enum(EATTACK_TYPE) }) public attackType: EATTACK_TYPE = EATTACK_TYPE.MELEE
+    @property(Label) txtName: Label = null!;
+
+    isShootEnable = false;
+    isDestroying = false;
+    isCheckedWin = false;
+
+    currentColor: Color;
+    effectColor: Color = Color.GREEN;
+    heroTarget: Node;
+
+    dmg = 5;
+    moveSpeed = 50;
+    range = 5;
+    hp = 1000;
+    dataConfig: any = null;
+    atkCooldown: number = 1;
+    visualRange: number = 5;
+
+    TWEEN_TAG = 1001;
+
+    setEnemyData(data) {
+        this.dataConfig = data;
+        this.enemyType = GameDefine.getEnemyType(data?.Group);
+        this.attackType = GameDefine.getAttackType(this.enemyType);
+
+        UmLog.log("BOSS data => ", this.enemyType, data?.Group);
+        UmLog.log("BOSS data => ", this.attackType);
+
+        this.dmg = data?.Atk || this.dmg;
+        this.moveSpeed = data?.MoveSpeed || this.moveSpeed;
+        this.range = data?.AtkRange || this.range;
+        this.hp = data?.Hp || this.hp;
+        this.atkCooldown = data?.AtkCoolDown || this.atkCooldown;
+        this.visualRange = data?.VisualRange || this.visualRange;
+        
+        this.txtName.string = data?.Name_Id + "|" + this.dmg.toString();
+        this.updateSensorRange();
+        this.setMoveData(data);
+
+    }
+
+    updateSensorRange()
+    {
+        this.sensor.collider.getComponent(CircleCollider2D).radius = GameDefine.SQUARE_UNIT * this.visualRange;
+    }
+
+    protected onLoad(): void {
+        this.setEnableRigibody(false);
+        this.TWEEN_TAG = UmUtil.getRandomInt(100000, Number.MAX_SAFE_INTEGER);
+    }
+
+    start(): void {
+        this.setEnableRigibody(true);
+        this.registerColliderContact();
+        this.registerSensor();
+        // this.loadDataAndDisplay();
+        this.isShootEnable = false;
+        this.currentColor = new Color(this.theme.color);
+    }
+
+    setEnableRigibody(isEnable: boolean)
+    {
+        if (this.rigibodyComponent)
+            this.rigibodyComponent.enabled = isEnable;
+    }
+
+    protected registerColliderContact() {
+        this.colliderObject.registerBeginContact(this.onBeginContact.bind(this), true);
+        this.colliderObject.registerEndContact(this.onEndContact.bind(this), true);
+    }
+
+    protected offColliderContact() {
+        this.colliderObject.offContact();
+    }
+
+    protected registerSensor() {
+        this.sensor.registerBeginContact(this.onSensorBegin.bind(this), false);
+        this.sensor.registerEndContact(this.onSensorEnd.bind(this), false);
+    }
+
+    protected offSensor() {
+        this.sensor.offContact();
+    }
+
+    loadDataAndDisplay()
+    {
+        LayoutManager.instance.GameUI.getBossHPBar().setMaxHPBar(100);
+    }
+
+    onBeginContact(a: Collider2D, b: Collider2D) {
+        var bGroup = b.group;
+        // UmLog.log("BOSS | Contact Begin = " + GameDefine.getPhysicGroupName(a.group), " vs ", GameDefine.getPhysicGroupName(bGroup));
+        if (bGroup == Number(EPHYSIC_GROUP.ENEMY) || bGroup == Number(EPHYSIC_GROUP.OBSTACLE)
+            || bGroup == Number(EPHYSIC_GROUP.DEFAULT)) {
+            this.setIsContactObstacle(true);
+            return;
+        }
+
+        if (bGroup == Number(EPHYSIC_GROUP.BULLET_HERO)) {
+            this.onBulletContact(b.node);
+            return;
+        }
+
+        if (bGroup == Number(EPHYSIC_GROUP.ACTIVE_SKILL)) {
+            this.onHeroActiveSkillContact(b.node);
+            return;
+        }
+
+        if (bGroup == Number(EPHYSIC_GROUP.HERO)) {
+            this.setIsContactHero(true);
+            return;
+        }
+    }
+
+    onEndContact(a: Collider2D, b: Collider2D) {
+        //override
+        var bGroup = b.group;
+        if (bGroup == Number(EPHYSIC_GROUP.ENEMY) || bGroup == Number(EPHYSIC_GROUP.OBSTACLE)
+            || bGroup == Number(EPHYSIC_GROUP.DEFAULT)) {
+            this.setIsContactObstacle(false);
+            return;
+        }
+
+        if (bGroup == Number(EPHYSIC_GROUP.HERO)) {
+            this.setIsContactHero(false);
+            return;
+        }
+    }
+
+    onSensorBegin(a: Collider2D, b: Collider2D) {
+        var bGroup = b.group;
+        // UmLog.log("BOSS |onSensor Begin = " + GameDefine.getPhysicGroupName(a.group), " vs ", GameDefine.getPhysicGroupName(b.group));
+        if (bGroup != EPHYSIC_GROUP.HERO) return;
+        this.heroTarget = b.node;
+
+        this.setIsSensorHero(true);
+        this.checkEnableShootBullet(true);
+
+    }
+
+    onSensorEnd(a: Collider2D, b: Collider2D) {
+        var bGroup = b.group;
+        // UmLog.log("BOSS | onSensor End = " + GameDefine.getPhysicGroupName(a.group), " vs ", GameDefine.getPhysicGroupName(b.group));
+        GameDefine.getPhysicGroupName(bGroup);
+        if (bGroup != EPHYSIC_GROUP.HERO) return;
+        this.heroTarget = null;
+
+        this.setIsSensorHero(false);
+        this.checkEnableShootBullet(false);
+    }
+
+    checkEnableShootBullet(isSensorHero) {
+        this.isShootEnable = isSensorHero && (this.attackType == EATTACK_TYPE.TARGET || this.attackType == EATTACK_TYPE.RANGE || this.attackType == EATTACK_TYPE.MIXED);
+    }
+
+    public destroyNode() {
+        if (this.isDestroying) return;
+        this.isDestroying = true;
+
+        //must destroy on thread
+        this.scheduleOnce(() => {
+            this.setEnableRigibody(false);
+            this.node?.destroy();
+        }, 0);
+    }
+
+    onBulletContact(bullet: Node) {
+        var bulletComp = bullet.parent.getComponent(BulletBase);
+        if (!bulletComp) return;
+
+        var damage = bulletComp?.damage | 0;
+
+        this.effectColor = bulletComp.getColor();
+        this.hitDamage(damage);
+
+        bulletComp?.destroyNode();
+    }
+
+    onHeroActiveSkillContact(skill: Node) {
+
+        UmLog.log("onHeroActiveSkillContact => ", skill.name);
+        var skillComp = skill.getComponent(ActiveSkillBase);
+        if (!skillComp) return;
+
+        if (skillComp.skillType != Number(EACTIVE_SKILL_TYPE.SKILL_2)) return;
+
+        var damage = skillComp?.dmg | 0;
+        this.effectColor = skillComp.getColor();
+        this.hitDamage(damage);
+    }
+
+    hitDamage(damage: number)
+    {
+        var hpBar = LayoutManager.instance.GameUI.getBossHPBar();
+        hpBar.decreaseHP(damage);
+
+        if (hpBar.currentHP <= 0) {
+            this.checkWin();
+            this?.destroyNode();
+        }
+
+        this.runHitEffect();
+    }
+
+    checkWin()
+    {
+        //override at extent
+    }
+
+    runHitEffect() {
+        this.theme.color = this.effectColor;
+        UmUtil.stopAllTweenTag(this.TWEEN_TAG);
+        UmUtil.delay(this.node, 0.2, () => {
+            this.theme.color = this.currentColor;
+        }, this.TWEEN_TAG);
+    }
+
+    // shooting =>  { "AtkRange": 5, "AtkCoolDown": 1, "AtkSpeed": 30, "Damage": 10, "AoERange": 0, "AoEDmg": 0 }
+
+    get ShootingDataConfig(): ShootingDataInfo {
+        var shootingData: ShootingDataInfo = {
+            AtkRange: this.dataConfig.AtkRange,
+            AtkCoolDown: this.dataConfig.AtkCoolDown,
+            AtkSpeed: this.dataConfig.AtkSpeed,
+            Damage: this.dataConfig.Atk,
+            AoERange: this.dataConfig.AoERange,
+            AoEDmg: this.dataConfig.AoEDmg,
+        };
+        return shootingData;
+    }
+
+    protected update(dt: number): void {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        this.updateShoot(dt);
+        this.updateMove(dt);
+    }
+
+
+
+    //SHOOTER
+    protected updateShoot(dt: number): void { 
+        if (!this.isShootEnable) return;
+
+        var targetShoot = this.findShootTargetNode();
+        if (!targetShoot) return;
+        this.shooting.shooting(this.node, targetShoot, this.ShootingDataConfig);
+    }
+
+    findShootTargetNode(): Node
+    {
+        return this.heroTarget;
+    }
+
+    findShootTargetPoint(): Vec3 {
+        var point = this.node.worldPosition;
+        point = UmUtil.plusTwoVector3(point, new Vec3(0, -10, 0));
+        return point;
+    }
+
+
+    //MOVER
+    moveMode: number = EMOVE_MODE.FREE;
+    nextDestinationMove: Vec3 = new Vec3();
+    directionMove: Vec3 = new Vec3();
+    speed: number = 50;
+    isContactObstacle = false;
+    isSensorHero = false;
+    isContactHero = false;
+    speedScale = 20;
+
+    setMoveData(data) {
+        this.range = data?.AtkRange || this.range;
+        this.moveSpeed = data?.MoveSpeed || this.moveSpeed;
+        this.moveSpeed *= this.speedScale;
+        this.speed = this.moveSpeed;
+    }
+
+    makeNewRandomTarget() {
+        let x = this.getRandomMove();
+        let y = this.getRandomMove();
+        // UmLog.log("makeNewRandomTarget => ", x, " | ", y);
+        this.nextDestinationMove = UmUtil.plusTwoVector3(this.node.position, new Vec3(x, y, 0));
+        // UmLog.log("distance => ", Vec3.distance(this.node.position, this.nextDestination));            
+        this.directionMove = UmUtil.subtractTwoVector3(this.nextDestinationMove, this.node.position);
+        this.directionMove.normalize();
+    }
+
+    getRandomMove() {
+        var randomRange = 150;
+        return randomRange - UmUtil.getRandomInt(0, randomRange * 2);
+    }
+
+    protected updateMove(dt: number): void {
+        //override at extent
+        if (this.moveMode == EMOVE_MODE.FREE) {
+            this.node.position = this.getMoveTowardPoint(this.nextDestinationMove, dt);
+            if ((this.isContactObstacle && !this.isContactHero) || Vec3.distance(this.node.position, this.nextDestinationMove) < 1)
+                this.makeNewRandomTarget();
+
+            return;
+        }
+
+        if (this.moveMode == EMOVE_MODE.TARGET && this.heroTarget) {
+            this.node.position = this.getMoveTowardPoint(this.heroTarget.position, dt);
+            return;
+        }
+    }
+
+    getMoveTowardPoint(target, dt: number) {
+        var result = new Vec3();
+        Vec3.moveTowards(result, this.node.position, target, this.speed * dt);
+        return result;
+    }
+
+    changeMoveMode(newMode) {
+        UmLog.log("changeMode => ", newMode);
+        this.moveMode = newMode;
+    }
+
+    setIsContactObstacle(isContact) {
+        //override at extent
+    }
+
+    setIsSensorHero(isContact) {
+        //override at extent
+    }
+
+    setIsContactHero(isContact) {
+        //override at extent
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/enemy/EnemyBase.ts.meta b/assets/cc-game/scripts/game_play/enemy/EnemyBase.ts.meta
new file mode 100644
index 0000000..3dbbd07
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/enemy/EnemyBase.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "09db7764-5140-4821-8a25-32017df64290",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/enemy/EnemyMove.ts b/assets/cc-game/scripts/game_play/enemy/EnemyMove.ts
new file mode 100644
index 0000000..3a7703c
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/enemy/EnemyMove.ts
@@ -0,0 +1,135 @@
+import { _decorator, Component, Node } from 'cc';
+import { EATTACK_TYPE, EMOVE_MODE, ENEMY_TYPE, GameDefine } from '../../config/GameDefine';
+import { Vec3 } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { random } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('EnemyMove')
+export class EnemyMove extends Component {
+    moveMode: number = EMOVE_MODE.FREE;
+    nextDestinationMove: Vec3 = new Vec3();
+    directionMove: Vec3 = new Vec3();
+    speed: number = 50;
+    isContactObstacle = false;
+    isSensorHero = false;
+    isContactHero = false;
+    heroTarget = null;
+
+    enemyType: number = ENEMY_TYPE.MELEE;
+    attackType: number = EATTACK_TYPE.MELEE;
+    moveSpeed = 1;
+    speedScale = 20;
+
+    setMoveData(data, enemyType, attackType) {
+        this.enemyType = enemyType;
+        this.attackType = attackType;
+
+        this.moveSpeed = data?.MoveSpeed || this.moveSpeed;
+        this.moveSpeed *= this.speedScale;
+        this.speed = this.moveSpeed;
+    }
+
+    protected start(): void {
+        this.makeNewRandomTarget();
+    }
+
+    setIsContactObstacle(isContact)
+    {
+        // UmLog.log("[CreepMove] => setIsContactObstacle ", isContact);
+        this.isContactObstacle = isContact;
+    }
+
+    setIsSensorHero(isContact, heroTarget = null) {
+        this.isSensorHero = isContact;
+        this.heroTarget = heroTarget;
+        this.speed = this.isSensorHero ? this.moveSpeed * 1.5 : this.moveSpeed;
+
+        if (isContact && this.heroTarget)
+        {
+            // UmLog.log("setIsSensorHero attackType = ", this.attackType);
+            if (this.attackType == EATTACK_TYPE.MELEE)
+                this.changeMoveMode(EMOVE_MODE.TARGET);
+
+            if (this.attackType == EATTACK_TYPE.TARGET)
+                this.changeMoveMode(EMOVE_MODE.TARGET);
+
+        }
+        else {
+            this.changeMoveMode(EMOVE_MODE.FREE);
+        }
+    }
+
+
+    setIsContactHero(isContact) {
+        // UmLog.log("setIsContactHero => ", isContact);
+        this.isContactHero = isContact;
+
+        if (isContact) {
+            this.changeMoveMode(EMOVE_MODE.STATIC);
+        }
+        else {
+            if (this.isSensorHero && this.heroTarget) {// && this.attackType == EATTACK_TYPE.MELEE
+                this.changeMoveMode(EMOVE_MODE.TARGET);
+            }
+            else {
+                this.changeMoveMode(EMOVE_MODE.FREE);
+            }
+        }
+    }
+
+    makeNewRandomTarget()
+    {
+        let x = this.getRandomMove();
+        let y = this.getRandomMove();
+        // UmLog.log("makeNewRandomTarget => ", x, " | ", y);
+        this.nextDestinationMove = UmUtil.plusTwoVector3(this.node.position, new Vec3(x, y, 0));
+        // UmLog.log("distance => ", Vec3.distance(this.node.position, this.nextDestination));            
+        this.directionMove = UmUtil.subtractTwoVector3(this.nextDestinationMove, this.node.position);
+        this.directionMove.normalize();
+    }
+
+    getRandomMove()
+    {
+        var randomRange = 150;
+        return randomRange - UmUtil.getRandomInt(0, randomRange * 2);
+    }
+
+    protected update(dt: number): void {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+
+        this.updateMove(dt);
+    }
+
+    protected updateMove(dt: number): void
+    {
+        if (this.moveMode == EMOVE_MODE.FREE) {
+            this.node.position = this.getMoveTowardPoint(this.nextDestinationMove, dt);
+            if ((this.isContactObstacle && !this.isContactHero) || Vec3.distance(this.node.position, this.nextDestinationMove) < 1)
+                this.makeNewRandomTarget();
+
+            return;
+        }
+
+        if (this.moveMode == EMOVE_MODE.TARGET && this.heroTarget) {
+            this.node.position = this.getMoveTowardPoint(this.heroTarget.position, dt);
+            return;
+        }
+    }
+
+    getMoveTowardPoint(target, dt: number)
+    {
+        var result = new Vec3();
+        Vec3.moveTowards(result, this.node.position, target, this.speed * dt);
+        return result;
+    }
+
+    changeMoveMode(newMode)
+    {
+        UmLog.log("changeMode => ", newMode);
+        this.moveMode = newMode;
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/enemy/EnemyMove.ts.meta b/assets/cc-game/scripts/game_play/enemy/EnemyMove.ts.meta
new file mode 100644
index 0000000..31ebc4d
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/enemy/EnemyMove.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"8e2af47b-62af-4c8c-869b-9cd4f82e588d","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/game_play/hero.meta b/assets/cc-game/scripts/game_play/hero.meta
new file mode 100644
index 0000000..995123d
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "b9873e9d-1ddd-4e36-82e7-5343fbbf1a0c",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/hero/ActiveSkill1.ts b/assets/cc-game/scripts/game_play/hero/ActiveSkill1.ts
new file mode 100644
index 0000000..9027d13
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/ActiveSkill1.ts
@@ -0,0 +1,51 @@
+import { _decorator, Component, Node } from 'cc';
+import { ActiveSkillBase } from './ActiveSkillBase';
+import { Vec3 } from 'cc';
+import { EACTIVE_SKILL_TYPE, GameDefine } from '../../config/GameDefine';
+import { RigidBody2D } from 'cc';
+import { Vec2 } from 'cc';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { GameGlobalData } from '../../global/GameGlobalData';
+const { ccclass, property } = _decorator;
+
+@ccclass('ActiveSkill1')
+export class ActiveSkill1 extends ActiveSkillBase {
+    euler: Vec3 = new Vec3();
+    body: RigidBody2D;
+
+
+    public enableActiveSkill(data, parent) {
+        super.enableActiveSkill(data, parent);
+        this.skillType = Number(EACTIVE_SKILL_TYPE.SKILL_1);
+        this.speed = this.speed / this.useTime;
+        this.node.setScaleY(this.range);
+
+        this.addForce(parent);
+    }
+
+
+    addForce(parent)
+    {
+        this.body = (parent as Node)?.getComponent(RigidBody2D);
+        if (!this.body) return;
+        this.body.linearDamping = this.range;
+        var velocity = UmUtil.scaleVector3(GameGlobalData.Instance.lastHeroMoveDirection.normalize(), 1700 / 6 * this.range);
+        this.body.applyLinearImpulseToCenter(new Vec2(velocity.x, velocity.y), false); 
+    }
+
+    update(dt: number)
+    {
+        if (!this.body) return;
+
+        var volocity = this.body.linearVelocity;
+        if (Vec2.distance(Vec2.ZERO, volocity) < 0.1)
+        {
+            this.body = null;
+            this.destroyNode();
+            return;    
+        }
+    }
+    
+}
+
diff --git a/assets/cc-game/scripts/game_play/hero/ActiveSkill1.ts.meta b/assets/cc-game/scripts/game_play/hero/ActiveSkill1.ts.meta
new file mode 100644
index 0000000..92f7930
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/ActiveSkill1.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"dc247ccb-4a6e-4a19-af88-a75ce9541660","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/game_play/hero/ActiveSkill2.ts b/assets/cc-game/scripts/game_play/hero/ActiveSkill2.ts
new file mode 100644
index 0000000..d79270b
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/ActiveSkill2.ts
@@ -0,0 +1,35 @@
+import { _decorator, Component, Node } from 'cc';
+import { ActiveSkillBase } from './ActiveSkillBase';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { Vec3 } from 'cc';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { EACTIVE_SKILL_TYPE, GameDefine } from '../../config/GameDefine';
+const { ccclass, property } = _decorator;
+
+@ccclass('ActiveSkill2')
+export class ActiveSkill2 extends ActiveSkillBase {
+    euler: Vec3 = new Vec3();
+
+    public enableActiveSkill(data, parent) {
+        super.enableActiveSkill(data, parent);
+        this.skillType = Number(EACTIVE_SKILL_TYPE.SKILL_2);
+        this.speed = this.speed / this.useTime;
+        this.node.setScaleY(this.range);
+    }
+
+    protected update(dt: number): void {
+        if (!GameGlobalData.Instance.isStatePlay() || this.isDestroying) return;
+
+        this.node.position = Vec3.ZERO;
+
+        if (this.euler.z <= -360.0) {
+            this.destroyNode();
+            return;
+        }
+
+        this.euler.z -= dt * this.speed;
+        this.node.setRotationFromEuler(this.euler);
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/hero/ActiveSkill2.ts.meta b/assets/cc-game/scripts/game_play/hero/ActiveSkill2.ts.meta
new file mode 100644
index 0000000..db94639
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/ActiveSkill2.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "88fb6b21-43ad-41ac-a965-105c2cd55b01",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/hero/ActiveSkill3.ts b/assets/cc-game/scripts/game_play/hero/ActiveSkill3.ts
new file mode 100644
index 0000000..353e8d2
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/ActiveSkill3.ts
@@ -0,0 +1,45 @@
+import { _decorator, Component, Node } from 'cc';
+import { ActiveSkillBase } from './ActiveSkillBase';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { Vec3 } from 'cc';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { EACTIVE_SKILL_TYPE, GameDefine } from '../../config/GameDefine';
+import { Sprite } from 'cc';
+import { Label } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('ActiveSkill3')
+export class ActiveSkill3 extends ActiveSkillBase {
+    @property(Sprite) clock: Sprite = null!;
+    @property(Label) clockTxt: Label = null!;
+
+    activeTime = 0;
+
+    public enableActiveSkill(data, parent) {
+        super.enableActiveSkill(data, parent);
+        this.skillType = Number(EACTIVE_SKILL_TYPE.SKILL_3);
+    }
+
+    protected update(dt: number) {
+        if (!GameGlobalData.Instance.isStatePlay() || this.isDestroying) return;
+
+        this.node.position = Vec3.ZERO;
+
+        if (this.activeTime >= this.useTime) {
+            this.destroyNode();
+            return;
+        }
+        this.activeTime += dt;
+        this.updateClock();
+    }
+
+    updateClock()
+    {
+        this.clock.fillRange = 1 - this.activeTime / this.useTime;
+        var remainTime = Math.min((this.useTime - this.activeTime).truncDigits(0) + 1, this.useTime);
+        this.clockTxt.string = remainTime.toString();
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/hero/ActiveSkill3.ts.meta b/assets/cc-game/scripts/game_play/hero/ActiveSkill3.ts.meta
new file mode 100644
index 0000000..6d46e3e
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/ActiveSkill3.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"4767037a-3276-4a81-aa40-d8dce4b04ca4","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/game_play/hero/ActiveSkillBase.ts b/assets/cc-game/scripts/game_play/hero/ActiveSkillBase.ts
new file mode 100644
index 0000000..580976f
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/ActiveSkillBase.ts
@@ -0,0 +1,47 @@
+import { Sprite } from 'cc';
+import { Color } from 'cc';
+import { Vec3 } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { GameDefine } from '../../config/GameDefine';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+const { ccclass, property } = _decorator;
+
+@ccclass('ActiveSkillBase')
+export class ActiveSkillBase extends Component {
+    @property(Sprite) theme: Sprite = null!;
+
+    isDestroying = false;
+    skillType: number = -1;
+    speed: number = 360;
+    mana: number = 10;
+    dmg: number = 10;
+    range: number = 5;
+    useTime: number = 1;
+
+    public enableActiveSkill(data, parent = null) {
+        this.mana = data?.mana || this.mana;
+        this.dmg = data?.dmg || this.dmg;
+        this.range = data?.range || this.range;
+        this.useTime = data?.useTime || this.useTime;
+    }
+
+    public getColor(): Color {
+        return this.theme?.color;
+    }
+
+    public destroyNode() {
+        if (this.isDestroying) return;
+        this.isDestroying = true;
+
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_END_USE_ACTIVE_SKILL);
+        UmUtil.stopAllTweenTarget(this.node);
+        //must destroy on thread
+        this.scheduleOnce(() => {
+            this.node?.destroy();
+        }, 0);
+    }
+
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/hero/ActiveSkillBase.ts.meta b/assets/cc-game/scripts/game_play/hero/ActiveSkillBase.ts.meta
new file mode 100644
index 0000000..0a4f0e4
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/ActiveSkillBase.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "2811865f-56ee-4470-803a-4d1e0ad136ff",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/hero/Hero.ts b/assets/cc-game/scripts/game_play/hero/Hero.ts
new file mode 100644
index 0000000..a8a62be
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/Hero.ts
@@ -0,0 +1,47 @@
+import { _decorator, Component, Node } from 'cc';
+import { HeroBase } from './HeroBase';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { EnemyBase } from '../enemy/EnemyBase';
+import { Color } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('Hero')
+export class Hero extends HeroBase {
+    calculateHitMeleeDamageUpdate(dt: number) {
+        //override
+        if (this.isImmuneDamage || !this.listEnemyContact.size)
+            return;
+
+        for (var value of this.listEnemyContact.values()) {
+            if (!value.enemy) return;
+
+            value.time += dt;
+
+            if (value.time >= 2) {
+                value.time = 0;
+                var damage = value.enemy.getComponent(EnemyBase)?.dmg;
+                // UmLog.log("calculateHitmeleedamage => ", value.enemy.name, damage);
+                if (!damage) continue;
+
+                this.effectColor = Color.RED;
+                this.onHitDamage(damage);
+            }
+        }
+
+    }
+
+    onEnemyStartContact(enemy: Node) {
+        super.onEnemyStartContact(enemy);
+        if (this.isImmuneDamage) return;
+
+        var damage = enemy.getComponent(EnemyBase)?.dmg;
+        if (!damage) return;
+        this.effectColor = Color.RED;
+        this.onHitDamage(damage);
+    }
+
+    
+}
+
+
+
diff --git a/assets/cc-game/scripts/game_play/hero/Hero.ts.meta b/assets/cc-game/scripts/game_play/hero/Hero.ts.meta
new file mode 100644
index 0000000..121217b
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/Hero.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "d34e4991-8f5a-43f5-8025-a2b655b08e20",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/hero/HeroBase.ts b/assets/cc-game/scripts/game_play/hero/HeroBase.ts
new file mode 100644
index 0000000..6c1282b
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/HeroBase.ts
@@ -0,0 +1,381 @@
+import { _decorator, Component, Node } from 'cc';
+import { NodeBase } from '../../base/NodeBase';
+import { EventTouch, Vec3 } from 'cc';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { ColliderObject } from '../../base/ColliderObject';
+import { Collider2D } from 'cc';
+import { ShootingBase } from '../bullet/ShootingBase';
+import { EACTIVE_SKILL_TYPE, EPHYSIC_GROUP, GameDefine } from '../../config/GameDefine';
+import { LayoutManager } from '../LayoutManager';
+import { HeroDataInfo, ShootingDataInfo } from '../../global/GameInterface';
+import { BulletBase } from '../bullet/BulletBase';
+import { Color } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { Sprite } from 'cc';
+import { math } from 'cc';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { Label } from 'cc';
+import { RigidBody2D } from 'cc';
+import { PassiveSkillInfo } from '../../game_data/GameDataConfig';
+import { HeroMana } from './HeroMana';
+import { HeroHPHeal } from './HeroHPHeal';
+const { ccclass, property } = _decorator;
+
+@ccclass('HeroBase')
+export class HeroBase extends NodeBase {
+    @property(ColliderObject) colliderObject: ColliderObject = null!;
+    @property(ColliderObject) sensor: ColliderObject = null!;
+    @property(RigidBody2D) rigibodyComponent: RigidBody2D = null!;
+
+    @property(ShootingBase) shooting: ShootingBase = null!;
+    @property(Sprite) theme: Sprite = null!;
+    @property(Label) skillLabel: Label = null!;
+    @property(HeroMana) heroMana: HeroMana = null!;
+    @property(HeroHPHeal) herHPHeal: HeroHPHeal = null!;
+    heroDataConfig: any = null;
+    
+    originPoint = new Vec3();
+    isShootEnable = false;
+    listEnemyTarget: Node[] = new Array();
+    listEnemyContact = new Map<string, any>;
+    currentColor: math.Color;
+    effectColor: Color = Color.GREEN;
+    specialSkill = -1;
+    countImmuneDamageUsing: number = 0;
+    TWEEN_TAG = 1001;
+    isDestroying = false;
+
+    get isImmuneDamage(): boolean
+    {
+        return this.countImmuneDamageUsing > 0;
+    }
+
+    protected onLoad(): void {
+        this.TWEEN_TAG = UmUtil.getRandomInt(100000, Number.MAX_SAFE_INTEGER);
+        this.isDestroying = false;
+    }
+
+    protected start(): void {
+        UmClientEvent.on(GameDefine.EVENT_START_USE_SPECIAL_SKILL, this.onStartUseSpecialSkill.bind(this));
+        UmClientEvent.on(GameDefine.EVENT_END_USE_SPECIAL_SKILL, this.onEndUseSpecialSkill.bind(this));
+
+        UmClientEvent.on(GameDefine.EVENT_START_USE_ACTIVE_SKILL, this.onStartUseActiveSkill.bind(this));
+        UmClientEvent.on(GameDefine.EVENT_END_USE_ACTIVE_SKILL, this.onEndUseActiveSkill.bind(this));
+
+        UmClientEvent.on(GameDefine.EVENT_COLLECT_PASSIVE_SKILL, this.onCollectPassivceSkill.bind(this));
+
+
+        this.isShootEnable = true;
+        this.registerColliderContact();
+        this.registerSensor();
+        this.loadDataAndDisplay();
+        this.currentColor = new Color(this.theme.color);
+        this.skillLabel.string = "";
+    }
+
+    protected onDestroy(): void {
+        UmClientEvent.off(GameDefine.EVENT_START_USE_SPECIAL_SKILL, this.onStartUseSpecialSkill.bind(this));
+        UmClientEvent.off(GameDefine.EVENT_END_USE_SPECIAL_SKILL, this.onEndUseSpecialSkill.bind(this));
+
+        UmClientEvent.off(GameDefine.EVENT_START_USE_ACTIVE_SKILL, this.onStartUseActiveSkill.bind(this));
+        UmClientEvent.off(GameDefine.EVENT_END_USE_ACTIVE_SKILL, this.onEndUseActiveSkill.bind(this));
+
+        UmClientEvent.off(GameDefine.EVENT_COLLECT_PASSIVE_SKILL, this.onCollectPassivceSkill.bind(this));
+
+    }
+
+    onStartUseSpecialSkill(skillId: number)
+    {
+        UmLog.log("onStartUseSpecialSkill => ", skillId);
+        this.specialSkill = skillId;
+        this.skillLabel.string = `USE SKILL_${skillId}`;
+    }
+
+    onEndUseSpecialSkill() {
+        UmLog.log("onEndUseSpecialSkill");
+        this.specialSkill = -1;
+        this.skillLabel.string = "";
+    }
+
+    loadDataAndDisplay() {
+        this.loadDataConfig();
+        UmLog.warn("loadDataAndDisplay => ", JSON.stringify(this.heroDataConfig));
+        LayoutManager.instance.GameUI.getHeroHPBar().setMaxHPBar(this.heroDataConfig.Hp);
+        this.herHPHeal.setStartHPHeal(this.heroDataConfig.HpHeal);
+    }
+
+    loadDataConfig() {
+        this.heroDataConfig = GameGlobalData.Instance.heroDataConfig;
+    }
+
+    protected registerColliderContact() {
+        this.colliderObject.registerBeginContact(this.onBeginContact.bind(this), true);
+        this.colliderObject.registerEndContact(this.onEndContact.bind(this), true);
+    }
+
+    protected offColliderContact() {
+        this.colliderObject.offContact();
+    }
+
+    protected registerSensor() {
+        this.sensor.registerBeginContact(this.onSensorBegin.bind(this), false);
+        this.sensor.registerEndContact(this.onSensorEnd.bind(this), false);
+    }
+
+    protected offSensor() {
+        this.sensor.offContact();
+    }
+
+    getTouchPointInParentNode(touchPoint): Vec3 {
+        return this.node.parent?.getNodeTransform().convertToNodeSpaceAR(touchPoint.toVec3());
+    }
+
+    onBeginContact(a: Collider2D, b: Collider2D) {
+        var bGroup = b.group;
+        // UmLog.log("HERO | onBeginContact = " + GameDefine.getPhysicGroupName(a.group), " vs ", GameDefine.getPhysicGroupName(bGroup));
+        if (b.group == Number(EPHYSIC_GROUP.SENSOR)) return;
+
+        if (b.group == Number(EPHYSIC_GROUP.ENEMY))
+        {
+            this.onEnemyStartContact(b.node);
+            return;
+        }
+
+        if (bGroup == Number(EPHYSIC_GROUP.BULLET_ENEMY)) {
+            this.onBulletContact(b.node);
+            return;
+        }
+
+    }
+
+    onEndContact(a: Collider2D, b: Collider2D) { 
+        if (b.group == Number(EPHYSIC_GROUP.ENEMY)) {
+            this.onEnemyEndContact(b.node);
+            return;
+        }
+    }
+
+    onSensorBegin(a: Collider2D, b: Collider2D) {
+        var bGroup = b.group;
+        // UmLog.log("HERO | onSensor Begin = " + GameDefine.getPhysicGroupName(a.group), " vs ", GameDefine.getPhysicGroupName(b.group));
+        if (bGroup != EPHYSIC_GROUP.ENEMY) return;
+        this.addEnemyTarget(b.node);
+    }
+
+    onSensorEnd(a: Collider2D, b: Collider2D) {
+        var bGroup = b.group;
+        // UmLog.log("HERO | onSensor End = " + GameDefine.getPhysicGroupName(a.group), " vs ", GameDefine.getPhysicGroupName(b.group));
+        GameDefine.getPhysicGroupName(bGroup);
+        if (bGroup != EPHYSIC_GROUP.ENEMY) return;
+        this.removeEnemyTarget(b.node);
+    }
+
+    protected update(dt: number): void {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        if (this.isShootEnable)
+        {
+            var targetNode = this.findShootTarget();
+            this.shoot(targetNode);
+        }
+
+        this.calculateHitMeleeDamageUpdate(dt);
+    }
+
+    calculateHitMeleeDamageUpdate(dt: number)
+    {
+        //override
+    }
+
+
+    get ShootingDataConfig(): ShootingDataInfo
+    {
+        var shootingData: ShootingDataInfo = {
+            AtkRange: this.heroDataConfig.AtkRange,
+            AtkCoolDown: this.heroDataConfig.AtkCoolDown,
+            AtkSpeed: this.heroDataConfig.AtkSpeed,
+            Damage: this.heroDataConfig.Atk,
+            AoERange: this.heroDataConfig.AoERange,
+            AoEDmg: this.heroDataConfig.AoEDmg,
+        };
+        return shootingData;
+    }
+
+
+    shoot(targetNode)
+    {
+        if (!targetNode) return;
+        this.shooting.shooting(this.node, targetNode, this.ShootingDataConfig, this.specialSkill);
+    }
+
+    addEnemyTarget(enemy: Node) {
+        UmLog.log("addEnemyTarget => ", enemy.name);
+        this.listEnemyTarget.push(enemy);
+    }
+
+    removeEnemyTarget(enemy: Node) {
+        UmLog.log("removeEnemyTarget => ", enemy.name);
+        if (!this.listEnemyTarget?.length) return;
+        let index = -1;
+        for (var i = 0; i < this.listEnemyTarget.length; i++) {
+            if (this.listEnemyTarget[i] && this.listEnemyTarget[i] == enemy)
+            {
+                index = i;
+                break;
+            }
+        }
+
+        if (index < 0) return;
+        this.listEnemyTarget.splice(index, 1);
+    }
+
+    findShootTarget(): Node {
+        // UmLog.log("FINE => ", this.listEnemyTarget.length);
+        var min_distance = Number.MAX_VALUE;
+        var heroPoint = this.node.worldPosition;
+        var targetNode: Node = null;
+
+        if (!this.listEnemyTarget.length) return null;
+
+        for (var i = 0; i < this.listEnemyTarget.length; i++) {
+            var point = this.listEnemyTarget[i].worldPosition;
+            var check_distance = Vec3.distance(heroPoint, point);
+            if (check_distance < min_distance)
+            {
+                min_distance = check_distance;
+                targetNode = this.listEnemyTarget[i];
+            }
+        }
+
+        return targetNode;
+    }
+
+    onEnemyStartContact(enemy: Node)
+    {
+        this.listEnemyContact.set(enemy.name, {enemy: enemy, time: 0});
+    }
+
+    onEnemyEndContact(enemy: Node) {
+        this.listEnemyContact.delete(enemy.name);
+        if (this.isImmuneDamage) return;
+    }
+
+    onBulletContact(bullet: Node) {
+        var bulletComp = bullet.parent.getComponent(BulletBase);
+        var damage = bulletComp?.damage | 0;
+
+        UmLog.warn("onBulletContact => ", damage);
+        
+        bulletComp?.destroyNode();
+        this.effectColor = bulletComp.getColor();
+
+        this.onHitDamage(damage);
+    }
+
+    onHitDamage(damage: number)
+    {
+        if (this.isImmuneDamage || !damage) return;
+        this.runHitEffect();
+        var hpBar = LayoutManager.instance.GameUI.getHeroHPBar();
+        hpBar?.decreaseHP(damage);
+
+        if (hpBar?.currentHP <= 0) {
+            this?.destroyNode();
+            LayoutManager.instance.GameUI.showGameLose();
+        }
+    }
+
+    runHitEffect()
+    {
+        this.theme.color = this.effectColor;
+        UmUtil.stopAllTweenTag(this.TWEEN_TAG);
+        UmUtil.delay(this.node, 0.2, () => {
+            this.theme.color = this.currentColor;
+        }, this.TWEEN_TAG);
+    }
+
+    
+    setEnableRigibody(isEnable: boolean) {
+        if (this.rigibodyComponent)
+            this.rigibodyComponent.enabled = isEnable;
+    }
+
+    public destroyNode() {
+        if (this.isDestroying) return;
+        this.isDestroying = true;
+        //must destroy on thread
+        this.scheduleOnce(() => {
+            this.setEnableRigibody(false);
+            this.node?.destroy();
+        }, 0);
+    }
+
+    onStartUseActiveSkill(tag: number, manaUsed: number) {
+        UmLog.log("HERO => onStartUseActiveSkill");
+        this.countImmuneDamageUsing += (tag != Number(EACTIVE_SKILL_TYPE.SKILL_2)) ? 1 : 0;
+        this.shooting?.enableActiveSkill(tag, this.node);
+    }
+
+    onEndUseActiveSkill(tag: number, manaUsed: number) {
+        UmLog.log("HERO => onEndUseActiveSkill");
+        this.countImmuneDamageUsing -= (tag != Number(EACTIVE_SKILL_TYPE.SKILL_2)) ? 1 : 0;
+        this.countImmuneDamageUsing = Math.max(0, this.countImmuneDamageUsing);
+    }
+
+    onCollectPassivceSkill(passiveSkillData: PassiveSkillInfo) {
+        UmLog.log("HERO => onCollectPassivceSkill: ", JSON.stringify(passiveSkillData));
+        var valueReward = passiveSkillData.value;
+        switch (passiveSkillData.skillname)
+        {
+            case GameDefine.PASSIVE_SKILL.PS1:
+                this.heroDataConfig.Atk += valueReward;
+                break;
+            
+            case GameDefine.PASSIVE_SKILL.PS2:
+                this.heroDataConfig.Hp += valueReward;
+                var hpBar = LayoutManager.instance.GameUI.getHeroHPBar();
+                if (hpBar)
+                    hpBar.setHPValue(hpBar.currentHP + valueReward, hpBar.maxHP + valueReward);
+                break;
+            
+            case GameDefine.PASSIVE_SKILL.PS3:
+                this.heroMana.setCollectMana(valueReward);
+                break;
+            
+            case GameDefine.PASSIVE_SKILL.PS4:
+                this.heroDataConfig.ManaMax += valueReward;
+                this.heroMana.setCollectManaMax(valueReward);
+                break;
+            
+            case GameDefine.PASSIVE_SKILL.PS5:
+                GameGlobalData.Instance.expCollected += valueReward;
+                UmUtil.delay(this.node, 1, () => {
+                    LayoutManager.instance.GameUI.updateExpProgressBar(GameGlobalData.Instance.expCollected);
+                    LayoutManager.instance.GameUI.checkLevelUp(); 
+                });
+                break;
+            
+            case GameDefine.PASSIVE_SKILL.PS6:
+                GameGlobalData.Instance.HERO_CONTROL_CONFIG.heroMoveSpeed += valueReward;
+                break;
+            
+            case GameDefine.PASSIVE_SKILL.PS7:
+                this.heroDataConfig.HpHeal += valueReward;
+                this.herHPHeal.setHPHealValue(this.heroDataConfig.HpHeal);
+                break;
+            
+            case GameDefine.PASSIVE_SKILL.PS8:
+                this.heroDataConfig.AoERange += valueReward;
+                break;
+            
+            case GameDefine.PASSIVE_SKILL.PS9:
+                this.heroDataConfig.AtkRange += valueReward;
+                break;
+
+        }
+        
+    }
+
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/hero/HeroBase.ts.meta b/assets/cc-game/scripts/game_play/hero/HeroBase.ts.meta
new file mode 100644
index 0000000..d7e50fb
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/HeroBase.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a4e1107f-4ba0-437f-97a0-4bfdbc47a49f",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/hero/HeroHPHeal.ts b/assets/cc-game/scripts/game_play/hero/HeroHPHeal.ts
new file mode 100644
index 0000000..cabba66
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/HeroHPHeal.ts
@@ -0,0 +1,57 @@
+import { _decorator, Component, Node } from 'cc';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { LayoutManager } from '../LayoutManager';
+import { HPBar } from '../../game_ui/HPBar';
+import { GameDefine } from '../../config/GameDefine';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+const { ccclass, property } = _decorator;
+
+@ccclass('HeroHPHeal')
+export class HeroHPHeal extends Component {
+    hpHeal = 2;
+    countTime = 0;
+
+    setStartHPHeal(hpHeal: number)
+    {
+        this.countTime = 0;
+        this.setHPHealValue(hpHeal);
+    }
+
+    setHPHealValue(value: number)
+    {
+        this.hpHeal = value;
+    }
+
+    get hpBar(): HPBar
+    {
+        return LayoutManager.instance.GameUI.getHeroHPBar();
+    }
+
+    protected update(dt: number): void {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+
+        this.countTime += dt;
+
+        var hpCollect = this.timeToHP(this.countTime);
+        if (hpCollect >= 1)
+        {
+            this.hpBar.increaseHP(1);
+            hpCollect -= 1;
+            this.countTime = this.hpToTime(hpCollect);
+        }
+
+    }
+
+    timeToHP(time: number): number
+    {
+        return time * GameDefine.HPHEAL_UNIT * this.hpHeal;
+    }
+
+    hpToTime(hp: number) {
+        return hp / GameDefine.HPHEAL_UNIT;
+    }
+
+
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/hero/HeroHPHeal.ts.meta b/assets/cc-game/scripts/game_play/hero/HeroHPHeal.ts.meta
new file mode 100644
index 0000000..4cc2672
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/HeroHPHeal.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "c8fed59d-fd21-4421-bef3-f4a975973210",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/hero/HeroMana.ts b/assets/cc-game/scripts/game_play/hero/HeroMana.ts
new file mode 100644
index 0000000..7b1ec0f
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/HeroMana.ts
@@ -0,0 +1,112 @@
+import { Sprite } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { GameDefine } from '../../config/GameDefine';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { SkillActiveManagerUI } from '../skill-active/SkillActiveManagerUI';
+const { ccclass, property } = _decorator;
+
+@ccclass('HeroMana')
+export class HeroMana extends Component {
+    @property(Sprite) manaProgress: Sprite = null!;
+    @property(SkillActiveManagerUI) skillActive: SkillActiveManagerUI = null!;
+
+    manaRecoveryTime: number = 10;
+    countTime: number = 0;
+    _tween: any;
+    isTurnOn = false;
+    isUsingSkill = false;
+
+    protected start(): void {
+        UmClientEvent.on(GameDefine.EVENT_END_JOYSTICK, this.onCheckCastActiveSkill.bind(this));
+        UmClientEvent.on(GameDefine.EVENT_START_USE_ACTIVE_SKILL, this.onStartUseActiveSkill.bind(this));
+        UmClientEvent.on(GameDefine.EVENT_END_USE_ACTIVE_SKILL, this.onEndUseActiveSkill.bind(this));
+        // UmClientEvent.on(GameDefine.EVENT_START_USE_SPECIAL_SKILL, this.onStartUseSkillSpecial.bind(this));
+
+        this.setManaMaxRecoveryTime(GameGlobalData.Instance.manaToTime(GameGlobalData.Instance.heroDataConfig.ManaMax));
+    }
+
+    protected onDestroy(): void {
+        UmClientEvent.off(GameDefine.EVENT_END_JOYSTICK, this.onCheckCastActiveSkill.bind(this));
+        UmClientEvent.off(GameDefine.EVENT_START_USE_ACTIVE_SKILL, this.onStartUseActiveSkill.bind(this));
+        UmClientEvent.off(GameDefine.EVENT_END_USE_ACTIVE_SKILL, this.onEndUseActiveSkill.bind(this));
+        // UmClientEvent.off(GameDefine.EVENT_START_USE_SPECIAL_SKILL, this.onStartUseSkillSpecial.bind(this));        
+    }
+
+    // onStartUseSkillSpecial()
+    // {
+    //     this.resetManaTime();
+    // }
+
+    setManaMaxRecoveryTime(time: number)
+    {
+        this.manaRecoveryTime = time;
+    }
+
+    resetManaTime()
+    {
+        this.countTime = 0;
+        this.isTurnOn = false;
+        GameGlobalData.Instance.isHeroManaReady = false;
+    }
+
+    setCollectMana(mana : number)
+    {
+        this.countTime += GameGlobalData.Instance.manaToTime(mana);
+    }
+
+    setCollectManaMax(mana: number) {
+        this.setManaMaxRecoveryTime(this.manaRecoveryTime + GameGlobalData.Instance.manaToTime(mana));
+    }
+
+    protected update(dt: number): void {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        
+        if (this.countTime >= this.manaRecoveryTime) {
+            if (this.isTurnOn) return;
+            this.isTurnOn = true;
+            this.turnOnSpecialSkillAvailable();
+
+            return;
+        };
+
+        this.countTime += dt;
+        this.updateProgress(this.countTime / this.manaRecoveryTime);
+
+    }
+
+
+    updateProgress(progress: number)
+    {
+        this.manaProgress.fillRange = progress;
+    }
+
+    turnOnSpecialSkillAvailable()
+    {
+        UmLog.log("MANA FULL => READY");
+        // GameGlobalData.Instance.isHeroManaReady = true;
+        // UmClientEvent.dispatchEvent(GameDefine.EVENT_MANA_READY, true);
+    }
+
+    onCheckCastActiveSkill() {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        var mana = GameGlobalData.Instance.timeToMana(this.countTime);
+        this.skillActive?.checkCastSkill(mana);
+    }
+
+    onStartUseActiveSkill(tag: number, manaUsed: number) {
+        this.isUsingSkill = true;
+        var mana = GameGlobalData.Instance.timeToMana(this.countTime);
+        mana -= manaUsed;
+        mana = Math.max(0, mana);
+        this.countTime = GameGlobalData.Instance.manaToTime(mana);
+        this.updateProgress(this.countTime / this.manaRecoveryTime);
+    }
+
+    onEndUseActiveSkill(tag: number, manaUsed: number) {
+        this.isUsingSkill = false;
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/hero/HeroMana.ts.meta b/assets/cc-game/scripts/game_play/hero/HeroMana.ts.meta
new file mode 100644
index 0000000..c097ae2
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/HeroMana.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a0141109-2267-4d3c-869a-3e2dc38d55ec",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/hero/HeroMove.ts b/assets/cc-game/scripts/game_play/hero/HeroMove.ts
new file mode 100644
index 0000000..1f55cfc
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/HeroMove.ts
@@ -0,0 +1,21 @@
+import { Vec3 } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { JoyStick } from '../../../Test/JoyStick';
+const { ccclass, property } = _decorator;
+
+@ccclass('HeroMove')
+export class HeroMove extends Component {
+
+    isTouchEnable = false;
+    moveSpeed: number = 5;
+
+    update(deltaTime: number) {
+        if (!JoyStick.IS_TOUCH_ENABLE || JoyStick.DIRECTION === Vec3.ZERO || !GameGlobalData.Instance.isStatePlay()) return;
+        this.moveSpeed = GameGlobalData.Instance.HERO_CONTROL_CONFIG.heroMoveSpeed;
+        this.node.position = UmUtil.plusTwoVector3(this.node.position, UmUtil.scaleVector3(JoyStick.DIRECTION, this.moveSpeed));
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/hero/HeroMove.ts.meta b/assets/cc-game/scripts/game_play/hero/HeroMove.ts.meta
new file mode 100644
index 0000000..7730784
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/hero/HeroMove.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "8e97af40-8109-484f-ab9d-bcb3ff609449",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/map.meta b/assets/cc-game/scripts/game_play/map.meta
new file mode 100644
index 0000000..e248eef
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/map.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "62e0f34d-68f7-4d7d-8b94-d520b0a5078b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/map/MapManager.ts b/assets/cc-game/scripts/game_play/map/MapManager.ts
new file mode 100644
index 0000000..90f2a12
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/map/MapManager.ts
@@ -0,0 +1,156 @@
+import { _decorator, Component, Node } from 'cc';
+import { StageInfo } from '../../global/GameInterface';
+import { Prefab } from 'cc';
+import { instantiate } from 'cc';
+import { GameAssets } from '../../global/GameAssets';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { EGAME_STATE, GameDefine } from '../../config/GameDefine';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { HeroBase } from '../hero/HeroBase';
+import { CreepBase } from '../creep/CreepBase';
+import { Vec3 } from 'cc';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { EnemyBase } from '../enemy/EnemyBase';
+const { ccclass, property } = _decorator;
+
+@ccclass('MapManager')
+export class MapManager extends Component {
+    @property(Node) gameplaySpaceLayout: Node = null!;
+    @property(Node) environment: Node = null!;
+    private stageInfo: StageInfo = null;
+
+    protected onLoad(): void {
+        UmClientEvent.on(GameDefine.EVENT_START_GAME, this.onGameStart.bind(this));
+        UmClientEvent.on(GameDefine.EVENT_INIT_MAP, this.initObjectMap.bind(this));
+
+        this.environment?.setNodeActive(false);
+    }
+
+    protected onDestroy(): void {
+        UmClientEvent.off(GameDefine.EVENT_START_GAME, this.onGameStart.bind(this));
+    }
+
+    onGameStart()
+    {
+       GameGlobalData.Instance.prepareDataOnStartNewStage();
+        this.initMapAtStartStage();
+    }
+
+    public initMapAtStartStage()
+    {
+        this.addEnvironment();
+        this.initObjectMap(GameDefine.ENEMY_CREEP);
+        // this.initObjectMap(GameDefine.ENEMY_BOSS);
+
+        this.gameplaySpaceLayout?.getComponentInChildren(HeroBase)?.node.setSiblingIndex(Number.MAX_SAFE_INTEGER);
+
+        UmUtil.delay(this.node, 1, () => {
+            GameGlobalData.Instance.changeState(EGAME_STATE.PLAY);
+        });
+    }
+
+    public initObjectMap(objectRequest: string)
+    {
+        UmLog.log("initObjectMap => ", objectRequest);
+        if (objectRequest == GameDefine.ENEMY_CREEP)
+        {
+            this.addCreepEnemy();
+            return;
+        }
+
+        if (objectRequest == GameDefine.ENEMY_BOSS) {
+            this.initBoss();
+            return;
+        }
+
+        if (objectRequest == GameDefine.HERO) {
+            this.initHero();
+            return;
+        }
+    }
+
+    private initHero()
+    {
+        var hero = instantiate(GameAssets.instance.heroPrefab);
+        hero.parent = this.gameplaySpaceLayout;
+    }
+
+
+    bossIndex = 0;
+    getBossIndex()
+    {
+        return 2;
+        this.bossIndex++;
+        this.bossIndex = Math.min(2, this.bossIndex);
+        this.bossIndex = Math.max(1, this.bossIndex);
+    }
+
+    private initBoss() {
+        var bossIndex = `B${this.getBossIndex()}`;
+        var boss = instantiate(GameAssets.instance.getBossPrefabById(bossIndex));
+        boss.parent = this.gameplaySpaceLayout;
+       
+        var data = GameGlobalData.Instance.getBossDataConfigAfterRaitoById(bossIndex);
+        boss.getComponent(EnemyBase)?.setEnemyData(data);
+    }
+
+    private addEnvironment()
+    {
+        this.environment?.setNodeActive(true);
+    }
+
+    private addCreepEnemy() {
+
+        // this.enemyType = data?.enemyType || this.enemyType;
+        // this.attackType = data?.attackType || this.attackType;
+
+        // this.dmg = data?.dmg || this.dmg;
+        // this.moveSpeed = data?.moveSpeed || this.moveSpeed;
+        // this.range = data?.range || this.range;
+        var count = 1;
+
+        {
+            var creep = instantiate(GameAssets.instance.creepPrefab);
+            creep.parent = this.gameplaySpaceLayout;
+            // var data = { enemyType: 0, attackType: 0, hp: 75, dmg: 20 };
+            var data = GameGlobalData.Instance.getEnemyDataConfigAfterRatioById(`E${UmUtil.getRandomInt(1,3)}`);
+            creep.getComponent(CreepBase)?.setEnemyData(data);
+            creep.name = data.Name_Id + "_" + (count++).toString();
+            creep.position = new Vec3(-233, 104, 0);
+        }
+
+        {
+            var creep = instantiate(GameAssets.instance.creepPrefab);
+            creep.parent = this.gameplaySpaceLayout;
+            // var data = { enemyType: 1, attackType: 1, hp: 50, dmg: 5 };
+            var data = GameGlobalData.Instance.getEnemyDataConfigAfterRatioById(`E${UmUtil.getRandomInt(4, 6)}`);
+            creep.getComponent(CreepBase)?.setEnemyData(data);
+            creep.position = new Vec3(290, 310, 0);
+            creep.name = data.Name_Id + "_" + (count++).toString();
+        }
+
+        {
+            var creep = instantiate(GameAssets.instance.creepPrefab);
+            creep.parent = this.gameplaySpaceLayout;
+            // var data = { enemyType: 0, attackType: 0, hp: 75, dmg: 20 };
+            var data = GameGlobalData.Instance.getEnemyDataConfigAfterRatioById(`E${UmUtil.getRandomInt(1, 3)}`);
+            creep.getComponent(CreepBase)?.setEnemyData(data);
+            creep.position = new Vec3(-211, 480, 0);
+            creep.name = data.Name_Id + "_" + (count++).toString();
+        }
+
+    }
+
+    get StageInfo(): StageInfo
+    {
+        if (this.stageInfo)
+            return this.stageInfo;
+
+
+        return { stageId: 1, stageName: "Stage 1" };
+    }
+
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/map/MapManager.ts.meta b/assets/cc-game/scripts/game_play/map/MapManager.ts.meta
new file mode 100644
index 0000000..9188a20
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/map/MapManager.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "a312f583-eb51-4a0d-abab-e140439ce25b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/map/Obstacle.ts b/assets/cc-game/scripts/game_play/map/Obstacle.ts
new file mode 100644
index 0000000..19539bf
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/map/Obstacle.ts
@@ -0,0 +1,8 @@
+import { _decorator, Component, Node } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('Obstacle')
+export class Obstacle extends Component {
+    
+}
+
diff --git a/assets/cc-game/scripts/game_play/map/Obstacle.ts.meta b/assets/cc-game/scripts/game_play/map/Obstacle.ts.meta
new file mode 100644
index 0000000..44358ea
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/map/Obstacle.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "dc40c76b-efa9-4845-908a-8d7fa243402f",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/map/Wall.ts b/assets/cc-game/scripts/game_play/map/Wall.ts
new file mode 100644
index 0000000..afe385d
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/map/Wall.ts
@@ -0,0 +1,9 @@
+import { _decorator, Component, Node } from 'cc';
+import { Obstacle } from './Obstacle';
+const { ccclass, property } = _decorator;
+
+@ccclass('Wall')
+export class Wall extends Obstacle {
+    
+}
+
diff --git a/assets/cc-game/scripts/game_play/map/Wall.ts.meta b/assets/cc-game/scripts/game_play/map/Wall.ts.meta
new file mode 100644
index 0000000..376bd6f
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/map/Wall.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "300547db-7943-4a67-bd92-5bcd3e780c0b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/skill-active.meta b/assets/cc-game/scripts/game_play/skill-active.meta
new file mode 100644
index 0000000..5a9a07c
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-active.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "6dfd8a1a-7dda-48e5-ba00-0daf3a7f8dd0",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/skill-active/SkillActiveItemUI.ts b/assets/cc-game/scripts/game_play/skill-active/SkillActiveItemUI.ts
new file mode 100644
index 0000000..8624b14
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-active/SkillActiveItemUI.ts
@@ -0,0 +1,53 @@
+import { Sprite } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { SkillUseInfo } from '../../global/GameInterface';
+import { Color } from 'cc';
+import { Button } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('SkillActiveItemUI')
+export class SkillActiveItemUI extends Component {
+    @property(Button) btn: Button = null!;
+    @property(Sprite) theme: Sprite = null!;
+    @property(Node) activeFlag: Node = null!;
+    mana = 10;
+    isUsing = false;
+    tag = -1;
+    
+    public onClicked: ((tag: number) => void) | undefined;
+
+    protected onLoad(): void {
+        this.btn?.node.on(Button.EventType.CLICK, this.onBtnClicked, this);
+        this.setActive(false);
+    }
+
+    onBtnClicked()
+    {
+        if (this.isUsing) return;
+        this.onClicked?.(this.tag);
+    }
+
+    setSkillInfo(tag, mana)
+    {
+        this.tag = tag;
+        this.mana = mana;
+    }
+
+    updateMana(heroMana)
+    {
+        this.setActive(heroMana >= this.mana);
+    }
+
+    setActive(isActive)
+    {
+        this.node?.setNodeActive(isActive);
+    }
+
+    showSkill(isShow: boolean)
+    {
+        this.isUsing = isShow;
+        this.activeFlag.setNodeActive(isShow);
+        this.node?.setNodeActive(isShow);
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/skill-active/SkillActiveItemUI.ts.meta b/assets/cc-game/scripts/game_play/skill-active/SkillActiveItemUI.ts.meta
new file mode 100644
index 0000000..fa22006
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-active/SkillActiveItemUI.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "ea660e60-6767-4a84-9cb7-e46e765436da",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerOld.ts b/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerOld.ts
new file mode 100644
index 0000000..b2796bf
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerOld.ts
@@ -0,0 +1,87 @@
+import { Label } from 'cc';
+import { Color } from 'cc';
+import { Sprite } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { GameDefine } from '../../config/GameDefine';
+const { ccclass, property } = _decorator;
+
+@ccclass('SkillActiveManagerOld')
+export class SkillActiveManagerOld extends Component {
+    // @property(Node) skillItem: Node = null!;
+    // @property(Sprite) manaProgress: Sprite = null!;
+    // @property(Label) lbName: Label = null!;
+    // @property(Sprite) theme: Sprite = null!;
+    // @property(Node) activeFlag: Node = null!;
+
+    // MANA_TIME = 10;
+    // themeColor = [new Color('dcb550'), new Color('73f4ab'), new Color('e95048')];
+    // manaTween = null;
+    // manaRecoveryTime: number = 10;
+    // countTime: number = 0;
+    // isCastSkill: boolean = false;
+
+    // protected onLoad(): void {
+    //     this.updateDisplaySkillItem();
+    //     this.resetManaTime();
+    // }
+
+    // public checkManaToCastSkill(): boolean
+    // {
+    //     if (this.manaProgress.fillRange >= 1.0) return true;
+    //     this.switchToNextSkill();
+
+    //     return false;
+    // }
+
+    
+    // switchToNextSkill()
+    // {
+    //     this.resetManaTime();
+    //     let next = GameGlobalData.Instance.currentActiveSkill + 1;
+    //     if (next > GameDefine.ACTIVE_SKILL.length)
+    //         next = 0;
+
+    //     GameGlobalData.Instance.currentActiveSkill = next;
+    //     this.updateDisplaySkillItem();
+    // }
+
+    // resetManaTime() {
+    //     this.countTime = 0;
+    //     this.manaProgress.fillRange = 0;
+    //     this.isCastSkill = false;
+    // }
+
+    // protected update(dt: number): void {
+    //     if (!GameGlobalData.Instance.isStatePlay()) return;
+    //     if (this.countTime >= this.manaRecoveryTime) {
+    //         if (this.isCastSkill) return;
+    //         this.isCastSkill = true;
+    //         this.castSkill();
+    //         return;
+    //     };
+
+    //     this.countTime += dt;
+    //     this.updateProgress(this.countTime / this.manaRecoveryTime);
+
+    // }
+
+    // castSkill()
+    // {
+
+    // }
+
+    // updateProgress(progress: number) {
+    //     this.manaProgress.fillRange = Math.min(progress, 1.0);
+    // }
+
+
+    // updateDisplaySkillItem() {
+    //     var currentActiveSkill = GameGlobalData.Instance.currentActiveSkill;
+    //     this.theme.color = this.themeColor[currentActiveSkill];
+    //     this.lbName.string = `S${currentActiveSkill + 1}`;
+    // }
+
+}
+
diff --git a/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerOld.ts.meta b/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerOld.ts.meta
new file mode 100644
index 0000000..b868f4a
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerOld.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "7ce100f8-a1a4-4b77-9168-8476ef5b8ecf",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerUI.ts b/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerUI.ts
new file mode 100644
index 0000000..15b7320
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerUI.ts
@@ -0,0 +1,95 @@
+
+import { Color } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { SkillActiveItemUI } from './SkillActiveItemUI';
+import { GameDefine } from '../../config/GameDefine';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+const { ccclass, property } = _decorator;
+
+@ccclass('SkillActiveManagerUI')
+export class SkillActiveManagerUI extends Component {
+    @property(SkillActiveItemUI) listSkillBtns: SkillActiveItemUI[] = [];
+    themeColor = [new Color('dcb550'), new Color('73f4ab'), new Color('e95048')];
+    isSkillUsing = false;
+    timeSkillCanUse: number = 0;
+    timeSkillUsing: number = 0;
+    currentChooseSkill: number = 0;
+
+    protected start(): void {
+
+        // var listDatas = GameGlobalData.Instance.listActiveSkillUses;
+        // for (var i = 0; i < this.listSkillBtns.length; i++)
+        // {
+        //     this.listSkillBtns[i].setSkillInfo(i, listDatas[i]?.mana);
+        //     this.listSkillBtns[i].onClicked = this.onBtnSkillClicked.bind(this);
+        // }
+
+        this.showChooseSkill();
+
+    }
+
+    onBtnSkillClicked(tag: number) {
+        // this.castSkill(tag);
+    }
+
+    nextChooseSkill()
+    {
+        this.currentChooseSkill++;
+        if (this.currentChooseSkill >= GameGlobalData.Instance.listActiveSkillUses.length)
+            this.currentChooseSkill = 0;
+
+        this.showChooseSkill();
+    }
+
+    showChooseSkill()
+    {
+        for (var i = 0; i < this.listSkillBtns.length; i++) {
+            this.listSkillBtns[i].showSkill(i == this.currentChooseSkill);
+        }
+    }
+
+    checkCastSkill(mana: number)
+    {
+        var infoSkillUsing = GameGlobalData.Instance.listActiveSkillUses[this.currentChooseSkill];
+        if (mana >= infoSkillUsing.mana)
+        {
+            this.castSkill(this.currentChooseSkill);
+        }
+
+        this.nextChooseSkill();
+    }
+
+    castSkill(tag: number)
+    {
+        UmLog.log("castSkill => ", tag);
+        GameGlobalData.Instance.currentActiveSkill = tag;
+        var infoSkillUsing = GameGlobalData.Instance.listActiveSkillUses[tag];
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_START_USE_ACTIVE_SKILL, tag, infoSkillUsing.mana);
+
+        for (var i = 0; i < this.listSkillBtns.length; i++)
+        {
+            this.listSkillBtns[i].showSkill(false);
+        }
+
+        this.timeSkillCanUse = infoSkillUsing.useTime;
+        this.timeSkillUsing = 0;
+        this.isSkillUsing = true;
+
+    }
+
+    protected update(dt: number): void {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        if (!this.isSkillUsing) return;
+
+        this.timeSkillUsing += dt;
+
+        if (this.timeSkillUsing >= this.timeSkillCanUse)
+        {
+            this.isSkillUsing = false;
+            this.listSkillBtns[GameGlobalData.Instance.currentActiveSkill].showSkill(false);
+        }
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerUI.ts.meta b/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerUI.ts.meta
new file mode 100644
index 0000000..05f5a53
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-active/SkillActiveManagerUI.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"02b1a982-eeb5-4dfb-bbd2-54e2316ae0d0","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/game_play/skill-special.meta b/assets/cc-game/scripts/game_play/skill-special.meta
new file mode 100644
index 0000000..9b0929d
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-special.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "1ad41947-12ac-48eb-9fcf-a3c65b2dbf0e",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/skill-special/SkillSpecialItemUI.ts b/assets/cc-game/scripts/game_play/skill-special/SkillSpecialItemUI.ts
new file mode 100644
index 0000000..bf0f0fa
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-special/SkillSpecialItemUI.ts
@@ -0,0 +1,61 @@
+import { Label } from 'cc';
+import { tween } from 'cc';
+import { Sprite } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmUtil } from '../../../../cc-common/cc-util/UmUtil';
+import { Button } from 'cc';
+import { SpecialSkillInfo } from '../../global/GameInterface';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { GameDefine } from '../../config/GameDefine';
+import { GameGlobalData } from '../../global/GameGlobalData';
+const { ccclass, property } = _decorator;
+
+@ccclass('SkillSpecialItemUI')
+export class SkillSpecialItemUI extends Component {
+    @property(Button) btnUse: Button = null!;
+    @property(Sprite) icon: Sprite = null!;
+    @property(Sprite) progress: Sprite = null!;
+    @property(Label) nameTxt: Label = null!;
+    skillItemInfo: SpecialSkillInfo = null;
+    isUsing = false;
+    _tween: any = null;
+
+    protected start(): void {
+        this.btnUse?.node.on(Button.EventType.CLICK, this.startUseSkill, this);
+    }
+
+    protected onDestroy(): void {
+        this._tween?.stop();
+        this._tween = null;
+    }
+
+    protected onDisable(): void {
+        this.isUsing = false;
+    }
+
+
+    setData(skillItemInfo: SpecialSkillInfo)
+    {
+        this.skillItemInfo = skillItemInfo;
+        this.nameTxt.string = skillItemInfo.skillName;
+    }
+
+    startUseSkill()
+    {
+        if (this.isUsing || !GameGlobalData.Instance.isHeroManaReady) return;
+        this.isUsing = true;
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_START_USE_SPECIAL_SKILL, this.skillItemInfo.skillId);
+        this._tween = UmUtil.tweenValue(1, 0, this.skillItemInfo.skillTime, (value) => {
+            this.progress.fillRange = value;
+        }, () => {
+            this.progress.fillRange = 0;
+            this.endUseSkill();
+        })
+    }
+
+    endUseSkill() {
+        this.isUsing = false;
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_END_USE_SPECIAL_SKILL, this.skillItemInfo.skillId);
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/skill-special/SkillSpecialItemUI.ts.meta b/assets/cc-game/scripts/game_play/skill-special/SkillSpecialItemUI.ts.meta
new file mode 100644
index 0000000..d661c35
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-special/SkillSpecialItemUI.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "0dd7e01c-a163-47d4-8ca5-d8be9a8fa898",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_play/skill-special/SkillSpecialManager.ts b/assets/cc-game/scripts/game_play/skill-special/SkillSpecialManager.ts
new file mode 100644
index 0000000..3046e13
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-special/SkillSpecialManager.ts
@@ -0,0 +1,79 @@
+import { _decorator, Component, Node } from 'cc';
+import { GameGlobalData } from '../../global/GameGlobalData';
+import { instantiate } from 'cc';
+import { SkillSpecialItemUI } from './SkillSpecialItemUI';
+import { UmClientEvent } from '../../../../cc-common/cc-util/UmOneToMultiListener';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { GameDefine } from '../../config/GameDefine';
+const { ccclass, property } = _decorator;
+
+@ccclass('SkillSpecialManager')
+export class SkillSpecialManager extends Component {
+    @property(Node) container: Node = null;
+    @property(Node) skillItemPrefab: Node = null;
+
+    listItem: Map<string, SkillSpecialItemUI> = new Map<string, SkillSpecialItemUI>();
+    isSkillUsing = false;
+
+    protected onLoad(): void {
+        UmLog.log("SkillSpecialManager => start");
+        this.addListSkillAvailable();
+        UmClientEvent.on(GameDefine.EVENT_START_USE_SPECIAL_SKILL, this.onStartUseSkillSpecial.bind(this));
+        UmClientEvent.on(GameDefine.EVENT_END_USE_SPECIAL_SKILL, this.onEndUseSkillSpecial.bind(this));
+        // UmClientEvent.on(GameDefine.EVENT_MANA_READY, this.onManaReady.bind(this));
+    }
+
+    protected onDestroy(): void {
+        UmLog.log("SkillSpecialManager => onDestroy");
+        UmClientEvent.off(GameDefine.EVENT_START_USE_SPECIAL_SKILL, this.onStartUseSkillSpecial.bind(this));
+        UmClientEvent.off(GameDefine.EVENT_END_USE_SPECIAL_SKILL, this.onEndUseSkillSpecial.bind(this));
+        // UmClientEvent.off(GameDefine.EVENT_MANA_READY, this.onManaReady.bind(this));
+    }
+
+    onManaReady(isAvailable: boolean)
+    {
+        if (!this?.node?.active) return;
+        if (!this.isSkillUsing)
+            this.setAllItemActive(isAvailable);
+    }
+
+    onStartUseSkillSpecial(skillId: number) {
+        UmLog.log("onStartUseSkillSpecial => ", skillId);
+        this.isSkillUsing = true;
+        this.setAllItemActive(false);
+        this.listItem.get(skillId.toString()).node.setNodeActive(true);
+
+    }
+
+    onEndUseSkillSpecial(skillId: number) {
+        UmLog.log("onEndUseSkillSpecial => ", skillId);
+        this.isSkillUsing = false;
+        this.setAllItemActive(GameGlobalData.Instance.isHeroManaReady);
+    }
+
+    setAllItemActive(isActive: boolean)
+    {
+        for (var item of this.listItem.values()) {
+            item.node.setNodeActive(isActive);
+        }
+    }
+
+    addListSkillAvailable()
+    {
+        // let listSkillAvailable = GameGlobalData.Instance.userDataSaver.skill_collected;
+        // if (!listSkillAvailable?.length) return;
+
+        // for (var i = 0; i < listSkillAvailable.length; i++)
+        // {
+        //     var item = instantiate(this.skillItemPrefab).getComponent(SkillSpecialItemUI);
+        //     item.node.parent = this.container;
+        //     item.node.setNodeActive(true);
+        //     var itemData = GameGlobalData.Instance.skillSpecialDataInfo[listSkillAvailable[i]];
+        //     item.setData(itemData);
+        //     this.listItem.set(itemData.skillId.toString(), item);
+        // }
+
+        // this.setAllItemActive(false);
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_play/skill-special/SkillSpecialManager.ts.meta b/assets/cc-game/scripts/game_play/skill-special/SkillSpecialManager.ts.meta
new file mode 100644
index 0000000..7ce7b98
--- /dev/null
+++ b/assets/cc-game/scripts/game_play/skill-special/SkillSpecialManager.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "c2c89e8b-d30f-412e-bcbb-b121b8ec1ffc",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_ui.meta b/assets/cc-game/scripts/game_ui.meta
new file mode 100644
index 0000000..e420e22
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "7f8e0b24-a083-4cea-be00-477cd6226a7b",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_ui/GameLoseLayout.ts b/assets/cc-game/scripts/game_ui/GameLoseLayout.ts
new file mode 100644
index 0000000..5fa52a8
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/GameLoseLayout.ts
@@ -0,0 +1,22 @@
+import { _decorator, Component, Node } from 'cc';
+import { UmPopupBase } from '../../../cc-common/cc-ui/UmPopupBase';
+import { Button } from 'cc';
+import { GameGlobalData } from '../global/GameGlobalData';
+const { ccclass, property } = _decorator;
+
+@ccclass('GameLoseLayout')
+export class GameLoseLayout extends Component {
+    @property(Button) btnPlay: Button = null!;
+
+    protected onLoad(): void {
+        this.btnPlay?.node.on(Button.EventType.CLICK, this.onBtnReplayClicked, this);
+    }
+
+    onBtnReplayClicked()
+    {
+        GameGlobalData.Instance.newGame();
+    }
+
+
+}
+
diff --git a/assets/cc-game/scripts/game_ui/GameLoseLayout.ts.meta b/assets/cc-game/scripts/game_ui/GameLoseLayout.ts.meta
new file mode 100644
index 0000000..14a3d3c
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/GameLoseLayout.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "113f0fe8-de0d-48d1-af85-c59b74896b7a",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_ui/GameUI.ts b/assets/cc-game/scripts/game_ui/GameUI.ts
new file mode 100644
index 0000000..f2a6fc7
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/GameUI.ts
@@ -0,0 +1,156 @@
+import { _decorator, Component, Node } from 'cc';
+import { HPBar } from './HPBar';
+import { GameGlobalData } from '../global/GameGlobalData';
+import { EGAME_STATE, GameDefine } from '../config/GameDefine';
+import { Button } from 'cc';
+import { UmClientEvent } from '../../../cc-common/cc-util/UmOneToMultiListener';
+import { director } from 'cc';
+import { Label } from 'cc';
+import { GameWinLayout } from './GameWinLayout';
+import { LevelUpLayout } from './LevelUpLayout';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+import { JoyStick } from '../../Test/JoyStick';
+const { ccclass, property } = _decorator;
+
+@ccclass('GameUI')
+export class GameUI extends Component {
+    @property(Node) gameWinPopup: Node = null!;
+    @property(Node) gameLosePopup: Node = null!;
+    @property(Node) levelUpLayout: Node = null!;
+    @property(Node) topLayout: Node = null!;
+    @property(Node) bottomLayout: Node = null!;
+
+    @property(HPBar) bossHPBar: HPBar = null!;
+    @property(HPBar) heroHPBar: HPBar = null!;
+    @property(HPBar) expBar: HPBar = null!;
+    @property(Button) btnConfig: Button = null!;
+    @property(Button) btnStart: Button = null!;
+    @property(Node) layoutConfig: Node = null!;
+    @property(Label) expLevelTitle: Label = null!;
+    @property(Label) txtSkillCollectDebug: Label = null!;
+    @property(Label) txtBuildVer: Label = null!;
+
+    protected onLoad(): void {
+        this.btnConfig?.node.on(Button.EventType.CLICK, this.showLayoutConfig, this);
+        this.btnStart?.node.on(Button.EventType.CLICK, this.onBtnStartClicked, this);
+    }
+
+    protected start(): void {
+        GameGlobalData.Instance.changeState(EGAME_STATE.INIT);
+        this.btnStart?.node.setNodeActive(true);
+        this.gameWinPopup.setNodeActive(false);
+        this.gameLosePopup.setNodeActive(false);
+        this.levelUpLayout.setNodeActive(false);
+        this.setTopBottomLayoutActive(false);
+        this.getBossHPBar().node.setNodeActive(false);
+        this.debugSkillCollectedDebug();
+
+        this.txtBuildVer.string = GameDefine.BUILD_VER;
+
+        JoyStick.Instance.hideJoySitck();
+
+    }
+
+    public getBossHPBar(): HPBar
+    {
+        return this.bossHPBar;
+    }
+
+    public getHeroHPBar(): HPBar {
+        return this.heroHPBar;
+    }
+
+    public getExpbar(): HPBar {
+        return this.expBar;
+    }
+
+    public setExpLevelTitle(content: string)
+    {
+        if (!this.expLevelTitle)
+            return;
+
+        this.expLevelTitle.string = content;
+    }
+
+    private onBtnStartClicked(btn: Button)
+    {
+        this.btnStart?.node.setNodeActive(false);
+        this.setTopBottomLayoutActive(true);
+
+        this.displayStatsDataOnStartGame();
+
+        UmClientEvent.dispatchEvent(GameDefine.EVENT_START_GAME);
+        JoyStick.Instance.showJoystick();
+    }
+
+    public setTopBottomLayoutActive(isActive: boolean)
+    {
+        this.bottomLayout?.setNodeActive(isActive);
+        this.topLayout?.setNodeActive(isActive);
+    }
+
+    public showLayoutConfig()
+    {
+        this.layoutConfig?.setNodeActive(true);
+    }
+
+    public displayStatsDataOnStartGame()
+    {
+        var expLevel = GameGlobalData.Instance.getExpInlevelNeed();
+        var level = GameGlobalData.Instance.level;
+        this.setExpLevelTitle(`Exp Level ${level}`);
+        this.getExpbar().setHPValue(GameGlobalData.Instance.userDataSaver.expInLevel, expLevel);
+        this.debugSkillCollectedDebug();
+    }
+
+    public updateExpProgressBar(expCollectRunTime: number)
+    {
+        var currentExp = expCollectRunTime + GameGlobalData.Instance.userDataSaver.expInLevel;
+        // UmLog.log("updateExpProgressBar => ", currentExp, GameGlobalData.Instance.getExpInlevelNeed());
+        this.getExpbar().setHPValue(currentExp, GameGlobalData.Instance.getExpInlevelNeed());
+    }
+
+
+    public showGameLose()
+    {
+        JoyStick.Instance.hideJoySitck();
+        GameGlobalData.Instance.changeState(EGAME_STATE.FINISH);
+        this.gameLosePopup.setNodeActive(true);
+    }
+
+    public showGameWin(rewardData)
+    {
+        GameGlobalData.Instance.changeState(EGAME_STATE.FINISH);
+        this.gameWinPopup.setNodeActive(true);
+        this.gameWinPopup.getComponent(GameWinLayout)?.showWin(rewardData, () => {
+            GameGlobalData.Instance.newGame();
+        });
+    }
+
+    checkLevelUp()
+    {
+        UmLog.log("checkLevelUp");
+        if (!GameGlobalData.Instance.checkLevelUpWithSessionExpCollected(GameGlobalData.Instance.expCollected))
+        {
+            UmLog.log("checkLevelUp => NO");
+            return;
+        }
+
+        this.setExpLevelTitle(`Exp Level ${GameGlobalData.Instance.level}`);
+        this.updateExpProgressBar(GameGlobalData.Instance.expCollected);
+        UmLog.log("SHOW Level Up");
+        var levelAfter = GameGlobalData.Instance.level;
+        this.levelUpLayout.setNodeActive(true);
+        this.levelUpLayout.getComponent(LevelUpLayout).showLevelUp(levelAfter - 1, levelAfter, () => {
+            this.debugSkillCollectedDebug();
+        });
+    }
+
+    public debugSkillCollectedDebug()
+    {
+        // var debug: string = "";
+        this.txtSkillCollectDebug.string = `AS => ${JSON.stringify(GameGlobalData.Instance.userDataSaver.activeSkillCollected)} | PS => ${JSON.stringify(GameGlobalData.Instance.passiveSkillCollected) }`;
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/game_ui/GameUI.ts.meta b/assets/cc-game/scripts/game_ui/GameUI.ts.meta
new file mode 100644
index 0000000..29dae28
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/GameUI.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "d516cc80-1f17-4d36-ab72-dc714016a793",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_ui/GameWinLayout.ts b/assets/cc-game/scripts/game_ui/GameWinLayout.ts
new file mode 100644
index 0000000..5dc9ad3
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/GameWinLayout.ts
@@ -0,0 +1,47 @@
+import { Button, director } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { GameGlobalData } from '../global/GameGlobalData';
+import { Label } from 'cc';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+const { ccclass, property } = _decorator;
+
+@ccclass('GameWinLayout')
+export class GameWinLayout extends Component {
+    @property(Button) btnPlay: Button = null!;
+    @property(Label) txtLevel: Label = null!;
+    @property(Label) txtExp: Label = null!;
+    @property(Label) txtCoin: Label = null!;
+    @property(Label) txtReward: Label = null!;
+
+    public onGameWinClose: (() => void) | undefined;
+
+    protected onLoad(): void {
+        this.btnPlay?.node.on(Button.EventType.CLICK, this.onBtnReplayClicked, this);
+    }
+
+    onBtnReplayClicked() {
+        this.onGameWinClose?.();
+}
+
+    showWin(rewardData, callback = null) {
+
+        UmLog.log("Show Game Win => ", JSON.stringify(rewardData));
+        this.onGameWinClose = callback;
+        this.txtLevel.string = `Reward Level ${GameGlobalData.Instance.level}`;
+
+        var exp = rewardData.exp || 0;
+        this.txtExp.string = `Exp: ${exp}`;
+
+        var gold = rewardData.gold || 0;
+        this.txtCoin.string = `Gold: ${gold}`;
+        this.txtReward.string = `Reward: ${rewardData.reward || ""}`;
+
+
+        var userDataSaver = GameGlobalData.Instance.userDataSaver;
+        userDataSaver.expInLevel += exp;
+        userDataSaver.expAllTime += exp;
+        userDataSaver.gold += gold;
+        userDataSaver.saveData();
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_ui/GameWinLayout.ts.meta b/assets/cc-game/scripts/game_ui/GameWinLayout.ts.meta
new file mode 100644
index 0000000..e8c8f3e
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/GameWinLayout.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "afbe4ac6-0732-49cb-b3b9-36c65db1df69",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_ui/HPBar.ts b/assets/cc-game/scripts/game_ui/HPBar.ts
new file mode 100644
index 0000000..2581001
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/HPBar.ts
@@ -0,0 +1,99 @@
+import { Color } from 'cc';
+import { Sprite } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+import { Label } from 'cc';
+import { Enum } from 'cc';
+import { CCFloat } from 'cc';
+import { size } from 'cc';
+import { Size } from 'cc';
+import { GameGlobalData } from '../global/GameGlobalData';
+const { ccclass, property } = _decorator;
+
+export enum PROGRESS_TYPE {
+    FILL = 0,
+    SLICED_HOR = 1,
+    SLICED_VER = 2
+}
+
+@ccclass('HPBar')
+export class HPBar extends Component {
+    @property({ type: Enum(PROGRESS_TYPE) }) public progressType: PROGRESS_TYPE = PROGRESS_TYPE.FILL;
+    @property(Sprite) barProgress: Sprite = null!;
+    @property(Label) valueTxt: Label = null!;
+    @property(CCFloat) switchColorValue = 0.4;
+    @property(Color) public normalColor: Color = new Color(255, 255, 255, 255);
+    @property(Color) public warningColor: Color = new Color(255, 255, 255, 255);
+
+
+    maxHP = 1000;
+    currentHP = this.maxHP;
+    progressSize: Size;
+
+    protected onLoad(): void {
+        this.progressSize = new Size(this.barProgress?.node?.getContentSize());
+    }
+
+    public setMaxHPBar(maxHP: number, isResetHP = true) {
+        this.maxHP = maxHP;
+        if (isResetHP)
+            this.currentHP = maxHP;
+
+        this.updateProgress();
+    }
+
+
+    public decreaseHP(value: number) {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        this.currentHP -= value;
+        this.currentHP = Math.max(0, this.currentHP);
+        // UmLog.log("decreaseHP => ",value, " | ", this.maxHP, " vs ", this.currentHP);
+        this.updateProgress();
+    }
+
+    public increaseHP(value: number) {
+        if (!GameGlobalData.Instance.isStatePlay()) return;
+        this.currentHP = Math.max(0, this.currentHP);
+        this.currentHP += value;
+        this.currentHP = Math.min(this.maxHP, this.currentHP);
+        // UmLog.log("increaseHP => ", this.maxHP, " vs ", this.currentHP);
+        this.updateProgress();
+    }
+
+    setHPValue(current, max)
+    {
+        this.maxHP = max;
+        this.currentHP = Math.max(0, current);
+        this.currentHP = Math.min(this.maxHP, this.currentHP);
+        this.updateProgress();
+    }
+
+    updateProgress() {
+        var progress = this.currentHP / this.maxHP;
+        progress = Math.min(1, progress);
+        this.barProgress.setColor(progress > this.switchColorValue ? this.normalColor : this.warningColor);
+
+
+        switch (this.progressType)
+        {
+            case PROGRESS_TYPE.FILL:
+                this.barProgress.fillRange = progress;
+                break;
+            
+            case PROGRESS_TYPE.SLICED_HOR:
+                this.barProgress?.node?.setContentSize(new Size(this.progressSize.x * progress, this.progressSize.y));
+                break;
+            
+            case PROGRESS_TYPE.SLICED_VER:
+                this.barProgress?.node?.setContentSize(new Size(this.progressSize.x, this.progressSize.y * progress));
+                break;
+        }
+
+
+        if (this.valueTxt)
+            this.valueTxt.string = `${this.currentHP.roundDigits(0).toString()}/${this.maxHP.roundDigits(0).toString()}`;
+    }
+
+
+}
+
diff --git a/assets/cc-game/scripts/game_ui/HPBar.ts.meta b/assets/cc-game/scripts/game_ui/HPBar.ts.meta
new file mode 100644
index 0000000..93d517c
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/HPBar.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "2e254316-53cc-4145-b662-9e581b94d18c",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_ui/LevelUp.meta b/assets/cc-game/scripts/game_ui/LevelUp.meta
new file mode 100644
index 0000000..1cc7f6d
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/LevelUp.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "88baa37c-127b-447b-bf9b-01e8e1e3dc90",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_ui/LevelUp/SkillRewardItemUI.ts b/assets/cc-game/scripts/game_ui/LevelUp/SkillRewardItemUI.ts
new file mode 100644
index 0000000..502e31d
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/LevelUp/SkillRewardItemUI.ts
@@ -0,0 +1,68 @@
+import { Label } from 'cc';
+import { Button } from 'cc';
+import { Sprite } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { SkillInfo } from '../../global/GameInterface';
+import { UmLog } from '../../../../cc-common/cc-util/UmLog';
+import { GameDefine } from '../../config/GameDefine';
+import { GameGlobalData } from '../../global/GameGlobalData';
+const { ccclass, property } = _decorator;
+
+@ccclass('SkillRewardItemUI')
+export class SkillRewardItemUI extends Component {
+    @property(Sprite) spIcon: Sprite = null!;
+    @property(Label) txtName: Label = null!;
+    @property(Label) txtInfo: Label = null!;
+    @property(Button) btnSelect: Button = null!;
+
+    selectCallback = null;
+    skillData: SkillInfo = null;
+
+    protected onLoad(): void {
+        this.btnSelect?.node.on(Button.EventType.CLICK, this.onBtnSelectClicked, this);
+    }
+
+    public setData(skillData: SkillInfo, selectCallback)
+    {   
+        this.skillData = skillData;
+        this.txtName.string = skillData.skillName;
+        this.selectCallback = selectCallback;
+
+        var infoStr = "";
+        if (GameGlobalData.Instance.isActiveSkill(skillData.skillName))
+        {
+            var asCollected = GameGlobalData.Instance.userDataSaver.activeSkillCollected;
+            var targetLevel = 1;
+            if (asCollected.hasOwnProperty(skillData.skillName)) {
+                targetLevel += asCollected[skillData.skillName];
+            }
+
+            var skillConfig = GameGlobalData.Instance.gameDataConfig.getActiveSkillDataByNameAndLevel(skillData.skillName, targetLevel);
+
+            this.txtName.string += (": " + skillConfig.Visual_Name);
+            infoStr += `\nDMG: ~> ${skillConfig.DMG}`;
+            infoStr += `\nMana: ~> ${skillConfig.Mana}`;
+            infoStr += `\nRange: ~> ${skillConfig.Range}`;
+        }
+        else {
+            var psCollected = GameGlobalData.Instance.passiveSkillCollected;
+            var targetLevel = 1;
+            if (psCollected.hasOwnProperty(skillData.skillName))
+            {
+                targetLevel += psCollected[skillData.skillName];
+            }
+
+            var skillConfig = GameGlobalData.Instance.gameDataConfig.getPassiveSkillDataByNameAndLevel(skillData.skillName, targetLevel);
+            infoStr = `${skillConfig.visualname}: +${skillConfig.value}`;
+        }
+
+        this.txtInfo.string = infoStr;
+    }
+
+    onBtnSelectClicked()
+    {
+        UmLog.log("onBtnSelectClicked => ", this.skillData.skillName);
+        this.selectCallback?.(this.skillData);
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_ui/LevelUp/SkillRewardItemUI.ts.meta b/assets/cc-game/scripts/game_ui/LevelUp/SkillRewardItemUI.ts.meta
new file mode 100644
index 0000000..5e3aa2a
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/LevelUp/SkillRewardItemUI.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "4311bac7-b804-4596-87e9-32ce14dac2d8",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/game_ui/LevelUpLayout.ts b/assets/cc-game/scripts/game_ui/LevelUpLayout.ts
new file mode 100644
index 0000000..6d28b5a
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/LevelUpLayout.ts
@@ -0,0 +1,73 @@
+import { Button, director } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+import { GameGlobalData } from '../global/GameGlobalData';
+import { Label } from 'cc';
+import { SkillRewardItemUI } from './LevelUp/SkillRewardItemUI';
+import { SkillInfo } from '../global/GameInterface';
+import { EGAME_STATE, GameDefine } from '../config/GameDefine';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+import { UmClientEvent } from '../../../cc-common/cc-util/UmOneToMultiListener';
+const { ccclass, property } = _decorator;
+
+@ccclass('LevelUpLayout')
+export class LevelUpLayout extends Component {
+    @property(Button) btnClose: Button = null!;
+    @property(Label) txtLevelBefore: Label = null!;
+    @property(Label) txtLevelAfter: Label = null!;
+    @property(SkillRewardItemUI) listSkillRewardItems: SkillRewardItemUI[] = [];
+
+    public onLevelUpClose: (() => void) | undefined;
+    beforeState = EGAME_STATE.WAIT;
+
+    protected onLoad(): void {
+        this.btnClose?.node.on(Button.EventType.CLICK, this.onBtnCloseClicked, this);
+    }
+
+    protected onEnable(): void {
+        this.beforeState = GameGlobalData.Instance.gameState;
+        GameGlobalData.Instance.changeState(EGAME_STATE.WAIT);
+    }
+
+    protected onDisable(): void {
+        GameGlobalData.Instance.changeState(this.beforeState);
+    }
+
+    onBtnCloseClicked() {
+        this.node.setNodeActive(false);
+        this.onLevelUpClose?.();
+}
+
+    showLevelUp(levelBefore, levelAfter, callback = null) {
+        this.txtLevelBefore.string = `Level \n${levelBefore}`;
+        this.txtLevelAfter.string = `Level \n${levelAfter}`;
+        this.onLevelUpClose = callback;
+
+        var listSkillRewardDatas = GameGlobalData.Instance.getListSkillReward(levelBefore);
+
+        for (var i = 0; i < listSkillRewardDatas.length; i++)
+        {
+            this.listSkillRewardItems[i].setData(listSkillRewardDatas[i], (skillData) => this.onSkillSelectCallback(skillData));
+        }
+
+    }
+
+    onSkillSelectCallback(skillData: SkillInfo)
+    {   
+        UmLog.log("onSkillSelectCallback => ", skillData.skillName);
+
+        if (skillData.skillName.includes("AS"))
+        {
+            UmLog.log("Collect Skill Type: AS => ", skillData.skillName);
+            GameGlobalData.Instance.userDataSaver.collectSkill(skillData.skillName, skillData.level);
+        }
+        else {
+            UmLog.log("Collect Skill Type: PS => ", skillData.skillName);
+            var passiveSkillData = GameGlobalData.Instance.collectPassiveSkill(skillData.skillName, skillData.level);
+            UmClientEvent.dispatchEvent(GameDefine.EVENT_COLLECT_PASSIVE_SKILL, passiveSkillData);
+        }
+
+        this.node.setNodeActive(false);
+        this.onLevelUpClose?.();
+    }
+}
+
diff --git a/assets/cc-game/scripts/game_ui/LevelUpLayout.ts.meta b/assets/cc-game/scripts/game_ui/LevelUpLayout.ts.meta
new file mode 100644
index 0000000..8cac0d5
--- /dev/null
+++ b/assets/cc-game/scripts/game_ui/LevelUpLayout.ts.meta
@@ -0,0 +1 @@
+{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"d46d6b00-9657-4f73-93a3-646f4b0cd9e7","files":[],"subMetas":{},"userData":{}}
diff --git a/assets/cc-game/scripts/global.meta b/assets/cc-game/scripts/global.meta
new file mode 100644
index 0000000..3c81ce1
--- /dev/null
+++ b/assets/cc-game/scripts/global.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "e4a0de41-580b-4727-94a2-97ad1539c5a6",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/global/GameAssets.ts b/assets/cc-game/scripts/global/GameAssets.ts
new file mode 100644
index 0000000..d7d4be2
--- /dev/null
+++ b/assets/cc-game/scripts/global/GameAssets.ts
@@ -0,0 +1,43 @@
+import { SpriteFrame } from 'cc';
+import { Prefab } from 'cc';
+import { SpriteAtlas } from 'cc';
+import { _decorator, Component, Node } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('GameAssets')
+export class GameAssets extends Component {
+    // @property(SpriteAtlas) public assetAtlas: SpriteAtlas = null!;
+    public static instance: GameAssets = null!;
+
+    @property(Prefab) heroPrefab: Prefab = null!;
+    @property(Prefab) creepPrefab: Prefab = null!;
+    @property(Prefab) activeSkillPrefabs: Prefab[] = [];
+    @property(Prefab) bossMeleePrefab: Prefab = null!;
+    @property(Prefab) bossRangePrefab: Prefab = null!;
+
+    protected onLoad(): void {
+        GameAssets.instance = this;
+    }
+
+    public getActiveSkill(type: number): Prefab
+    {
+        if (type >= 0 && type < this.activeSkillPrefabs.length)
+            return this.activeSkillPrefabs[type];
+
+        return null;
+    }
+
+    public getBossPrefabById(bossId: string)
+    {
+        switch (bossId)
+        {
+            case "B1":
+                return this.bossMeleePrefab;
+            
+            case "B2":
+                return this.bossRangePrefab;
+        }
+    }
+
+}
+
diff --git a/assets/cc-game/scripts/global/GameAssets.ts.meta b/assets/cc-game/scripts/global/GameAssets.ts.meta
new file mode 100644
index 0000000..fee2ab8
--- /dev/null
+++ b/assets/cc-game/scripts/global/GameAssets.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "6bf10a44-84d2-4eee-b21e-1ca3a89b2484",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/global/GameGlobalData.ts b/assets/cc-game/scripts/global/GameGlobalData.ts
new file mode 100644
index 0000000..8adad3f
--- /dev/null
+++ b/assets/cc-game/scripts/global/GameGlobalData.ts
@@ -0,0 +1,246 @@
+import { _decorator, Component, Node } from 'cc';
+import { EGAME_STATE, GameDefine } from '../config/GameDefine';
+import { HeroData } from '../game_data/HeroData';
+import { EnemyData } from '../game_data/EnemyData';
+import { director } from 'cc';
+import { Tween } from 'cc';
+import { UmClientEvent } from '../../../cc-common/cc-util/UmOneToMultiListener';
+import { ActiveSkillData, GameDataConfig, LevelDesignInfo, PassiveSkillInfo } from '../game_data/GameDataConfig';
+import { UmLog } from '../../../cc-common/cc-util/UmLog';
+import { Vec3 } from 'cc';
+import { UserDataSaver } from '../game_data/UserDataSaver';
+import { CCClass } from 'cc';
+import { SkillInfo } from './GameInterface';
+import { UmUtil } from '../../../cc-common/cc-util/UmUtil';
+const { ccclass, property } = _decorator;
+
+@ccclass('GameGlobalData')
+export class GameGlobalData extends Component {
+    @property(UserDataSaver) public userDataSaver: UserDataSaver = null!;
+    @property(GameDataConfig) public gameDataConfig: GameDataConfig = null!;
+
+    public static Instance: GameGlobalData = null;
+    public gameState = EGAME_STATE.INIT;
+    public isHeroManaReady: boolean = false;
+    public currentActiveSkill: number = 0;
+    public lastHeroMoveDirection: Vec3 = new Vec3(0, 1, 0);
+    public level = 1;
+    private levelDesignConfigData: LevelDesignInfo = null;
+    public expCollected = 0;
+
+    public killedData = { creep: 0, boss: 0 };
+    public passiveSkillCollected = {};
+    public HERO_CONTROL_CONFIG = { heroMoveSpeed : 5};
+
+    protected onLoad(): void {
+        GameGlobalData.Instance = this;
+        this.userDataSaver.loadData();
+        this.prepareDataOnStartNewStage();
+        UmLog.log("skill_collected = ", JSON.stringify(this.userDataSaver.activeSkillCollected));
+
+    }
+
+    protected start(): void {
+        this.checkLevelUp();
+    }
+
+    public changeState(state: EGAME_STATE) {
+        this.gameState = state;
+    }
+
+    public isStatePlay(): boolean {
+        return this.gameState == EGAME_STATE.PLAY;
+    }
+
+    public isStateWait(): boolean {
+        return this.gameState == EGAME_STATE.WAIT;
+    }
+
+    public get skillSpecialDataInfo(): any {
+        return GameDefine.SKILL_SPECIAL_DATA_INFO;
+    }
+
+    public newGame() {
+        UmClientEvent.offAll();
+        Tween.stopAll();
+        director.loadScene("mainscene");
+    }
+
+    public manaToTime(mana: number) {
+        return mana / GameDefine.MANA_UNIT;
+    }
+
+    public timeToMana(time: number) {
+        return time * GameDefine.MANA_UNIT;
+    }
+
+    resetDataSaveBeforeStartNewStage() {
+        this.expCollected = 0;
+        this.passiveSkillCollected = {};
+        this.killedData = { creep: 0, boss: 0 };
+        this.HERO_CONTROL_CONFIG = { heroMoveSpeed : 5};
+    }
+
+    listActiveSkillData: ActiveSkillData[];
+    listActiveSkillUses = new Array();
+
+    public prepareDataOnStartNewStage() {
+        this.HERO_CONTROL_CONFIG = UmUtil.clone(this.gameDataConfig.HERO_CONTROL_CONFIG);
+        this.resetDataSaveBeforeStartNewStage();
+        this.userDataSaver.resetData();
+        this.level = this.userDataSaver.level;
+        this.loadActiveSkillData();
+    }
+
+    loadActiveSkillData() {
+        var listSkillCollected = this.userDataSaver.activeSkillCollected;
+        var listKeys = UmUtil.clone(GameDefine.ACTIVE_SKILL_KEY);
+
+        for (var i = 0; i < listKeys.length; i++) {
+            var key = listKeys[i];
+            listKeys[i] = `${key}|${listSkillCollected[key]}`;
+        }
+
+        this.listActiveSkillData = this.gameDataConfig.getActiveSkillConfig(listKeys);
+        UmLog.log("listActiveSkillData => ", JSON.stringify(this.listActiveSkillData));
+        this.listActiveSkillUses = this.gameDataConfig.ACTIVE_SKILL_USE_INFO;
+
+        for (var i = 0; i < this.listActiveSkillData.length; i++) {
+            var data = this.listActiveSkillData[i];
+            this.listActiveSkillUses[i].mana = data.Mana;
+
+            if (i == 2)
+            {
+                this.listActiveSkillUses[i].useTime = data.Range;
+            }
+        }
+
+        UmLog.log("listActiveSkillUses => ", JSON.stringify(this.listActiveSkillUses));
+    }
+
+    get heroDataConfig(): any {
+        var result = this.gameDataConfig.getHeroDataByLevel(this.level);
+        result.Atk = 50;
+        result.Hp = 400;
+        return result;
+    }
+
+    getEnemyDataConfigAfterRatioById(enemyId: string) {
+        var enemyData = this.gameDataConfig.getEnemyDataConfigById(enemyId);
+        var levelData = this.getLevelDesignConfigData();
+        enemyData.atk *= levelData.atkratio;
+        enemyData.hp *= levelData.hpratio;
+        enemyData.exp *= levelData.expratio;
+        return enemyData;
+    }
+
+    getBossDataConfigAfterRaitoById(enemyId: string) {
+        var bossData = this.gameDataConfig.getBossDataConfigById(enemyId);
+        var levelData = this.getLevelDesignConfigData();
+        bossData.atk *= levelData.atkratio;
+        bossData.hp *= levelData.hpratio;
+        bossData.exp *= levelData.expratio;
+        return bossData;
+    }
+
+    getLevelDesignConfigData(): LevelDesignInfo {
+        if (!this.levelDesignConfigData || this.levelDesignConfigData.level != this.level) {
+            this.levelDesignConfigData = this.gameDataConfig.getLevelDesignByLevel(this.level);
+        }
+
+        return this.levelDesignConfigData;
+    }
+
+    getExpInlevelNeed(): number {
+        return this.heroDataConfig.Exp;
+    }
+
+    checkLevelUp(): boolean {
+        var userDataSaver = GameGlobalData.Instance.userDataSaver;
+        var levelExp = GameGlobalData.Instance.getExpInlevelNeed();
+
+        UmLog.log("checkLevelUp => user exp = ", userDataSaver.expInLevel);
+        UmLog.log("checkLevelUp => level exp = ", levelExp);
+
+        if (userDataSaver.expInLevel < levelExp)
+            return false;
+
+        userDataSaver.expInLevel -= levelExp;
+        userDataSaver.level++;
+        this.level = userDataSaver.level;
+        userDataSaver.saveData();
+        return true;
+    }
+
+    checkLevelUpWithSessionExpCollected(expCollect: number): boolean {
+        var userDataSaver = GameGlobalData.Instance.userDataSaver;
+        var levelExp = GameGlobalData.Instance.getExpInlevelNeed();        
+        var expCheck = userDataSaver.expInLevel + expCollect;
+
+        UmLog.log("checkLevelUp => user exp = ", userDataSaver.expInLevel);
+        UmLog.log("checkLevelUp => check exp = ", expCheck);
+        UmLog.log("checkLevelUp => level exp = ", levelExp);
+
+        if (expCheck < levelExp)
+            return false;
+
+        userDataSaver.expInLevel = expCheck - levelExp;
+        userDataSaver.level++;
+        this.level = userDataSaver.level;
+        userDataSaver.saveData();
+        this.expCollected = 0;
+        return true;
+    }
+
+    getListSkillReward(level: number = this.level): SkillInfo[] {
+        var skillConfig: string = this.gameDataConfig.getSkillUnlockDataByLevel(level);
+
+        var skillSplits = skillConfig.split("_");
+        var skillRewards = new Array();
+
+        for (var i = 0; i < skillSplits.length; i++) {
+            var skillls = skillSplits[i].split("|");
+            if (skillls.length < 2)
+                continue;
+            
+            var skillInfo: SkillInfo = { skillName: skillls[0], level: Number(skillls[1]) };
+            skillRewards.push(skillInfo);
+        }
+
+        skillRewards.shuffleArray();
+        skillRewards.splice(3, skillRewards.length - 3);
+        return skillRewards;
+    }
+
+    //Passive Skill
+
+    collectPassiveSkill(skillName: string, plusLevel: number): PassiveSkillInfo {
+        var skillLevel = 0;
+        if (this.passiveSkillCollected.hasOwnProperty((skillName)))
+            skillLevel = this.passiveSkillCollected[skillName];
+
+        skillLevel += plusLevel;
+        skillLevel = Math.min(skillLevel, GameDefine.MAX_PASSIVE_SKILL_LEVEL);
+        this.passiveSkillCollected[skillName] = skillLevel;
+        return this.gameDataConfig.getPassiveSkillDataByNameAndLevel(skillName, skillLevel);
+    }
+
+    isActiveSkill(skillName: string)
+    {
+        return skillName.includes("AS");
+    }
+
+    // getHeroDataAfterApplyPassiveSkill()
+    // {
+    //     var listNameCollected = Object.keys(this.passiveSkillCollected);
+    //     var passiveMapCollected = {};
+    //     for (var skillName in listNameCollected)
+    //     {
+    //         //Skill ID = skill name + skill level
+    //         var skillID = `${skillName}|${this.passiveSkillCollected[skillName]}`;
+    //         // passiveMapCollected[]
+    //     }
+    // }
+
+
+}
diff --git a/assets/cc-game/scripts/global/GameGlobalData.ts.meta b/assets/cc-game/scripts/global/GameGlobalData.ts.meta
new file mode 100644
index 0000000..8745265
--- /dev/null
+++ b/assets/cc-game/scripts/global/GameGlobalData.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "ddc8d0b2-b483-46eb-887c-40ca10f260b2",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/cc-game/scripts/global/GameInterface.ts b/assets/cc-game/scripts/global/GameInterface.ts
new file mode 100644
index 0000000..2542e54
--- /dev/null
+++ b/assets/cc-game/scripts/global/GameInterface.ts
@@ -0,0 +1,50 @@
+
+export interface HeroDataInfo {
+    hp: number;
+    weapon: number;
+    shooting: ShootingDataInfo;
+    manaRecoveryTime: number;
+    skillSpecial: number[]
+}
+
+export interface EnemyDataInfo {
+    hp: number;
+    weapon: number;
+    shooting: ShootingDataInfo;
+}
+
+export interface ShootingDataInfo {
+    AtkRange: number;
+    AtkCoolDown: number;
+    AtkSpeed: number;
+    Damage: number;
+    AoERange: number;
+    AoEDmg: number;
+}
+
+export interface StageInfo {
+    stageId: number;
+    stageName: string;
+}
+
+export interface SpecialSkillInfo {
+    skillId: number;
+    skillName: string;
+    skillTime: number;
+}
+
+export interface SkillUseInfo {
+    skillType: number;
+    skillId: number;
+    useType: number
+    useTime: number;
+    mana: number;
+}
+
+export interface SkillInfo
+{
+    skillName: string;
+    level: number;
+}
+
+
diff --git a/assets/cc-game/scripts/global/GameInterface.ts.meta b/assets/cc-game/scripts/global/GameInterface.ts.meta
new file mode 100644
index 0000000..d4ab4ca
--- /dev/null
+++ b/assets/cc-game/scripts/global/GameInterface.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.23",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "d30aafc3-8267-4f6c-8ee2-135290a0fe9d",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..38a2bae
--- /dev/null
+++ b/package.json
@@ -0,0 +1,13 @@
+{
+  "creator": {
+    "version": "3.8.2",
+    "dependencies": {},
+    "registry": {
+      "remote": {}
+    }
+  },
+  "name": "Super-Hero",
+  "type": "3d",
+  "uuid": "cb08068e-a967-4ef4-b4d4-b4fd8d24334c",
+  "version": "3.8.2"
+}
diff --git a/preview-template/index.ejs b/preview-template/index.ejs
new file mode 100644
index 0000000..50de304
--- /dev/null
+++ b/preview-template/index.ejs
@@ -0,0 +1,48 @@
+<html>
+    <head>
+        <link rel="icon" href="./favicon.ico" />
+        <meta charset="utf-8" />
+        <title><%=title%></title>
+        <meta
+            name="viewport"
+            content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true"
+        />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="full-screen" content="yes" />
+        <meta name="screen-orientation" content="portrait" />
+        <meta name="x5-fullscreen" content="true" />
+        <meta name="360-fullscreen" content="true" />
+        <meta name="renderer" content="webkit" />
+        <meta name="force-rendering" content="webkit" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <link rel="stylesheet" type="text/css" href="./index.css" />
+    </head>
+    <body>
+        <%- include(cocosToolBar, {config: config}) %>
+        <div id="content" class="content">
+            <div class="contentWrap">
+                <div id="GameDiv" class="wrapper">
+                    <div id="Cocos3dGameContainer">
+                        <canvas id="GameCanvas" tabindex="-1" style="background-color: '';"></canvas>
+                    </div>
+                    <div id="splash">
+                        <div class="progress-bar stripes"><span></span></div>
+                    </div>
+                    <div id="bulletin">
+                        <div id="sceneIsEmpty" class="inner"><%=tip_sceneIsEmpty%></div>
+                    </div>
+                    <div class="error" id="error">
+                        <div class="title">Error <i>(Please open the console to see detailed errors)</i></div>
+                        <div class="error-message"></div>
+                        <div class="error-stack"></div>
+                    </div>
+                </div>
+            </div>
+            <p class="footer">
+                Created with <a href="https://www.cocos.com/products" target="_blank" title="Cocos Creator">Cocos Creator</a>
+            </p>
+        </div>
+        <%- include(cocosTemplate, {}) %>
+		<script src="/test.js"></script>
+    </body>
+</html>
diff --git a/preview-template/test.js b/preview-template/test.js
new file mode 100644
index 0000000..94d707c
--- /dev/null
+++ b/preview-template/test.js
@@ -0,0 +1 @@
+console.warn('load preview plugin success!');
\ No newline at end of file
diff --git a/settings/3.0.0/packages/builder.json b/settings/3.0.0/packages/builder.json
new file mode 100644
index 0000000..73c7b36
--- /dev/null
+++ b/settings/3.0.0/packages/builder.json
@@ -0,0 +1,245 @@
+{
+  "projectSetting": {},
+  "textureCompressConfig": {
+    "userPreset": {
+      "33c0074836a7e03830341d5a99f09f00": {
+        "name": "etc1rgb",
+        "options": {
+          "android": {
+            "etc1_rgb": "fast"
+          },
+          "ios": {
+            "etc1_rgb": "fast"
+          },
+          "miniGame": {
+            "etc1_rgb": "fast"
+          },
+          "web": {
+            "etc1_rgb": "fast"
+          }
+        }
+      },
+      "2098655fcfa99b57d3f696a4033b3820": {
+        "name": "etc1rgb_a",
+        "options": {
+          "android": {
+            "etc1_rgb_a": "fast"
+          },
+          "ios": {
+            "etc1_rgb_a": "fast"
+          },
+          "miniGame": {
+            "etc1_rgb_a": "fast"
+          },
+          "web": {
+            "etc1_rgb_a": "fast"
+          }
+        }
+      },
+      "a7dbf347e43450d4471f61e6e1644691": {
+        "name": "etc2_rgb",
+        "options": {
+          "android": {
+            "etc2_rgb": "fast"
+          },
+          "ios": {
+            "etc2_rgb": "fast"
+          },
+          "miniGame": {},
+          "web": {
+            "etc2_rgb": "fast"
+          }
+        }
+      },
+      "dccb557a034387b75e6baa80196832f0": {
+        "name": "etc2rgba",
+        "options": {
+          "android": {
+            "etc2_rgba": "fast"
+          },
+          "ios": {
+            "etc2_rgba": "fast"
+          },
+          "miniGame": {
+            "etc2_rgba": "fast"
+          },
+          "web": {
+            "etc2_rgba": "fast"
+          }
+        }
+      },
+      "13557f486bcc25b285cba9223b3377a8": {
+        "name": "pvr2rgb",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_2bits_rgb": "normal"
+          },
+          "miniGame": {
+            "pvrtc_2bits_rgb": "normal"
+          },
+          "web": {
+            "pvrtc_2bits_rgb": "normal"
+          }
+        }
+      },
+      "0c4695421f1d2822ee478d63a908ebaf": {
+        "name": "pvr2rgb_a",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_2bits_rgb_a": "normal"
+          },
+          "miniGame": {
+            "pvrtc_2bits_rgb_a": "normal"
+          },
+          "web": {
+            "pvrtc_2bits_rgb_a": "normal"
+          }
+        }
+      },
+      "88dc9f1afbbea6dc33264299b06defc4": {
+        "name": "pvr2rgba",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_2bits_rgba": "normal"
+          },
+          "miniGame": {
+            "pvrtc_2bits_rgba": "normal"
+          },
+          "web": {
+            "pvrtc_2bits_rgba": "normal"
+          }
+        }
+      },
+      "3c1e2cfc710b99a2f1b24cd75d60f4da": {
+        "name": "pvr4rgb",
+        "options": {
+          "ios": {
+            "pvrtc_4bits_rgb": "normal"
+          },
+          "miniGame": {
+            "pvrtc_4bits_rgb": "normal"
+          },
+          "web": {
+            "pvrtc_4bits_rgb": "normal"
+          }
+        }
+      },
+      "38862ba5a526479b6a8e705cff204240": {
+        "name": "pvr4rgba",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_4bits_rgba": "normal"
+          },
+          "miniGame": {
+            "pvrtc_4bits_rgba": "normal"
+          },
+          "web": {
+            "pvrtc_4bits_rgba": "normal"
+          }
+        }
+      },
+      "b5b67369a666804c56cd0fbdcf37450d": {
+        "name": "pvr4rgb_a",
+        "options": {
+          "ios": {
+            "pvrtc_4bits_rgb_a": "normal"
+          },
+          "miniGame": {
+            "pvrtc_4bits_rgb_a": "normal"
+          },
+          "web": {
+            "pvrtc_4bits_rgb_a": "normal"
+          }
+        }
+      },
+      "6a294358579240936bf4d66151e6e720": {
+        "name": "webp",
+        "options": {
+          "android": {
+            "webp": 80
+          },
+          "ios": {
+            "webp": 80
+          },
+          "miniGame": {
+            "webp": 80
+          },
+          "web": {
+            "webp": 80
+          }
+        }
+      },
+      "c36bbd258b7ee694eb987221b2b197b0": {
+        "name": "jpg",
+        "options": {
+          "android": {
+            "jpg": 80
+          },
+          "ios": {
+            "jpg": 80
+          },
+          "miniGame": {
+            "jpg": 80
+          },
+          "web": {
+            "jpg": 80
+          }
+        }
+      },
+      "edctr14XNOBKwkx22W6cdp": {
+        "name": "astc4x4",
+        "options": {
+          "android": {
+            "astc_4x4": "-medium"
+          },
+          "ios": {
+            "astc_4x4": "-medium"
+          },
+          "pc": {
+            "astc_4x4": "-medium"
+          },
+          "web": {
+            "astc_4x4": "-medium"
+          }
+        }
+      },
+      "82pTTpO+lA74wnjpL1v4Bx": {
+        "name": "astc10x10",
+        "options": {
+          "android": {
+            "astc_10x10": "-medium"
+          },
+          "ios": {
+            "astc_10x10": "-medium"
+          },
+          "web": {
+            "astc_10x10": "-medium"
+          }
+        }
+      },
+      "afI5JG+ONDCbgGbraJsAx6": {
+        "name": "png",
+        "options": {
+          "android": {
+            "png": 80
+          },
+          "ios": {
+            "png": 80
+          },
+          "miniGame": {
+            "png": 80
+          },
+          "web": {
+            "png": 80
+          }
+        }
+      }
+    }
+  },
+  "hasSetSplash": true,
+  "__version__": "1.2.5"
+}
diff --git a/settings/3.0.0/packages/engine.json b/settings/3.0.0/packages/engine.json
new file mode 100644
index 0000000..1586eae
--- /dev/null
+++ b/settings/3.0.0/packages/engine.json
@@ -0,0 +1,27 @@
+{
+  "modules": {
+    "cache": {},
+    "includeModules": [
+      "base",
+      "gfx-webgl",
+      "gfx-webgl2",
+      "ui",
+      "particle",
+      "physics-cannon",
+      "physics-framework",
+      "physics-2d-box2d",
+      "physics-2d-framework",
+      "intersection-2d",
+      "audio",
+      "video",
+      "webview",
+      "tween",
+      "terrain",
+      "tiled-map"
+    ]
+  },
+  "__version__": "1.0.3",
+  "macroConfig": {
+    "ENABLE_TRANSPARENT_CANVAS": true
+  }
+}
diff --git a/settings/3.0.0/packages/project.json b/settings/3.0.0/packages/project.json
new file mode 100644
index 0000000..804be7c
--- /dev/null
+++ b/settings/3.0.0/packages/project.json
@@ -0,0 +1,15 @@
+{
+  "general": {
+    "designResolution": {
+      "width": 960,
+      "height": 640,
+      "fitWidth": true,
+      "fitHeight": true
+    }
+  },
+  "__version__": "1.0.1",
+  "script": {
+    "useDefineForClassFields": false,
+    "allowDeclareFields": false
+  }
+}
diff --git a/settings/packages/builder.json b/settings/packages/builder.json
new file mode 100644
index 0000000..a397774
--- /dev/null
+++ b/settings/packages/builder.json
@@ -0,0 +1,194 @@
+{
+  "projectSetting": {
+    "modules": {
+      "cache": {
+        "Audio": {
+          "value": true
+        },
+        "Core": {
+          "value": true
+        },
+        "Graphcis API": {
+          "value": true
+        },
+        "Particle System": {
+          "value": true
+        },
+        "Physics": {
+          "option": "0",
+          "value": true
+        },
+        "Terrain": {
+          "value": true
+        },
+        "UI": {
+          "value": true
+        },
+        "WebGL 1.0": {
+          "value": true
+        },
+        "WebGL 2.0": {
+          "value": true
+        },
+        "tween.js Adapter": {
+          "value": true
+        }
+      },
+      "includeModules": [
+        "base",
+        "gfx-webgl",
+        "gfx-webgl2",
+        "ui",
+        "particle",
+        "physics-cannon",
+        "physics-framework",
+        "audio",
+        "tween",
+        "terrain"
+      ]
+    }
+  },
+  "textureCompressConfig": {
+    "userPreset": {
+      "etc1rgb": {
+        "android": {
+          "etc1_rgb": "fast"
+        },
+        "miniGame": {
+          "etc1_rgb": "fast"
+        },
+        "web": {
+          "etc1_rgb": "fast"
+        }
+      },
+      "etc1rgb_a": {
+        "android": {
+          "etc1_rgb_a": "fast"
+        },
+        "ios": {},
+        "miniGame": {
+          "etc1_rgb_a": "fast"
+        },
+        "web": {
+          "etc1_rgb_a": "fast"
+        }
+      },
+      "etc2_rgb": {
+        "android": {
+          "etc2_rgb": "fast"
+        },
+        "ios": {},
+        "miniGame": {},
+        "web": {
+          "etc2_rgb": "fast"
+        }
+      },
+      "etc2rgba": {
+        "android": {
+          "etc2_rgba": "fast"
+        },
+        "web": {
+          "etc2_rgba": "fast"
+        }
+      },
+      "pvr2rgb": {
+        "android": {},
+        "ios": {
+          "pvrtc_2bits_rgb": "normal"
+        },
+        "miniGame": {
+          "pvrtc_2bits_rgb": "normal"
+        },
+        "web": {
+          "pvrtc_2bits_rgb": "normal"
+        }
+      },
+      "pvr2rgb_a": {
+        "android": {},
+        "ios": {
+          "pvrtc_2bits_rgb_a": "normal"
+        },
+        "miniGame": {
+          "pvrtc_2bits_rgb_a": "normal"
+        },
+        "web": {
+          "pvrtc_2bits_rgb_a": "normal"
+        }
+      },
+      "pvr2rgba": {
+        "android": {},
+        "ios": {
+          "pvrtc_2bits_rgba": "normal"
+        },
+        "miniGame": {
+          "pvrtc_2bits_rgba": "normal"
+        },
+        "web": {
+          "pvrtc_2bits_rgba": "normal"
+        }
+      },
+      "pvr4rgb": {
+        "ios": {
+          "pvrtc_4bits_rgb": "normal"
+        },
+        "miniGame": {
+          "pvrtc_4bits_rgb": "normal"
+        },
+        "web": {
+          "pvrtc_4bits_rgb": "normal"
+        }
+      },
+      "pvr4rgba": {
+        "android": {},
+        "ios": {
+          "pvrtc_4bits_rgba": "normal"
+        },
+        "miniGame": {
+          "pvrtc_4bits_rgba": "normal"
+        },
+        "web": {
+          "pvrtc_4bits_rgba": "normal"
+        }
+      },
+      "pvr4rgb_a": {
+        "ios": {
+          "pvrtc_4bits_rgb_a": "normal"
+        },
+        "miniGame": {
+          "pvrtc_4bits_rgb_a": "normal"
+        },
+        "web": {
+          "pvrtc_4bits_rgb_a": "normal"
+        }
+      },
+      "webp": {
+        "android": {
+          "webp": 80
+        },
+        "ios": {
+          "webp": 80
+        },
+        "miniGame": {
+          "webp": 80
+        },
+        "web": {
+          "webp": 80
+        }
+      },
+      "jpg": {
+        "android": {
+          "jpg": 80
+        },
+        "ios": {
+          "jpg": 80
+        },
+        "miniGame": {
+          "jpg": 80
+        },
+        "web": {
+          "jpg": 80
+        }
+      }
+    }
+  }
+}
diff --git a/settings/packages/project-setting.json b/settings/packages/project-setting.json
new file mode 100644
index 0000000..7b1e785
--- /dev/null
+++ b/settings/packages/project-setting.json
@@ -0,0 +1,10 @@
+{
+  "general": {
+    "designResolution": {
+      "width": 960,
+      "height": 640,
+      "fitWidth": true,
+      "fitHeight": true
+    }
+  }
+}
diff --git a/settings/v2/packages/builder.json b/settings/v2/packages/builder.json
new file mode 100644
index 0000000..6a8fd80
--- /dev/null
+++ b/settings/v2/packages/builder.json
@@ -0,0 +1,1261 @@
+{
+  "projectSetting": {},
+  "textureCompressConfig": {
+    "userPreset": {
+      "33c0074836a7e03830341d5a99f09f00": {
+        "name": "etc1rgb",
+        "options": {
+          "android": {
+            "etc1_rgb": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "etc1_rgb": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "etc1_rgb": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "etc1_rgb": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "2098655fcfa99b57d3f696a4033b3820": {
+        "name": "etc1rgb_a",
+        "options": {
+          "android": {
+            "etc1_rgb_a": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "etc1_rgb_a": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "etc1_rgb_a": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "etc1_rgb_a": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "a7dbf347e43450d4471f61e6e1644691": {
+        "name": "etc2_rgb",
+        "options": {
+          "android": {
+            "etc2_rgb": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "etc2_rgb": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "etc2_rgb": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "etc2_rgb": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "dccb557a034387b75e6baa80196832f0": {
+        "name": "etc2rgba",
+        "options": {
+          "android": {
+            "etc2_rgba": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "etc2_rgba": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "etc2_rgba": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "etc2_rgba": {
+              "quality": "fast"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "13557f486bcc25b285cba9223b3377a8": {
+        "name": "pvr2rgb",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_2bits_rgb": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "pvrtc_2bits_rgb": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "pvrtc_2bits_rgb": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "0c4695421f1d2822ee478d63a908ebaf": {
+        "name": "pvr2rgb_a",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_2bits_rgb_a": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "pvrtc_2bits_rgb_a": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "pvrtc_2bits_rgb_a": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "88dc9f1afbbea6dc33264299b06defc4": {
+        "name": "pvr2rgba",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_2bits_rgba": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "pvrtc_2bits_rgba": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "pvrtc_2bits_rgba": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "3c1e2cfc710b99a2f1b24cd75d60f4da": {
+        "name": "pvr4rgb",
+        "options": {
+          "ios": {
+            "pvrtc_4bits_rgb": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "pvrtc_4bits_rgb": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "pvrtc_4bits_rgb": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "38862ba5a526479b6a8e705cff204240": {
+        "name": "pvr4rgba",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_4bits_rgba": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "pvrtc_4bits_rgba": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "pvrtc_4bits_rgba": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "b5b67369a666804c56cd0fbdcf37450d": {
+        "name": "pvr4rgb_a",
+        "options": {
+          "android": {},
+          "ios": {
+            "pvrtc_4bits_rgb_a": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "pvrtc_4bits_rgb_a": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "pvrtc_4bits_rgb_a": {
+              "quality": "normal"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "6a294358579240936bf4d66151e6e720": {
+        "name": "webp",
+        "options": {
+          "android": {
+            "webp": {
+              "quality": 80
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "webp": {
+              "quality": 80
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "webp": {
+              "quality": 80
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "webp": {
+              "quality": 80
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "c36bbd258b7ee694eb987221b2b197b0": {
+        "name": "jpg",
+        "options": {
+          "android": {
+            "jpg": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "jpg": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "jpg": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "jpg": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "edctr14XNOBKwkx22W6cdp": {
+        "name": "astc4x4",
+        "options": {
+          "android": {
+            "astc_4x4": {
+              "quality": "medium"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "astc_4x4": {
+              "quality": "medium"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "astc_4x4": {
+              "quality": "medium"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "astc_4x4": {
+              "quality": "medium"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "82pTTpO+lA74wnjpL1v4Bx": {
+        "name": "astc10x10",
+        "options": {
+          "android": {
+            "astc_10x10": {
+              "quality": "medium"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "astc_10x10": {
+              "quality": "medium"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "astc_10x10": {
+              "quality": "medium"
+            },
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "astc_10x10": {
+              "quality": "medium"
+            },
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      },
+      "afI5JG+ONDCbgGbraJsAx6": {
+        "name": "png",
+        "options": {
+          "android": {
+            "png": {
+              "quality": 80
+            }
+          },
+          "ios": {
+            "png": {
+              "quality": 80
+            }
+          },
+          "miniGame": {
+            "png": {
+              "quality": 80
+            }
+          },
+          "web": {
+            "png": {
+              "quality": 80
+            }
+          }
+        }
+      }
+    },
+    "genMipmaps": false
+  },
+  "hasSetSplash": true,
+  "__version__": "1.3.7",
+  "bundleConfig": {
+    "custom": {
+      "auto_7evucA4SBKXLRpDJDwkOxu": {
+        "displayName": "resources",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            },
+            "overwriteSettings": {
+              "windows": {
+                "compressionType": "merge_all_json",
+                "isRemote": false
+              }
+            }
+          },
+          "miniGame": {
+            "configMode": "fallback",
+            "overwriteSettings": {
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "taobao-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "oppo-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "merge_all_json",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_all_json",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "merge_all_json",
+                "isRemote": true
+              },
+              "wechatgame": {
+                "compressionType": "merge_all_json",
+                "isRemote": true
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "none",
+                "isRemote": false
+              }
+            },
+            "fallbackOptions": {
+              "isRemote": true
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            },
+            "overwriteSettings": {
+              "web-desktop": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "web-mobile": {
+                "compressionType": "none",
+                "isRemote": true
+              }
+            }
+          }
+        }
+      },
+      "auto_2dkneFflFGUaSelpdUtlcE": {
+        "displayName": "TestBundle",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "taobao-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "oppo-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "wechatgame": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      },
+      "auto_4dDdFRwGRPe54YyeyK5MDp": {
+        "displayName": "TestBundleZip",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "alipay-mini-game": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "taobao-mini-game": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "bytedance-mini-game": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "oppo-mini-game": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "huawei-quick-game": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "vivo-mini-game": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "baidu-mini-game": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "wechatgame": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "cocos-play": {
+                "compressionType": "zip",
+                "isRemote": true
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      },
+      "auto_67RTLI+bRLk5/K5Aww9eQK": {
+        "displayName": "sub-pack-01",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "taobao-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "oppo-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "wechatgame": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      },
+      "auto_f92s/QEXhO5KMFwv8Wdu5p": {
+        "displayName": "sub-pack-02",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "taobao-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "oppo-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "wechatgame": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      },
+      "auto_6acrVjL21C54emd5nf54bR": {
+        "displayName": "subPackage",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "oppo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              },
+              "wechatgame": {
+                "compressionType": "subpackage",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      },
+      "auto_c7TwxTkGpM6qguaJ+bd1Ve": {
+        "displayName": "test-atlas-build",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": true
+              },
+              "oppo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "wechatgame": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      },
+      "auto_98bI1zLFJFCrdkWrYdPI5l": {
+        "displayName": "l10n",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "oppo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "wechatgame": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      },
+      "auto_fbDz6ehNtJmKlGyfvICaQ3": {
+        "displayName": "l10n",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "oppo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "wechatgame": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      },
+      "auto_29ZKQqIDhFC4Sr402zmjLO": {
+        "displayName": "l10n",
+        "configs": {
+          "native": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          },
+          "miniGame": {
+            "configMode": "overwrite",
+            "overwriteSettings": {
+              "alipay-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-creative-app": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "taobao-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "bytedance-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "oppo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "huawei-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "vivo-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "xiaomi-quick-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "baidu-mini-game": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "wechatgame": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "link-sure": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "qtt": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              },
+              "cocos-play": {
+                "compressionType": "merge_dep",
+                "isRemote": false
+              }
+            }
+          },
+          "web": {
+            "preferredOptions": {
+              "compressionType": "merge_dep",
+              "isRemote": false
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/settings/v2/packages/cocos-service.json b/settings/v2/packages/cocos-service.json
new file mode 100644
index 0000000..57fd69e
--- /dev/null
+++ b/settings/v2/packages/cocos-service.json
@@ -0,0 +1,23 @@
+{
+  "__version__": "3.0.7",
+  "game": {
+    "name": "UNKNOW GAME",
+    "app_id": "UNKNOW",
+    "c_id": "0"
+  },
+  "appConfigMaps": [
+    {
+      "app_id": "UNKNOW",
+      "config_id": "08bbe7"
+    }
+  ],
+  "configs": [
+    {
+      "app_id": "UNKNOW",
+      "config_id": "08bbe7",
+      "config_name": "Default",
+      "config_remarks": "",
+      "services": []
+    }
+  ]
+}
diff --git a/settings/v2/packages/device.json b/settings/v2/packages/device.json
new file mode 100644
index 0000000..70e599e
--- /dev/null
+++ b/settings/v2/packages/device.json
@@ -0,0 +1,3 @@
+{
+  "__version__": "1.0.1"
+}
diff --git a/settings/v2/packages/engine.json b/settings/v2/packages/engine.json
new file mode 100644
index 0000000..e2c39b5
--- /dev/null
+++ b/settings/v2/packages/engine.json
@@ -0,0 +1,157 @@
+{
+  "modules": {
+    "cache": {
+      "base": {
+        "_value": true
+      },
+      "graphcis": {
+        "_value": true
+      },
+      "gfx-webgl": {
+        "_value": true
+      },
+      "gfx-webgl2": {
+        "_value": false
+      },
+      "animation": {
+        "_value": true
+      },
+      "skeletal-animation": {
+        "_value": true
+      },
+      "3d": {
+        "_value": false
+      },
+      "2d": {
+        "_value": true
+      },
+      "xr": {
+        "_value": false
+      },
+      "ui": {
+        "_value": true
+      },
+      "particle": {
+        "_value": true
+      },
+      "physics": {
+        "_value": false,
+        "_option": "physics-ammo"
+      },
+      "physics-ammo": {
+        "_value": true
+      },
+      "physics-cannon": {
+        "_value": true
+      },
+      "physics-physx": {
+        "_value": false
+      },
+      "physics-builtin": {
+        "_value": true
+      },
+      "physics-2d": {
+        "_value": true,
+        "_option": "physics-2d-box2d"
+      },
+      "physics-2d-box2d": {
+        "_value": true
+      },
+      "physics-2d-builtin": {
+        "_value": true
+      },
+      "intersection-2d": {
+        "_value": true
+      },
+      "primitive": {
+        "_value": false
+      },
+      "profiler": {
+        "_value": true
+      },
+      "occlusion-query": {
+        "_value": false
+      },
+      "geometry-renderer": {
+        "_value": false
+      },
+      "debug-renderer": {
+        "_value": false
+      },
+      "particle-2d": {
+        "_value": true
+      },
+      "audio": {
+        "_value": true
+      },
+      "video": {
+        "_value": true
+      },
+      "webview": {
+        "_value": true
+      },
+      "tween": {
+        "_value": true
+      },
+      "websocket": {
+        "_value": false
+      },
+      "websocket-server": {
+        "_value": false
+      },
+      "terrain": {
+        "_value": false
+      },
+      "light-probe": {
+        "_value": false
+      },
+      "tiled-map": {
+        "_value": true
+      },
+      "spine": {
+        "_value": true
+      },
+      "dragon-bones": {
+        "_value": true
+      },
+      "marionette": {
+        "_value": false
+      },
+      "procedural-animation": {
+        "_value": false
+      },
+      "custom-pipeline": {
+        "_value": false
+      }
+    },
+    "includeModules": [
+      "2d",
+      "animation",
+      "audio",
+      "base",
+      "dragon-bones",
+      "gfx-webgl",
+      "intersection-2d",
+      "particle",
+      "particle-2d",
+      "physics-2d-box2d",
+      "profiler",
+      "skeletal-animation",
+      "spine",
+      "tiled-map",
+      "tween",
+      "ui",
+      "video",
+      "webview"
+    ],
+    "noDeprecatedFeatures": {
+      "value": false,
+      "version": ""
+    },
+    "flags": {}
+  },
+  "__version__": "1.0.8",
+  "macroConfig": {
+    "ENABLE_TRANSPARENT_CANVAS": false
+  }
+}
diff --git a/settings/v2/packages/information.json b/settings/v2/packages/information.json
new file mode 100644
index 0000000..94848de
--- /dev/null
+++ b/settings/v2/packages/information.json
@@ -0,0 +1,23 @@
+{
+  "__version__": "1.0.1",
+  "information": {
+    "customSplash": {
+      "id": "customSplash",
+      "label": "customSplash",
+      "enable": false,
+      "customSplash": {
+        "complete": false,
+        "form": "https://creator-api.cocos.com/api/form/show?"
+      }
+    },
+    "removeSplash": {
+      "id": "removeSplash",
+      "label": "removeSplash",
+      "enable": false,
+      "removeSplash": {
+        "complete": false,
+        "form": "https://creator-api.cocos.com/api/form/show?"
+      }
+    }
+  }
+}
diff --git a/settings/v2/packages/program.json b/settings/v2/packages/program.json
new file mode 100644
index 0000000..916c1b2
--- /dev/null
+++ b/settings/v2/packages/program.json
@@ -0,0 +1,3 @@
+{
+  "__version__": "1.0.4"
+}
diff --git a/settings/v2/packages/project.json b/settings/v2/packages/project.json
new file mode 100644
index 0000000..39988b1
--- /dev/null
+++ b/settings/v2/packages/project.json
@@ -0,0 +1,147 @@
+{
+  "general": {
+    "designResolution": {
+      "width": 1080,
+      "height": 2340,
+      "fitWidth": true,
+      "fitHeight": true
+    }
+  },
+  "__version__": "1.0.6",
+  "script": {
+    "useDefineForClassFields": true,
+    "allowDeclareFields": true,
+    "preserveSymlinks": false
+  },
+  "layer": [
+    {
+      "name": "canvas_9",
+      "value": 512
+    },
+    {
+      "name": "canvas_10",
+      "value": 1024
+    },
+    {
+      "name": "canvas_11",
+      "value": 2048
+    },
+    {
+      "name": "canvas_12",
+      "value": 4096
+    },
+    {
+      "name": "canvas_13",
+      "value": 8192
+    },
+    {
+      "name": "canvas_14",
+      "value": 16384
+    },
+    {
+      "name": "canvas_15",
+      "value": 32768
+    },
+    {
+      "name": "canvas_16",
+      "value": 65536
+    },
+    {
+      "name": "canvas_17",
+      "value": 131072
+    },
+    {
+      "name": "canvas_18",
+      "value": 262144
+    },
+    {
+      "name": "canvas_19",
+      "value": 524288
+    }
+  ],
+  "custom_joint_texture_layouts": [
+    {
+      "textureLength": 288,
+      "contents": [
+        {
+          "skeleton": "c5f0f8b3-f4f4-496b-af70-93bc84ef5046@a9630",
+          "clips": [
+            "6656e5e3-ac92-4d84-a5ea-24e1c39e1873@57e42",
+            "f7ac166d-b0dd-4b32-b0ec-a7895dc14c38@5ecd9",
+            "92515b6a-664d-4865-b0ef-61637a436f8b@96245",
+            "bb8388d8-bce9-45e6-82f3-78ec6cd1fed0@4cafd",
+            "6c9158d1-15b8-463e-bc35-b2821946acad@ab65f",
+            "95450835-05fc-427f-92ea-7da8ff20e3d2@cd579",
+            "f9603bb2-d2ff-4187-87af-dc939134b972@b6423",
+            "741ba668-2b4f-4960-af1b-b27a0137b5f3@b452c",
+            "a6500b5f-50c5-444c-b3e5-5f998b589ed0@b940a",
+            "72dc47a7-5f71-4cef-80af-e4e07998bd7a@0a7b5"
+          ]
+        }
+      ]
+    },
+    {
+      "textureLength": 192,
+      "contents": [
+        {
+          "skeleton": "fffdae50-0ca7-46b5-a98f-9565a58e0c36@30732",
+          "clips": [
+            "fffdae50-0ca7-46b5-a98f-9565a58e0c36@5f563",
+            "fffdae50-0ca7-46b5-a98f-9565a58e0c36@ca7e4",
+            "fffdae50-0ca7-46b5-a98f-9565a58e0c36@f4113",
+            "fffdae50-0ca7-46b5-a98f-9565a58e0c36@8885f",
+            "fffdae50-0ca7-46b5-a98f-9565a58e0c36@c2696"
+          ]
+        }
+      ]
+    }
+  ],
+  "fbx": {
+    "legacyFbxImporter": {
+      "visible": true
+    }
+  },
+  "physics": {
+    "collisionGroups": [
+      {
+        "index": 1,
+        "name": "ENEMY"
+      },
+      {
+        "index": 2,
+        "name": "HERO"
+      },
+      {
+        "index": 3,
+        "name": "BULLET_HERO"
+      },
+      {
+        "index": 4,
+        "name": "BULLET_ENEMY"
+      },
+      {
+        "index": 5,
+        "name": "SENSOR"
+      },
+      {
+        "index": 6,
+        "name": "OBSTACLE"
+      },
+      {
+        "index": 7,
+        "name": "ACTIVE_SKILL"
+      }
+    ],
+    "collisionMatrix": {
+      "0": 65,
+      "1": 492,
+      "2": 114,
+      "3": 66,
+      "4": 388,
+      "5": 6,
+      "6": 399,
+      "7": 210,
+      "8": 82
+    }
+  }
+}
diff --git a/settings/v2/packages/scene.json b/settings/v2/packages/scene.json
new file mode 100644
index 0000000..2659481
--- /dev/null
+++ b/settings/v2/packages/scene.json
@@ -0,0 +1,8 @@
+{
+  "__version__": "1.0.0",
+  "reflection-probe": {
+    "fileUUIDs": [
+      "66b68311-9e90-4f56-9db9-fba2a0ded1a7"
+    ]
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..d5263c4
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,32 @@
+{
+  /* Base configuration. Do not edit this field. */
+  "extends": "./temp/tsconfig.cocos.json",
+  /* Add your custom configuration here. */
+  "compilerOptions": {
+    "strict": false,
+    "lib": [
+      "dom",
+      "es5",
+      "es2015.promise",
+      "es6",
+      "es2017"
+    ],
+    "skipLibCheck": true,
+    "target": "es6",
+    "module": "commonjs",
+    "experimentalDecorators": true,
+    "allowJs": true,
+    // // Generate d.ts files
+    // "declaration": true,
+    // // This compiler run should
+    // // only output d.ts files
+    // "emitDeclarationOnly": true,
+    // // Types should go into this directory.
+    // // Removing this would place the .d.ts files
+    // // next to the .js files
+    // "outDir": "dist"
+  },
+  "include": [
+    "assets/**/*.ts",
+  ]
+}
\ No newline at end of file
diff --git a/tslint.json b/tslint.json
new file mode 100644
index 0000000..2b41464
--- /dev/null
+++ b/tslint.json
@@ -0,0 +1,35 @@
+{
+    "defaultSeverity": "error",
+    "extends": [
+        "tslint:recommended"
+    ],
+    "jsRules": {},
+    "rules": {
+        "quotemark": [
+            true,
+            "single"
+        ],
+        "one-line": [
+            true,
+            "check-open-brace"
+        ],
+        "no-namespace": false,
+        "no-console": false,
+        "space-before-function-paren": true,
+        "max-classes-per-file": false,
+        "variable-name": false,
+        "object-literal-sort-keys": false,
+        "ban-types": false,
+        "no-bitwise": false,
+        "no-empty": false,
+        "radix": false,
+        "prefer-for-of": false,
+        "forin":false,
+
+        "max-line-length": [
+            true,
+            160
+        ]
+    },
+    "rulesDirectory": []
+}