update: readme

Squashed commit of the following:

commit f8724b9ffd
Author: Vick Scarlet <scarlet_vick@outlook.com>
Date:   Sat Jan 29 01:08:39 2022 +0800

    update event

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+npm-debug.log

.github/workflows/deploy.yml

@@ -0,0 +1,29 @@
+name: Build and Deploy
+on:
+  push:
+    branches: [main]
+permissions:
+  contents: write
+jobs:
+  build-and-deploy:
+    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+
+      - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
+        run: |
+          pnpm install
+          pnpm xlsx2json
+          pnpm build
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: template # The folder the action should deploy.

.github/workflows/node.js.yml

@@ -1,31 +0,0 @@
-# This workflow will do a clean install of node dependencies, cache/restore them, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
-name: Node.js CI
-
-on:
-  push:
-    branches: [ master ]
-  pull_request:
-    branches: [ master ]
-
-jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [14.x, 16.x]
-        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
-
-    steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v2
-      with:
-        node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - run: npm install
-    - run: npm run build --if-present
-    - run: npm test

.gitignore

@@ -108,3 +108,6 @@ utils/xlsxTransform-*
 /.idea
 
 __localStorage.json
+
+template/public
+public/data

.vscode/launch.json

@@ -4,40 +4,15 @@
     // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
     "version": "0.2.0",
     "configurations": [
-        {
-            "name": "Launch Chrome",
-            "request": "launch",
-            "type": "pwa-chrome",
-            "url": "http://127.0.0.1:8000/public/index.html",
-            "webRoot": "${workspaceFolder}"
-        },
         {
             "type": "node",
             "request": "launch",
             "name": "test",
             "program": "${workspaceFolder}/test",
             "skipFiles": [
-                "<node_internals>/**"
+                "<node_internals>/**",
+                "**/node_modumes/**"
             ]
         },
-        {
-            "type": "node",
-            "request": "launch",
-            "name": "xlsx2json",
-            "program": "${workspaceFolder}/node_modules/v-transform/src/index.js",
-            "args": ["transform", "jobs/xlsx2json/config.json"],
-            "skipFiles": [
-                "<node_internals>/**"
-            ]
-        },
-        {
-            "name": "Attach by Process ID",
-            "processId": "${command:PickProcess}",
-            "request": "attach",
-            "skipFiles": [
-                "<node_internals>/**"
-            ],
-            "type": "node"
-        },
     ]
 }

CNAME

@@ -1 +0,0 @@
-liferestart.syaro.io

Dockerfile

@@ -0,0 +1,15 @@
+FROM node:alpine
+
+ENV NPM_CONFIG_LOGLEVEL info
+
+WORKDIR /usr/src/app
+
+COPY package*.json ./
+
+RUN npm install
+
+COPY . .
+
+EXPOSE 8080
+CMD ["yarn", "dev"]
+

README-zh_CN.md

@@ -24,7 +24,7 @@ cd my-project
 2. 进入目录安装依赖。
 
 ```bash
-yarn install
+pnpm install
 ```
 
 或者
@@ -36,7 +36,7 @@ npm install
 3. 启动本地服务器。
 
 ```bash
-yarn dev
+pnpm dev
 ```
 
 或者
@@ -45,7 +45,7 @@ yarn dev
 npm run dev
 ```
 
-4. 启动完成后会自动打开浏览器访问 [http://localhost:8081/view/index.html](http://localhost:8081/view/index.html)。
+4. 启动完成后会自动打开浏览器访问 [http://localhost:5173](http://localhost:5173)。
 
 </details>
 

README.md

@@ -24,7 +24,7 @@ cd my-project
 2. Installation dependence.
 
 ```bash
-yarn install
+pnpm install
 ```
 
 Or
@@ -36,7 +36,7 @@ npm install
 3. Start local server.
 
 ```bash
-yarn dev
+pnpm dev
 ```
 
 Or
@@ -45,7 +45,7 @@ Or
 npm run dev
 ```
 
-4. After the startup is complete, will automatically open a browser and visit [http://localhost:8081/view/index.html](http://localhost:8081/view/index.html).
+4. After the startup is complete, open a browser and visit [http://localhost:5173](http://localhost:5173).
 </details>
 
 <details>

index.html

@@ -17,8 +17,6 @@
         <meta http-equiv="Cache-Control" content="no-siteapp"/>
         <font-face font-family="方正像素12" src="fonts/方正像素12.ttf"/>
         <title>Life Restart</title>
-    </head>
-    <body style="background:black">
         <!--以下引用了常用类库，如果不使用，可以删除-->
 
         <!--核心包，封装了显示对象渲染，事件，时间管理，时间轴动画，缓动，消息交互,socket，本地存储，鼠标触摸，声音，加载，颜色滤镜，位图字体等-->
@@ -54,7 +52,7 @@
         <!--包含更多webgl滤镜，比如外发光，阴影，模糊以及更多-->
         <script type="text/javascript" src="libs/laya/laya.filter.js"></script>
         <!--封装了html动态排版功能-->
-        <!-- <script type="text/javascript" src="libs/laya/laya.html.js"></script> -->
+        <script type="text/javascript" src="libs/laya/laya.html.js"></script>
         <!--粒子类库-->
         <script type="text/javascript" src="libs/laya/laya.particle.js"></script>
         <!--提供tileMap解析支持-->
@@ -67,8 +65,8 @@
          <!-- 物理引擎matter.js -->
         <!--自定义的js(src文件夹下)文件自动添加到下面jsfile模块标签里面里，js的顺序可以手动修改，修改后保留修改的顺序，新增加的js会默认依次追加到标签里-->
         <!--删除标签，ide不会自动添加js文件，请谨慎操作-->
-        <!--jsfile--startTag-->
+
-        <script type="module" src="../src/index.js"></script>
+        <script type="module" src="src/index.js"></script>
-        <!--jsfile--endTag-->
+    </head>
-    </body>
+    <body style="background:black"></body>
 </html>

jobs/xlsx2json/config.json

@@ -1,19 +0,0 @@
-{
-    "configurations": [
-        {
-            "source": [
-                "../../data/specialthanks-afd.xlsx",
-                "../../data/specialthanks-dun.xlsx"
-            ],
-            "target": "../../public/data"
-        },
-        {
-            "source": "../../data/zh-cn",
-            "target": "../../public/data/zh-cn"
-        },
-        {
-            "source": "../../data/en-us",
-            "target": "../../public/data/en-us"
-        }
-    ]
-}

laya/pages/particle/fly.part

@@ -0,0 +1 @@
+{"textureName":"images/texture/texture_1.png","positionVariance":{"0":0,"1":0,"2":0},"minVerticalVelocity":-100,"minVerticalEndRadian":0,"minStartSize":0,"minStartRadius":0,"minRotateSpeed":0,"minHorizontalVelocity":100,"minHorizontalEndRadian":0,"minEndSize":18.55,"minEndRadius":218.75,"minColor":{"0":0.15,"1":0.92,"2":0.91,"3":0.6000000238418579},"maxVerticalVelocity":100,"maxVerticalEndRadian":0,"maxStartSize":2.04,"maxStartRadius":0,"maxRotateSpeed":0,"maxPartices":400,"maxHorizontalVelocity":100,"maxHorizontalEndRadian":0,"maxEndSize":24.35,"maxEndRadius":84.82,"maxColor":{"0":0.57,"1":1,"2":0,"3":1},"gravity":{"0":0,"1":0,"2":0},"endVelocity":2,"emitterVelocitySensitivity":56.89,"duration":9.52,"colorComponentInter":true,"blendState":0,"ageAddScale":10,"backColor":"#ffffff","textureFileName":"comp\\clip_num.png","textureCount":1,"minHorizontalStartRadian":0,"maxHorizontalStartRadian":0,"minVerticalStartRadian":0,"maxVerticalStartRadian":0,"emitterType":"null","emissionRate":0,"sphereEmitterRadius":1,"sphereEmitterVelocity":0,"sphereEmitterVelocityAddVariance":0,"ringEmitterRadius":30,"ringEmitterVelocity":0,"ringEmitterVelocityAddVariance":0,"ringEmitterUp":2,"minStartColor":{"0":0.5,"1":0.5,"2":0.5,"3":0.2},"maxStartColor":{"0":1,"1":1,"2":1,"3":1},"minEndColor":{"0":0,"1":0,"2":0,"3":0.08},"maxEndColor":{"0":1,"1":1,"2":1,"3":1},"pointEmitterPosition":{"0":0,"1":0,"2":0},"pointEmitterPositionVariance":{"0":0,"1":0,"2":0},"pointEmitterVelocity":{"0":0,"1":0,"2":0},"pointEmitterVelocityAddVariance":{"0":0,"1":0,"2":0},"boxEmitterCenterPosition":{"0":0,"1":0,"2":0},"boxEmitterSize":{"0":0,"1":0,"2":0},"boxEmitterVelocity":{"0":0,"1":0,"2":0},"boxEmitterVelocityAddVariance":{"0":0,"1":0,"2":0},"sphereEmitterCenterPosition":{"0":0,"1":0,"2":0},"ringEmitterCenterPosition":{"0":0,"1":0,"2":0},"useEndRadian":true,"disableColor":false}

laya/pages/view/CyberTheme/CyberMain.ui

@@ -1,8 +1,8 @@
 {
     "x":0,
     "type":"View",
-    "selectedBox":1,
+    "selectedBox":93,
-    "selecteID":83,
+    "selecteID":94,
     "props":{"y":1218,"x":562,"width":1125,"sceneColor":"#000000","sceneBg":"laya/views/view/CyberTheme/CyberMain.png","runtime":"Laya.runtime.ViewBase","height":2436,"anchorY":0.5,"anchorX":0.5},
     "nodeParent":-1,
     "label":"View",
@@ -18,14 +18,13 @@
             "props":{"var":"imgBg","skin":"images/background/background_1@3x.png","name":"imgBg","centerY":0,"centerX":0},
             "nodeParent":1,
             "label":"Image(imgBg)",
-            "isOpen":true,
+            "isOpen":false,
             "isDirectory":true,
             "isAniNode":true,
             "hasChild":true,
             "compId":67,
             "child":[
                 {
-                    "x":30,
                     "type":"Animation",
                     "props":{"y":0,"x":0,"width":1125,"source":"view/CyberTheme/animation/jumpBackground.ani","interval":80,"height":2436,"blendMode":"lighter","autoPlay":true,"alpha":0.3},
                     "nodeParent":67,
@@ -131,7 +130,7 @@
         {
             "x":15,
             "type":"Label",
-            "props":{"text":"UI_Cyber_Theme_Art_Design","right":50,"fontSize":48,"font":"方正像素12","color":"#00fffd","centerY":1165,"anchorY":0.5,"anchorX":0.5},
+            "props":{"text":"UI_Cyber_Theme_Art_Design","right":50,"fontSize":48,"font":"方正像素12","color":"#00fffd","bottom":30,"anchorY":0.5,"anchorX":0.5},
             "nodeParent":1,
             "label":"Label",
             "isDirectory":false,
@@ -474,14 +473,13 @@
             "props":{"y":0,"x":1100,"width":1,"top":0,"right":0,"height":1},
             "nodeParent":1,
             "label":"Box",
-            "isOpen":true,
+            "isOpen":false,
             "isDirectory":true,
             "isAniNode":true,
             "hasChild":true,
             "compId":84,
             "child":[
                 {
-                    "x":30,
                     "type":"Box",
                     "props":{"y":200,"x":-200,"width":225,"var":"btnAchievement","runtime":"Laya.runtime.ScaleButton","name":"btnAchievement","height":90,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":84,
@@ -550,14 +548,13 @@
             "props":{"width":1,"left":0,"height":1,"bottom":0},
             "nodeParent":1,
             "label":"Box",
-            "isOpen":true,
+            "isOpen":false,
             "isDirectory":true,
             "isAniNode":true,
             "hasChild":true,
             "compId":85,
             "child":[
                 {
-                    "x":30,
                     "type":"Box",
                     "props":{"y":-175,"x":100,"width":160,"var":"btnGithub","runtime":"Laya.runtime.ScaleButton","name":"btnGithub","height":160,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":85,
@@ -582,7 +579,6 @@
                         }]
                 },
                 {
-                    "x":30,
                     "type":"Box",
                     "props":{"y":-355,"x":100,"width":160,"var":"btnDiscord","runtime":"Laya.runtime.ScaleButton","name":"btnDiscord","height":160,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":85,
@@ -606,6 +602,117 @@
                                 ]
                         }]
                 }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"right":0,"bottom":0},
+            "nodeParent":1,
+            "label":"Box",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":88,
+            "child":[
+                {
+                    "type":"Box",
+                    "props":{"y":-300,"x":-100,"width":110,"runtime":"Laya.runtime.ScaleButton","height":110,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":88,
+                    "label":"Box",
+                    "isOpen":true,
+                    "isDirectory":true,
+                    "isAniNode":true,
+                    "hasChild":true,
+                    "compId":90,
+                    "child":[
+                        {
+                            "type":"Box",
+                            "props":{"width":110,"var":"btnSaveLoad","runtime":"Laya.runtime.ColorfulBox","name":"btnSmall","height":110,"centerY":0,"centerX":0,"anchorY":0.5,"anchorX":0.5},
+                            "nodeParent":90,
+                            "label":"Box(btnSaveLoad)",
+                            "isOpen":true,
+                            "isDirectory":true,
+                            "isAniNode":true,
+                            "hasChild":true,
+                            "compId":91,
+                            "child":[
+                                {
+                                    "type":"Image",
+                                    "props":{"width":80,"skin":"images/icons/icon_save.png","height":80,"centerY":0,"centerX":0},
+                                    "nodeParent":91,
+                                    "label":"Image",
+                                    "isDirectory":false,
+                                    "isAniNode":true,
+                                    "hasChild":false,
+                                    "compId":92,
+                                    "child":[
+                                        ]
+                                }]
+                        }]
+                },
+                {
+                    "type":"Box",
+                    "props":{"y":-175,"x":-100,"width":110,"runtime":"Laya.runtime.ScaleButton","height":110,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":88,
+                    "label":"Box",
+                    "isOpen":true,
+                    "isDirectory":true,
+                    "isAniNode":true,
+                    "hasChild":true,
+                    "compId":89,
+                    "child":[
+                        {
+                            "type":"Box",
+                            "props":{"width":110,"var":"btnThemes","runtime":"Laya.runtime.ColorfulBox","name":"btnThemes","height":110,"centerY":0,"centerX":0,"anchorY":0.5,"anchorX":0.5},
+                            "nodeParent":89,
+                            "label":"Box(btnThemes)",
+                            "isOpen":false,
+                            "isDirectory":true,
+                            "isAniNode":true,
+                            "hasChild":true,
+                            "compId":86,
+                            "child":[
+                                {
+                                    "type":"Image",
+                                    "props":{"width":90,"skin":"images/icons/icon_themes.png","height":90,"centerY":0,"centerX":0},
+                                    "nodeParent":86,
+                                    "label":"Image",
+                                    "isDirectory":false,
+                                    "isAniNode":true,
+                                    "hasChild":false,
+                                    "compId":87,
+                                    "child":[
+                                        ]
+                                }]
+                        }]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"x":572,"var":"banner","centerX":0,"bottom":100,"anchorY":1,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(banner)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":93,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"text":"UI_Banner","fontSize":40,"font":"方正像素12","color":"#00fffd"},
+                    "nodeParent":93,
+                    "label":"Label",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":94,
+                    "child":[
+                        ]
+                }]
         }],
     "animations":[
         {

laya/pages/view/CyberTheme/CyberTrajectory.ui

@@ -1,8 +1,8 @@
 {
     "x":0,
     "type":"View",
-    "selectedBox":14,
+    "selectedBox":88,
-    "selecteID":13,
+    "selecteID":153,
     "props":{"width":1125,"sceneColor":"#000000","sceneBg":"laya/views/view/CyberTheme/CyberTrajectory.png","runtime":"Laya.runtime.ViewBase","height":2436},
     "nodeParent":-1,
     "label":"View",
@@ -550,14 +550,13 @@
             "props":{"right":0,"left":0,"height":1,"bottom":-1},
             "nodeParent":1,
             "label":"Box",
-            "isOpen":true,
+            "isOpen":false,
             "isDirectory":true,
             "isAniNode":true,
             "hasChild":true,
             "compId":14,
             "child":[
                 {
-                    "x":30,
                     "type":"Button",
                     "props":{"y":-155,"width":500,"var":"btnSummary","skin":"images/button/button_main@3x.png","name":"btnSummary","label":"UI_Goto_Summary","centerX":0},
                     "nodeParent":14,
@@ -569,7 +568,6 @@
                     "compId":13,
                     "child":[
                         {
-                            "x":45,
                             "type":"Box",
                             "props":{},
                             "nodeParent":13,
@@ -750,7 +748,6 @@
                                 }]
                         },
                         {
-                            "x":45,
                             "type":"Box",
                             "props":{},
                             "nodeParent":13,
@@ -824,7 +821,6 @@
                     "$HIDDEN":false
                 },
                 {
-                    "x":30,
                     "type":"Box",
                     "props":{"y":-155,"var":"boxSpeed","right":100,"name":"boxSpeed","left":100,"height":150,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":14,
@@ -836,7 +832,6 @@
                     "compId":104,
                     "child":[
                         {
-                            "x":45,
                             "type":"ProgressBar",
                             "props":{"var":"prgSpeed","skin":"images/progress/progress_s.png","right":0,"name":"prgSpeed","left":0,"bottom":0},
                             "nodeParent":104,
@@ -849,7 +844,6 @@
                                 ]
                         },
                         {
-                            "x":45,
                             "type":"HScrollBar",
                             "props":{"var":"scbSpeed","skin":"images/slider/hslider_s.png","right":0,"name":"scbSpeed","min":0,"max":1000,"left":0,"height":60,"bottom":0},
                             "nodeParent":104,
@@ -862,7 +856,6 @@
                                 ]
                         },
                         {
-                            "x":45,
                             "type":"Label",
                             "props":{"text":"UI_Manual","fontSize":50,"font":"方正像素12","color":"#55fffe","bottom":70},
                             "nodeParent":104,
@@ -875,7 +868,6 @@
                                 ]
                         },
                         {
-                            "x":45,
                             "type":"Label",
                             "props":{"text":"UI_Auto","right":0,"fontSize":50,"font":"方正像素12","color":"#55fffe","bottom":70},
                             "nodeParent":104,
@@ -934,13 +926,14 @@
                             "props":{"var":"vboxTrajectory","top":0,"right":40,"name":"vboxTrajectory","left":20},
                             "nodeParent":18,
                             "label":"VBox(vboxTrajectory)",
-                            "isOpen":false,
+                            "isOpen":true,
                             "isDirectory":true,
                             "isAniNode":true,
                             "hasChild":true,
                             "compId":17,
                             "child":[
                                 {
+                                    "x":60,
                                     "type":"Box",
                                     "props":{"right":0,"name":"boxTrajectoryItem","left":0},
                                     "nodeParent":17,
@@ -952,11 +945,25 @@
                                     "compId":88,
                                     "child":[
                                         {
+                                            "x":75,
+                                            "type":"Box",
+                                            "props":{"y":0,"width":10,"top":0,"runtime":"Laya.runtime.ColorfulBox","name":"boxGrade","left":0,"height":50},
+                                            "nodeParent":88,
+                                            "label":"Box(boxGrade)",
+                                            "isDirectory":false,
+                                            "isAniNode":true,
+                                            "hasChild":false,
+                                            "compId":153,
+                                            "child":[
+                                                ]
+                                        },
+                                        {
+                                            "x":75,
                                             "type":"HBox",
-                                            "props":{"y":0,"x":200,"name":"hboxAge","anchorX":1,"align":"middle"},
+                                            "props":{"y":0,"x":220,"name":"hboxAge","anchorX":1,"align":"middle"},
                                             "nodeParent":88,
                                             "label":"HBox(hboxAge)",
-                                            "isOpen":true,
+                                            "isOpen":false,
                                             "isDirectory":true,
                                             "isAniNode":true,
                                             "hasChild":true,
@@ -1000,8 +1007,9 @@
                                                 }]
                                         },
                                         {
+                                            "x":75,
                                             "type":"Label",
-                                            "props":{"wordWrap":true,"text":"你的父母开始辅导你数学和英语，智力+1","right":0,"name":"labContent","left":220,"leading":44,"fontSize":50,"font":"方正像素12","color":"#ffffff"},
+                                            "props":{"wordWrap":true,"text":"你的父母开始辅导你数学和英语，智力+1","right":0,"name":"labContent","left":240,"leading":44,"fontSize":50,"font":"方正像素12","color":"#ffffff"},
                                             "nodeParent":88,
                                             "label":"Label(labContent)",
                                             "isDirectory":false,
@@ -1113,6 +1121,32 @@
                                 }]
                         }]
                 }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":10,"var":"boxParticle","name":"boxParticle","height":10,"centerY":0,"centerX":0},
+            "nodeParent":1,
+            "label":"Box(boxParticle)",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":152,
+            "child":[
+                {
+                    "type":"Particle2D",
+                    "source":"particle/fly.part",
+                    "props":{"y":5,"x":5,"url":"particle/fly.part","autoPlay":true},
+                    "nodeParent":152,
+                    "label":"Particle2D",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":151,
+                    "child":[
+                        ]
+                }]
         }],
     "animations":[
         {

laya/pages/view/CyberTheme/Mode.ui

@@ -0,0 +1,128 @@
+{
+    "x":0,
+    "type":"View",
+    "selectedBox":1,
+    "selecteID":8,
+    "props":{"width":1125,"sceneColor":"#000000","height":2436},
+    "nodeParent":-1,
+    "label":"View",
+    "isOpen":true,
+    "isDirectory":true,
+    "isAniNode":true,
+    "hasChild":true,
+    "compId":1,
+    "child":[
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"y":10,"x":10,"width":600,"var":"btnCustom","runtime":"Laya.runtime.ScaleButton","name":"btn","height":400,"centerY":-400,"centerX":0},
+            "nodeParent":1,
+            "label":"Box(btnCustom)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":2,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Image",
+                    "props":{"top":-15,"skin":"images/border/achievement_complete@3x.png","right":-15,"left":-15,"bottom":-15},
+                    "nodeParent":2,
+                    "label":"Image",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":10,
+                    "child":[
+                        ]
+                },
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"top":50,"text":"UI_CustomMode","fontSize":80,"font":"方正像素12","color":"#ffffff","centerX":0,"bold":true},
+                    "nodeParent":2,
+                    "label":"Label",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":4,
+                    "child":[
+                        ]
+                },
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"top":200,"text":"UI_CustomModeDescription","right":0,"left":0,"leading":20,"fontSize":40,"font":"方正像素12","color":"#bcbcbc","bottom":0,"align":"center"},
+                    "nodeParent":2,
+                    "label":"Label",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":5,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"y":10,"x":20,"width":600,"var":"btnCelebrity","runtime":"Laya.runtime.ScaleButton","name":"btn","height":400,"centerY":400,"centerX":0},
+            "nodeParent":1,
+            "label":"Box(btnCelebrity)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":3,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Image",
+                    "props":{"y":-15,"x":-15,"top":-15,"skin":"images/border/achievement_complete@3x.png","right":-15,"left":-15,"bottom":-15},
+                    "nodeParent":3,
+                    "label":"Image",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":11,
+                    "child":[
+                        ]
+                },
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"top":50,"text":"UI_CelebrityMode","fontSize":80,"font":"方正像素12","color":"#ffffff","centerX":0,"bold":true},
+                    "nodeParent":3,
+                    "label":"Label",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":7,
+                    "child":[
+                        ]
+                },
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"top":200,"text":"UI_CelebrityModeDescription","right":0,"left":0,"leading":20,"fontSize":40,"font":"方正像素12","color":"#bcbcbc","bottom":0,"align":"center"},
+                    "nodeParent":3,
+                    "label":"Label",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":8,
+                    "child":[
+                        ]
+                }]
+        }],
+    "animations":[
+        {
+            "nodes":[
+                ],
+            "name":"ani1",
+            "id":1,
+            "frameRate":24,
+            "action":0
+        }]
+}

laya/pages/view/DefaultTheme/Celebrity.ui

@@ -0,0 +1,306 @@
+{
+    "x":0,
+    "type":"View",
+    "selectedBox":1,
+    "selecteID":28,
+    "props":{"width":1125,"sceneColor":"#000000","height":2436},
+    "nodeParent":-1,
+    "label":"View",
+    "isOpen":true,
+    "isDirectory":true,
+    "isAniNode":true,
+    "hasChild":true,
+    "compId":1,
+    "child":[
+        {
+            "x":15,
+            "type":"Label",
+            "props":{"y":80,"text":"UI_Title_Celebrity","name":"title","fontSize":80,"font":"SimHei","color":"#ffffff","centerX":0},
+            "nodeParent":1,
+            "label":"Label(title)",
+            "isDirectory":false,
+            "isAniNode":true,
+            "hasChild":false,
+            "compId":19,
+            "child":[
+                ]
+        },
+        {
+            "x":15,
+            "type":"Panel",
+            "props":{"var":"panelCharacter","vScrollBarSkin":" ","top":200,"right":0,"name":"panelCharacter","left":0,"bottom":700},
+            "nodeParent":1,
+            "label":"Panel(panelCharacter)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":2,
+            "child":[
+                {
+                    "x":30,
+                    "type":"VBox",
+                    "props":{"y":10,"width":1000,"var":"vboxCharacter","space":20,"name":"vboxCharacter","centerX":0},
+                    "nodeParent":2,
+                    "label":"VBox(vboxCharacter)",
+                    "isOpen":true,
+                    "isDirectory":true,
+                    "isAniNode":true,
+                    "hasChild":true,
+                    "compId":8,
+                    "child":[
+                        {
+                            "x":45,
+                            "type":"Box",
+                            "props":{"right":0,"name":"boxCharacter","left":0},
+                            "nodeParent":8,
+                            "label":"Box(boxCharacter)",
+                            "isOpen":false,
+                            "isDirectory":true,
+                            "isAniNode":true,
+                            "hasChild":true,
+                            "compId":10,
+                            "child":[
+                                {
+                                    "type":"Box",
+                                    "props":{"y":0,"runtime":"Laya.runtime.ColorfulBox","right":0,"name":"boxName","left":0,"height":100},
+                                    "nodeParent":10,
+                                    "label":"Box(boxName)",
+                                    "isOpen":false,
+                                    "isDirectory":true,
+                                    "isAniNode":true,
+                                    "hasChild":true,
+                                    "compId":12,
+                                    "child":[
+                                        {
+                                            "type":"Label",
+                                            "props":{"valign":"middle","text":"颜值10 智力10 体质10 家境Π","name":"label","fontSize":55,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"align":"center"},
+                                            "nodeParent":12,
+                                            "label":"Label(label)",
+                                            "isDirectory":false,
+                                            "isAniNode":true,
+                                            "hasChild":false,
+                                            "compId":18,
+                                            "child":[
+                                                ]
+                                        }]
+                                },
+                                {
+                                    "type":"VBox",
+                                    "props":{"top":100,"space":20,"runtime":"Laya.runtime.ColorfulBox","right":25,"name":"vboxStates","left":25},
+                                    "nodeParent":10,
+                                    "label":"VBox(vboxStates)",
+                                    "isOpen":true,
+                                    "isDirectory":true,
+                                    "isAniNode":true,
+                                    "hasChild":true,
+                                    "compId":11,
+                                    "child":[
+                                        {
+                                            "type":"Label",
+                                            "props":{"valign":"middle","text":"颜值10 智力10 体质10 家境Π","name":"label","height":100,"fontSize":55,"font":"SimHei","color":"#ffffff","centerX":0,"align":"center"},
+                                            "nodeParent":11,
+                                            "label":"Label(label)",
+                                            "isDirectory":false,
+                                            "isAniNode":true,
+                                            "hasChild":false,
+                                            "compId":14,
+                                            "child":[
+                                                ]
+                                        }]
+                                }]
+                        },
+                        {
+                            "x":45,
+                            "type":"Box",
+                            "props":{"runtime":"Laya.runtime.ColorfulBox","right":25,"name":"boxTalent","left":25,"height":100},
+                            "nodeParent":8,
+                            "label":"Box(boxTalent)",
+                            "isOpen":false,
+                            "isDirectory":true,
+                            "isAniNode":true,
+                            "hasChild":true,
+                            "compId":15,
+                            "child":[
+                                {
+                                    "type":"Label",
+                                    "props":{"valign":"middle","text":"颜值10 智力10 体质10 家境Π","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"align":"center"},
+                                    "nodeParent":15,
+                                    "label":"Label(label)",
+                                    "isDirectory":false,
+                                    "isAniNode":true,
+                                    "hasChild":false,
+                                    "compId":17,
+                                    "child":[
+                                        ]
+                                }]
+                        },
+                        {
+                            "x":45,
+                            "type":"Box",
+                            "props":{"y":10,"x":10,"right":0,"name":"boxUniqueUnGenerate","left":0},
+                            "nodeParent":8,
+                            "label":"Box(boxUniqueUnGenerate)",
+                            "isOpen":true,
+                            "isDirectory":true,
+                            "isAniNode":true,
+                            "hasChild":true,
+                            "compId":20,
+                            "child":[
+                                {
+                                    "x":60,
+                                    "type":"Box",
+                                    "props":{"y":0,"runtime":"Laya.runtime.ColorfulBox","right":0,"name":"boxName","left":0,"height":100},
+                                    "nodeParent":20,
+                                    "label":"Box(boxName)",
+                                    "isOpen":true,
+                                    "isDirectory":true,
+                                    "isAniNode":true,
+                                    "hasChild":true,
+                                    "compId":21,
+                                    "child":[
+                                        {
+                                            "x":75,
+                                            "type":"Label",
+                                            "props":{"valign":"middle","text":"UI_UniqueWaTaShi","name":"label","fontSize":55,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"align":"center"},
+                                            "nodeParent":21,
+                                            "label":"Label(label)",
+                                            "isDirectory":false,
+                                            "isAniNode":true,
+                                            "hasChild":false,
+                                            "compId":22,
+                                            "child":[
+                                                ]
+                                        }]
+                                },
+                                {
+                                    "x":60,
+                                    "type":"VBox",
+                                    "props":{"top":100,"space":20,"runtime":"Laya.runtime.ColorfulBox","right":25,"name":"vboxStates","left":25},
+                                    "nodeParent":20,
+                                    "label":"VBox(vboxStates)",
+                                    "isOpen":true,
+                                    "isDirectory":true,
+                                    "isAniNode":true,
+                                    "hasChild":true,
+                                    "compId":23,
+                                    "child":[
+                                        {
+                                            "x":75,
+                                            "type":"Label",
+                                            "props":{"y":1,"valign":"middle","text":"UI_UniqueWaTaShiContent","right":0,"name":"label","left":0,"leading":30,"fontSize":55,"font":"SimHei","color":"#ffffff","align":"center"},
+                                            "nodeParent":23,
+                                            "label":"Label(label)",
+                                            "isOpen":true,
+                                            "isDirectory":false,
+                                            "isAniNode":true,
+                                            "hasChild":false,
+                                            "compId":24,
+                                            "child":[
+                                                ]
+                                        },
+                                        {
+                                            "x":75,
+                                            "type":"Box",
+                                            "props":{"y":2,"right":0,"name":"boxBtn","left":0,"height":150},
+                                            "nodeParent":23,
+                                            "label":"Box(boxBtn)",
+                                            "isOpen":true,
+                                            "isDirectory":true,
+                                            "isAniNode":true,
+                                            "hasChild":true,
+                                            "compId":25,
+                                            "child":[
+                                                {
+                                                    "x":90,
+                                                    "type":"Box",
+                                                    "props":{"runtime":"Laya.runtime.ColorfulBox","right":50,"name":"btn","left":50,"height":120,"centerY":0},
+                                                    "nodeParent":25,
+                                                    "label":"Box(btn)",
+                                                    "isOpen":true,
+                                                    "isDirectory":true,
+                                                    "isAniNode":true,
+                                                    "hasChild":true,
+                                                    "compId":26,
+                                                    "child":[
+                                                        {
+                                                            "x":105,
+                                                            "type":"Label",
+                                                            "props":{"y":30,"x":290,"text":"UI_GenerateNow","name":"label","fontSize":60,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0},
+                                                            "nodeParent":26,
+                                                            "label":"Label(label)",
+                                                            "isDirectory":false,
+                                                            "isAniNode":true,
+                                                            "hasChild":false,
+                                                            "compId":27,
+                                                            "child":[
+                                                                ]
+                                                        }]
+                                                }]
+                                        }]
+                                }]
+                        }]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":480,"var":"btnRetry","runtime":"Laya.runtime.ColorfulBox","name":"btnRetry","height":150,"centerX":0,"bottom":400},
+            "nodeParent":1,
+            "label":"Box(btnRetry)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":4,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"text":"UI_AllNot","name":"label","fontSize":60,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0},
+                    "nodeParent":4,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":5,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":480,"var":"btnNext","runtime":"Laya.runtime.ColorfulBox","name":"btnNext","height":150,"centerX":0,"bottom":150},
+            "nodeParent":1,
+            "label":"Box(btnNext)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":6,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"text":"UI_Make_New_Life","name":"label","fontSize":60,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0},
+                    "nodeParent":6,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":7,
+                    "child":[
+                        ]
+                }]
+        }],
+    "animations":[
+        {
+            "nodes":[
+                ],
+            "name":"ani1",
+            "id":1,
+            "frameRate":24,
+            "action":0
+        }]
+}

laya/pages/view/DefaultTheme/Main.ui

@@ -1,8 +1,8 @@
 {
     "x":0,
     "type":"View",
-    "selectedBox":1,
+    "selectedBox":101,
-    "selecteID":83,
+    "selecteID":102,
     "props":{"y":1218,"x":562,"width":1125,"sceneColor":"#000000","runtime":"Laya.runtime.ViewBase","height":2436,"anchorY":0.5,"anchorX":0.5},
     "nodeParent":-1,
     "label":"View",
@@ -15,9 +15,9 @@
         {
             "x":15,
             "type":"Label",
-            "props":{"var":"labTitle","text":"UI_Title_Remake","name":"labTitle","fontSize":130,"font":"SimHei","color":"#ffffff","centerY":-260,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+            "props":{"text":"UI_Title_Remake","name":"title","fontSize":130,"font":"SimHei","color":"#ffffff","centerY":-260,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
             "nodeParent":1,
-            "label":"Label(labTitle)",
+            "label":"Label(title)",
             "isDirectory":false,
             "isAniNode":true,
             "hasChild":false,
@@ -28,7 +28,7 @@
         {
             "x":15,
             "type":"Label",
-            "props":{"wordWrap":true,"var":"labSubTitle","text":"UI_Title_Subsequent","right":0,"name":"labSubTitle","left":0,"fontSize":70,"font":"SimHei","color":"#999999","centerY":-120,"anchorY":0.5,"anchorX":0.5,"align":"center"},
+            "props":{"wordWrap":true,"var":"labSubTitle","text":"UI_Title_Subsequent","right":0,"name":"title","left":0,"fontSize":70,"font":"SimHei","color":"#999999","centerY":-120,"anchorY":0.5,"anchorX":0.5,"align":"center"},
             "nodeParent":1,
             "label":"Label(labSubTitle)",
             "isDirectory":false,
@@ -195,14 +195,13 @@
             "props":{"width":160,"left":50,"height":160,"bottom":50},
             "nodeParent":1,
             "label":"Box",
-            "isOpen":true,
+            "isOpen":false,
             "isDirectory":true,
             "isAniNode":true,
             "hasChild":true,
             "compId":92,
             "child":[
                 {
-                    "x":30,
                     "type":"Box",
                     "props":{"width":160,"var":"btnDiscord","runtime":"Laya.runtime.ScaleButton","name":"btnDiscord","height":160,"centerY":0,"centerX":0,"anchorY":0.5,"anchorX":0.5},
                     "nodeParent":92,
@@ -226,6 +225,83 @@
                                 ]
                         }]
                 }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"y":2201,"x":1020,"width":110,"var":"btnSaveLoad","runtime":"Laya.runtime.ColorfulBox","right":50,"name":"btnSmall","height":110,"bottom":180,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnSaveLoad)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":99,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Image",
+                    "props":{"width":80,"skin":"images/icons/icon_save.png","height":80,"centerY":0,"centerX":0},
+                    "nodeParent":99,
+                    "label":"Image",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":100,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":110,"var":"btnThemes","runtime":"Laya.runtime.ColorfulBox","right":50,"name":"btnThemes","height":110,"bottom":50,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnThemes)",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":96,
+            "child":[
+                {
+                    "type":"Image",
+                    "props":{"width":90,"skin":"images/icons/icon_themes.png","height":90,"centerY":0,"centerX":0},
+                    "nodeParent":96,
+                    "label":"Image",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":98,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"x":562,"var":"banner","centerX":0,"bottom":100,"anchorY":1,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(banner)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":101,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"text":"UI_Banner","name":"title","fontSize":40,"font":"SimHei","color":"#ffffff"},
+                    "nodeParent":101,
+                    "label":"Label(title)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":102,
+                    "child":[
+                        ]
+                }]
         }],
     "animations":[
         {

laya/pages/view/DefaultTheme/Mode.ui

@@ -0,0 +1,128 @@
+{
+    "x":0,
+    "type":"View",
+    "selectedBox":1,
+    "selecteID":11,
+    "props":{"width":1125,"sceneColor":"#000000","height":2436},
+    "nodeParent":-1,
+    "label":"View",
+    "isOpen":true,
+    "isDirectory":true,
+    "isAniNode":true,
+    "hasChild":true,
+    "compId":1,
+    "child":[
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":600,"var":"btnCustom","runtime":"Laya.runtime.ColorfulBox","name":"btn","height":400,"centerY":-400,"centerX":0},
+            "nodeParent":1,
+            "label":"Box(btnCustom)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":2,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"top":50,"text":"UI_CustomMode","name":"font_default","fontSize":80,"font":"SimHei","color":"#ffffff","centerX":0,"bold":true},
+                    "nodeParent":2,
+                    "label":"Label(font_default)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":4,
+                    "child":[
+                        ]
+                },
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"top":200,"text":"UI_CustomModeDescription","right":0,"name":"font_default","left":0,"leading":20,"fontSize":40,"font":"SimHei","color":"#ffffff","bottom":0,"align":"center"},
+                    "nodeParent":2,
+                    "label":"Label(font_default)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":5,
+                    "child":[
+                        ]
+                },
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"runtime":"Laya.runtime.ColorAgentLabel","name":"label"},
+                    "nodeParent":2,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":10,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"x":10,"width":600,"var":"btnCelebrity","runtime":"Laya.runtime.ColorfulBox","name":"btn","height":400,"centerY":400,"centerX":0},
+            "nodeParent":1,
+            "label":"Box(btnCelebrity)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":3,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"top":50,"text":"UI_CelebrityMode","name":"font_default","fontSize":80,"font":"SimHei","color":"#ffffff","centerX":0,"bold":true},
+                    "nodeParent":3,
+                    "label":"Label(font_default)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":8,
+                    "child":[
+                        ]
+                },
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"top":200,"text":"UI_CelebrityModeDescription","right":0,"name":"font_default","left":0,"leading":20,"fontSize":40,"font":"SimHei","color":"#ffffff","bottom":0,"align":"center"},
+                    "nodeParent":3,
+                    "label":"Label(font_default)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":9,
+                    "child":[
+                        ]
+                },
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"y":10,"x":10,"runtime":"Laya.runtime.ColorAgentLabel","name":"label"},
+                    "nodeParent":3,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":11,
+                    "child":[
+                        ]
+                }]
+        }],
+    "animations":[
+        {
+            "nodes":[
+                ],
+            "name":"ani1",
+            "id":1,
+            "frameRate":24,
+            "action":0
+        }]
+}

laya/pages/view/DefaultTheme/Trajectory.ui

@@ -2,7 +2,7 @@
     "x":0,
     "type":"View",
     "selectedBox":1,
-    "selecteID":102,
+    "selecteID":95,
     "props":{"width":1125,"sceneColor":"#000000","runtime":"Laya.runtime.ViewBase","height":2436},
     "nodeParent":-1,
     "label":"View",
@@ -501,6 +501,32 @@
                 }],
             "$LOCKED":true,
             "$HIDDEN":false
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":10,"var":"boxParticle","name":"boxParticle","height":10,"centerY":0,"centerX":0},
+            "nodeParent":1,
+            "label":"Box(boxParticle)",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":153,
+            "child":[
+                {
+                    "type":"Particle2D",
+                    "source":"particle/fly.part",
+                    "props":{"y":5,"x":5,"url":"particle/fly.part","autoPlay":true},
+                    "nodeParent":153,
+                    "label":"Particle2D",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":154,
+                    "child":[
+                        ]
+                }]
         }],
     "animations":[
         {

laya/pages/view/MessagePopup.ui

@@ -0,0 +1,50 @@
+{
+    "x":0,
+    "type":"View",
+    "selectedBox":1,
+    "selecteID":2,
+    "props":{"width":1100,"sceneColor":"#000000","mouseThrough":true,"mouseEnabled":false,"height":230},
+    "nodeParent":-1,
+    "label":"View",
+    "isOpen":true,
+    "isDirectory":true,
+    "isAniNode":true,
+    "hasChild":true,
+    "compId":1,
+    "child":[
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"var":"boxBg","top":10,"runtime":"Laya.runtime.ColorfulBox","right":10,"name":"boxBg","left":10,"bottom":10,"alpha":0.75},
+            "nodeParent":1,
+            "label":"Box(boxBg)",
+            "isDirectory":false,
+            "isAniNode":true,
+            "hasChild":false,
+            "compId":3,
+            "child":[
+                ]
+        },
+        {
+            "x":15,
+            "type":"Label",
+            "props":{"wordWrap":true,"var":"message","text":"消息","right":50,"name":"message","left":50,"fontSize":60,"font":"SimHei","color":"#ffffff","centerY":0,"align":"center"},
+            "nodeParent":1,
+            "label":"Label(message)",
+            "isDirectory":false,
+            "isAniNode":true,
+            "hasChild":false,
+            "compId":2,
+            "child":[
+                ]
+        }],
+    "animations":[
+        {
+            "nodes":[
+                ],
+            "name":"ani1",
+            "id":1,
+            "frameRate":24,
+            "action":0
+        }]
+}

laya/pages/view/SaveLoad.ui

@@ -0,0 +1,273 @@
+{
+    "x":0,
+    "type":"Dialog",
+    "selectedBox":1,
+    "selecteID":25,
+    "props":{"width":645,"sceneColor":"#000000","height":400},
+    "nodeParent":-1,
+    "label":"Dialog",
+    "isOpen":true,
+    "isDirectory":true,
+    "isAniNode":true,
+    "hasChild":true,
+    "compId":1,
+    "child":[
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"top":0,"right":0,"left":0,"bottom":300},
+            "nodeParent":1,
+            "label":"Box",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":15,
+            "child":[
+                {
+                    "type":"Box",
+                    "props":{"y":0,"x":0,"width":645,"height":2},
+                    "nodeParent":15,
+                    "label":"Box",
+                    "isOpen":null,
+                    "isDirectory":true,
+                    "isAniNode":true,
+                    "hasChild":true,
+                    "compId":19,
+                    "child":[
+                        {
+                            "type":"Rect",
+                            "props":{"width":645,"lineWidth":1,"height":2,"fillColor":"#97ffe6"},
+                            "nodeParent":19,
+                            "label":"Rect",
+                            "isDirectory":false,
+                            "isAniNode":true,
+                            "hasChild":false,
+                            "compId":17,
+                            "child":[
+                                ]
+                        }]
+                },
+                {
+                    "type":"Box",
+                    "props":{"width":645,"height":2,"centerX":0,"bottom":0},
+                    "nodeParent":15,
+                    "label":"Box",
+                    "isOpen":null,
+                    "isDirectory":true,
+                    "isAniNode":true,
+                    "hasChild":true,
+                    "compId":20,
+                    "child":[
+                        {
+                            "type":"Rect",
+                            "props":{"width":645,"lineWidth":1,"height":2,"fillColor":"#97ffe6"},
+                            "nodeParent":20,
+                            "label":"Rect",
+                            "isDirectory":false,
+                            "isAniNode":true,
+                            "hasChild":false,
+                            "compId":21,
+                            "child":[
+                                ]
+                        }]
+                },
+                {
+                    "type":"Box",
+                    "props":{"width":645,"height":100,"centerY":0,"centerX":0,"alpha":0.2},
+                    "nodeParent":15,
+                    "label":"Box",
+                    "isOpen":true,
+                    "isDirectory":true,
+                    "isAniNode":true,
+                    "hasChild":true,
+                    "compId":22,
+                    "child":[
+                        {
+                            "type":"Rect",
+                            "props":{"width":645,"lineWidth":1,"height":100,"fillColor":"#000000"},
+                            "nodeParent":22,
+                            "label":"Rect",
+                            "isDirectory":false,
+                            "isAniNode":true,
+                            "hasChild":false,
+                            "compId":23,
+                            "child":[
+                                ]
+                        }]
+                }]
+        },
+        {
+            "x":15,
+            "type":"TextInput",
+            "props":{"wordWrap":false,"var":"input","valign":"middle","top":0,"text":"content","right":0,"overflow":"scroll","left":0,"fontSize":35,"font":"SimHei","color":"#ffffff","bottom":300},
+            "nodeParent":1,
+            "label":"TextInput(input)",
+            "isDirectory":false,
+            "isAniNode":true,
+            "hasChild":false,
+            "compId":4,
+            "child":[
+                ]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":120,"var":"btnSave","runtime":"Laya.runtime.ColorfulBox","name":"btnSmall","left":5,"height":120,"bottom":155,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnSave)",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":5,
+            "child":[
+                {
+                    "type":"Label",
+                    "props":{"text":"UI_Save","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":5,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":7,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":120,"var":"btnLoad","runtime":"Laya.runtime.ColorfulBox","name":"btnSmall","left":130,"height":120,"bottom":155,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnLoad)",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":6,
+            "child":[
+                {
+                    "type":"Label",
+                    "props":{"text":"UI_Load","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":6,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":8,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":120,"var":"btnRead","runtime":"Laya.runtime.ColorfulBox","name":"btnSmall","left":260,"height":120,"bottom":155,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnRead)",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":13,
+            "child":[
+                {
+                    "type":"Label",
+                    "props":{"text":"UI_Read","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":13,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":14,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":120,"var":"btnWrite","runtime":"Laya.runtime.ColorfulBox","name":"btnSmall","left":390,"height":120,"bottom":155,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnWrite)",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":11,
+            "child":[
+                {
+                    "type":"Label",
+                    "props":{"text":"UI_Write","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":11,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":12,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"x":10,"width":120,"var":"btnClose","runtime":"Laya.runtime.ColorfulBox","right":5,"name":"btnSmall","height":120,"bottom":155,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnClose)",
+            "isOpen":false,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":9,
+            "child":[
+                {
+                    "type":"Label",
+                    "props":{"text":"×","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":9,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":10,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"y":20,"var":"btnBackup","runtime":"Laya.runtime.ColorfulBox","right":5,"name":"btnBackup","left":5,"height":120,"bottom":5,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnBackup)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":25,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"text":"UI_BackupBtn","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":25,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":26,
+                    "child":[
+                        ]
+                }]
+        }],
+    "animations":[
+        {
+            "nodes":[
+                ],
+            "name":"ani1",
+            "id":1,
+            "frameRate":24,
+            "action":0
+        }]
+}

laya/pages/view/Themes.ui

@@ -0,0 +1,141 @@
+{
+    "x":0,
+    "type":"Dialog",
+    "selectedBox":1,
+    "selecteID":13,
+    "props":{"width":350,"sceneColor":"#000000","height":550},
+    "nodeParent":-1,
+    "label":"Dialog",
+    "isOpen":true,
+    "isDirectory":true,
+    "isAniNode":true,
+    "hasChild":true,
+    "compId":1,
+    "child":[
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"top":20,"right":20,"left":20,"bottom":130},
+            "nodeParent":1,
+            "label":"Box",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":6,
+            "child":[
+                {
+                    "x":30,
+                    "type":"RadioGroup",
+                    "props":{"var":"radioTheme","name":"radioTheme","height":380,"centerY":0,"centerX":0},
+                    "nodeParent":6,
+                    "label":"RadioGroup(radioTheme)",
+                    "isOpen":true,
+                    "isDirectory":true,
+                    "isAniNode":true,
+                    "hasChild":true,
+                    "compId":13,
+                    "child":[
+                        {
+                            "x":45,
+                            "type":"Radio",
+                            "props":{"width":300,"top":0,"skin":"images/radio/radio_cyber.png","name":"item0","height":100},
+                            "nodeParent":13,
+                            "label":"Radio(item0)",
+                            "isDirectory":false,
+                            "isAniNode":true,
+                            "hasChild":false,
+                            "compId":10,
+                            "child":[
+                                ]
+                        },
+                        {
+                            "x":45,
+                            "type":"Radio",
+                            "props":{"width":300,"skin":"images/radio/radio_dark.png","name":"item1","height":100,"centerY":0},
+                            "nodeParent":13,
+                            "label":"Radio(item1)",
+                            "isDirectory":false,
+                            "isAniNode":true,
+                            "hasChild":false,
+                            "compId":11,
+                            "child":[
+                                ]
+                        },
+                        {
+                            "x":45,
+                            "type":"Radio",
+                            "props":{"width":300,"skin":"images/radio/radio_light.png","name":"item2","height":100,"bottom":0},
+                            "nodeParent":13,
+                            "label":"Radio(item2)",
+                            "isDirectory":false,
+                            "isAniNode":true,
+                            "hasChild":false,
+                            "compId":12,
+                            "child":[
+                                ]
+                        }]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":90,"var":"btnOK","runtime":"Laya.runtime.ColorfulBox","name":"btnSmall","left":20,"height":90,"bottom":20,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnOK)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":2,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"text":"√","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":2,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":3,
+                    "child":[
+                        ]
+                }]
+        },
+        {
+            "x":15,
+            "type":"Box",
+            "props":{"width":90,"var":"btnClose","runtime":"Laya.runtime.ColorfulBox","right":20,"name":"btnSmall","height":90,"bottom":20,"anchorY":0.5,"anchorX":0.5},
+            "nodeParent":1,
+            "label":"Box(btnClose)",
+            "isOpen":true,
+            "isDirectory":true,
+            "isAniNode":true,
+            "hasChild":true,
+            "compId":14,
+            "child":[
+                {
+                    "x":30,
+                    "type":"Label",
+                    "props":{"text":"×","name":"label","fontSize":50,"font":"SimHei","color":"#ffffff","centerY":0,"centerX":0,"bold":true,"anchorY":0.5,"anchorX":0.5},
+                    "nodeParent":14,
+                    "label":"Label(label)",
+                    "isDirectory":false,
+                    "isAniNode":true,
+                    "hasChild":false,
+                    "compId":15,
+                    "child":[
+                        ]
+                }]
+        }],
+    "animations":[
+        {
+            "nodes":[
+                ],
+            "name":"ani1",
+            "id":1,
+            "frameRate":24,
+            "action":0
+        }]
+}

package.json

@@ -1,24 +1,19 @@
 {
     "name": "life_restart",
     "type": "module",
-    "bin": "repl/index.js",
+    "main": "repl/index.js",
-    "version": "2.0.0",
+    "version": "2.1.0",
+    "author": "Vick Scarlet <vick@syaro.io>",
     "scripts": {
-        "test": "node test",
+        "xlsx2json": "vt transform -d public \"data/**/*.xlsx\"",
-        "xlsxTransform": "vt transform data",
+        "dev": "vite",
-        "xlsx2json": "vt transform jobs/xlsx2json/config.json",
+        "build": "vite build",
-        "dev": "webpack serve --open /view/index.html",
+        "start": "vite preview",
-        "build": "webpack --mode production"
+        "test": "vitest"
     },
     "devDependencies": {
-        "@babel/core": "^7.15.4",
+        "v-transform": "^2.1.1",
-        "@babel/preset-env": "^7.15.4",
+        "vite": "^6.2.5",
-        "babel-loader": "^8.2.2",
+        "vitest": "^3.1.1"
-        "core-js": "^3.17.2",
-        "html-webpack-plugin": "^5.5.0",
-        "v-transform": "^1.0.1",
-        "webpack": "^5.64.4",
-        "webpack-cli": "^4.8.0",
-        "webpack-dev-server": "^4.1.0"
     }
 }

public/images/atlas/.rec

@@ -35,9 +35,11 @@ P 3FA91C13 icon_github.png
 P AB934AEA icon_int@3x.png
 P F1A0724B icon_mny@3x.png
 P D5AADAC9 icon_rank@3x.png
+P 0806E5F3 icon_save.png
 P 2DB0325D icon_spr@3x.png
 P 2EFA541B icon_str@3x.png
 P 804842C9 icon_thanks@3x.png
+P 96DD5D94 icon_themes.png
 P 6ECB5FEC icon_up@3x.png
 D images/progress
 P E2BF0C93 progress_1@3x$bar.png
@@ -46,6 +48,10 @@ P E7F15BA7 progress_2$bar.png
 P 641A22BF progress_2.png
 P AF80A9AF progress_s$bar.png
 P 41417E8D progress_s.png
+D images/radio
+P CCF63014 radio_cyber.png
+P 040DE73C radio_dark.png
+P BA975F5A radio_light.png
 D images/resource
 P F3659301 bottombreath.png
 P 496D6FB9 circle.png
@@ -59,3 +65,5 @@ R 8B95E6D3 vslider_1@3x$bar.png
 P 6581FBA8 vslider_1@3x$down.png
 P 6581FBA8 vslider_1@3x$up.png
 R C9587878 vslider_1@3x.png
+D images/texture
+P FD231754 texture_1.png

public/images/atlas/images/icons.atlas

@@ -1 +1 @@
-{"frames":{"icon_achievement@3x.png":{"frame":{"h":69,"idx":0,"w":65,"x":0,"y":385},"sourceSize":{"h":69,"w":65},"spriteSourceSize":{"x":0,"y":0}},"icon_chr@3x.png":{"frame":{"h":61,"idx":0,"w":57,"x":132,"y":448},"sourceSize":{"h":61,"w":57},"spriteSourceSize":{"x":0,"y":0}},"icon_discord.png":{"frame":{"h":384,"idx":0,"w":384,"x":0,"y":0},"sourceSize":{"h":384,"w":384},"spriteSourceSize":{"x":0,"y":0}},"icon_github.png":{"frame":{"h":384,"idx":0,"w":384,"x":385,"y":0},"sourceSize":{"h":384,"w":384},"spriteSourceSize":{"x":0,"y":0}},"icon_int@3x.png":{"frame":{"h":57,"idx":0,"w":54,"x":0,"y":455},"sourceSize":{"h":57,"w":54},"spriteSourceSize":{"x":0,"y":0}},"icon_mny@3x.png":{"frame":{"h":57,"idx":0,"w":54,"x":55,"y":455},"sourceSize":{"h":57,"w":54},"spriteSourceSize":{"x":0,"y":0}},"icon_rank@3x.png":{"frame":{"h":62,"idx":0,"w":72,"x":132,"y":385},"sourceSize":{"h":62,"w":72},"spriteSourceSize":{"x":0,"y":0}},"icon_spr@3x.png":{"frame":{"h":60,"idx":0,"w":57,"x":190,"y":448},"sourceSize":{"h":60,"w":57},"spriteSourceSize":{"x":0,"y":0}},"icon_str@3x.png":{"frame":{"h":57,"idx":0,"w":54,"x":205,"y":385},"sourceSize":{"h":57,"w":54},"spriteSourceSize":{"x":0,"y":0}},"icon_thanks@3x.png":{"frame":{"h":69,"idx":0,"w":65,"x":66,"y":385},"sourceSize":{"h":69,"w":65},"spriteSourceSize":{"x":0,"y":0}},"icon_up@3x.png":{"frame":{"h":18,"idx":0,"w":33,"x":248,"y":443},"sourceSize":{"h":18,"w":33},"spriteSourceSize":{"x":0,"y":0}}},"meta":{"image":"icons.png","prefix":"images/icons/"}}
+{"frames":{"icon_achievement@3x.png":{"frame":{"h":69,"idx":0,"w":65,"x":188,"y":385},"sourceSize":{"h":69,"w":65},"spriteSourceSize":{"x":0,"y":0}},"icon_chr@3x.png":{"frame":{"h":61,"idx":0,"w":57,"x":320,"y":448},"sourceSize":{"h":61,"w":57},"spriteSourceSize":{"x":0,"y":0}},"icon_discord.png":{"frame":{"h":384,"idx":0,"w":384,"x":0,"y":0},"sourceSize":{"h":384,"w":384},"spriteSourceSize":{"x":0,"y":0}},"icon_github.png":{"frame":{"h":384,"idx":0,"w":384,"x":385,"y":0},"sourceSize":{"h":384,"w":384},"spriteSourceSize":{"x":0,"y":0}},"icon_int@3x.png":{"frame":{"h":57,"idx":0,"w":54,"x":188,"y":455},"sourceSize":{"h":57,"w":54},"spriteSourceSize":{"x":0,"y":0}},"icon_mny@3x.png":{"frame":{"h":57,"idx":0,"w":54,"x":243,"y":455},"sourceSize":{"h":57,"w":54},"spriteSourceSize":{"x":0,"y":0}},"icon_rank@3x.png":{"frame":{"h":62,"idx":0,"w":72,"x":320,"y":385},"sourceSize":{"h":62,"w":72},"spriteSourceSize":{"x":0,"y":0}},"icon_save.png":{"frame":{"h":90,"idx":0,"w":90,"x":97,"y":385},"sourceSize":{"h":90,"w":90},"spriteSourceSize":{"x":0,"y":0}},"icon_spr@3x.png":{"frame":{"h":60,"idx":0,"w":57,"x":378,"y":448},"sourceSize":{"h":60,"w":57},"spriteSourceSize":{"x":0,"y":0}},"icon_str@3x.png":{"frame":{"h":57,"idx":0,"w":54,"x":393,"y":385},"sourceSize":{"h":57,"w":54},"spriteSourceSize":{"x":0,"y":0}},"icon_thanks@3x.png":{"frame":{"h":69,"idx":0,"w":65,"x":254,"y":385},"sourceSize":{"h":69,"w":65},"spriteSourceSize":{"x":0,"y":0}},"icon_themes.png":{"frame":{"h":96,"idx":0,"w":96,"x":0,"y":385},"sourceSize":{"h":96,"w":96},"spriteSourceSize":{"x":0,"y":0}},"icon_up@3x.png":{"frame":{"h":18,"idx":0,"w":33,"x":97,"y":476},"sourceSize":{"h":18,"w":33},"spriteSourceSize":{"x":0,"y":0}}},"meta":{"image":"icons.png","prefix":"images/icons/"}}

public/images/atlas/images/radio.atlas

@@ -0,0 +1 @@
+{"frames":{"radio_cyber.png":{"frame":{"h":300,"idx":0,"w":300,"x":0,"y":0},"sourceSize":{"h":300,"w":300},"spriteSourceSize":{"x":0,"y":0}},"radio_dark.png":{"frame":{"h":300,"idx":0,"w":300,"x":0,"y":301},"sourceSize":{"h":300,"w":300},"spriteSourceSize":{"x":0,"y":0}},"radio_light.png":{"frame":{"h":300,"idx":0,"w":300,"x":301,"y":0},"sourceSize":{"h":300,"w":300},"spriteSourceSize":{"x":0,"y":0}}},"meta":{"image":"radio.png","prefix":"images/radio/"}}

public/images/atlas/images/texture.atlas

@@ -0,0 +1 @@
+{"frames":{"texture_1.png":{"frame":{"h":400,"idx":0,"w":400,"x":0,"y":0},"sourceSize":{"h":400,"w":400},"spriteSourceSize":{"x":0,"y":0}}},"meta":{"image":"texture.png","prefix":"images/texture/"}}

public/index.html

@@ -1 +0,0 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta name="description" content="やり直すんだ。そして、次はうまくやる。"/><meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/><meta name="renderer" content="webkit"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="full-screen" content="true"/><meta name="x5-fullscreen" content="true"/><meta name="360-fullscreen" content="true"/><meta name="theme-color" content="#157878"/><meta name="laya" screenorientation="landscape"/><meta http-equiv="expires" content="0"/><meta http-equiv="Cache-Control" content="no-siteapp"/><title>Life Restart</title><script src="libs/laya/min/laya.core.min.js"></script><script src="libs/laya/min/laya.webgl.min.js"></script><script src="libs/laya/min/laya.filter.min.js"></script><script src="libs/laya/min/laya.particle.min.js"></script><script src="libs/laya/min/laya.ui.min.js"></script><script defer="defer" src="chunk/main.883b9.js"></script></head><body style="background:black"></body></html>

public/particle/fly.part

@@ -0,0 +1 @@
+{"textureName":"images/texture/texture_1.png","positionVariance":{"0":0,"1":0,"2":0},"minVerticalVelocity":-100,"minVerticalEndRadian":0,"minStartSize":0,"minStartRadius":0,"minRotateSpeed":0,"minHorizontalVelocity":100,"minHorizontalEndRadian":0,"minEndSize":18.55,"minEndRadius":218.75,"minColor":{"0":0.15,"1":0.92,"2":0.91,"3":0.6000000238418579},"maxVerticalVelocity":100,"maxVerticalEndRadian":0,"maxStartSize":2.04,"maxStartRadius":0,"maxRotateSpeed":0,"maxPartices":400,"maxHorizontalVelocity":100,"maxHorizontalEndRadian":0,"maxEndSize":24.35,"maxEndRadius":84.82,"maxColor":{"0":0.57,"1":1,"2":0,"3":1},"gravity":{"0":0,"1":0,"2":0},"endVelocity":2,"emitterVelocitySensitivity":56.89,"duration":9.52,"colorComponentInter":true,"blendState":0,"ageAddScale":10,"backColor":"#ffffff","textureFileName":"comp\\clip_num.png","textureCount":1,"minHorizontalStartRadian":0,"maxHorizontalStartRadian":0,"minVerticalStartRadian":0,"maxVerticalStartRadian":0,"emitterType":"null","emissionRate":0,"sphereEmitterRadius":1,"sphereEmitterVelocity":0,"sphereEmitterVelocityAddVariance":0,"ringEmitterRadius":30,"ringEmitterVelocity":0,"ringEmitterVelocityAddVariance":0,"ringEmitterUp":2,"minStartColor":{"0":0.5,"1":0.5,"2":0.5,"3":0.2},"maxStartColor":{"0":1,"1":1,"2":1,"3":1},"minEndColor":{"0":0,"1":0,"2":0,"3":0.08},"maxEndColor":{"0":1,"1":1,"2":1,"3":1},"pointEmitterPosition":{"0":0,"1":0,"2":0},"pointEmitterPositionVariance":{"0":0,"1":0,"2":0},"pointEmitterVelocity":{"0":0,"1":0,"2":0},"pointEmitterVelocityAddVariance":{"0":0,"1":0,"2":0},"boxEmitterCenterPosition":{"0":0,"1":0,"2":0},"boxEmitterSize":{"0":0,"1":0,"2":0},"boxEmitterVelocity":{"0":0,"1":0,"2":0},"boxEmitterVelocityAddVariance":{"0":0,"1":0,"2":0},"sphereEmitterCenterPosition":{"0":0,"1":0,"2":0},"ringEmitterCenterPosition":{"0":0,"1":0,"2":0},"useEndRadian":true,"disableColor":false}

repl/index.js

@@ -1,28 +1,40 @@
-import App from './app.js';
+import { fileURLToPath } from 'url'
-import { readFile, writeFile } from 'fs/promises';
+import { dirname } from 'path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+import App from './app.js'
+import { readFile, writeFile } from 'fs/promises'
 
 async function main() {
-
     try {
-        globalThis.localStorage = JSON.parse(await readFile('__localStorage.json'));
+        globalThis.localStorage = JSON.parse(
-    } catch (e) {
+            await readFile(__dirname + '/__localStorage.json')
-        globalThis.localStorage = {};
-    }
-    localStorage.getItem = key => localStorage[key]===void 0? null: localStorage[key];
-    localStorage.setItem = (key, value) => (localStorage[key] = value);
-
-    globalThis.dumpLocalStorage = async ()=>await writeFile('__localStorage.json', JSON.stringify( global.localStorage))
-
-    const app = new App();
-    app.io(
-        repl => process.stdin.on('data', data=>repl(data.toString().trim())),
-        (data, isRepl) => process.stdout.write(`${data}${isRepl?'\n>':''}`),
-        code=>process.exit(code)
         )
-    await app.initial();
+    } catch (e) {
+        globalThis.localStorage = {}
+    }
+    localStorage.getItem = key =>
+        localStorage[key] === void 0 ? null : localStorage[key]
+    localStorage.setItem = (key, value) => (localStorage[key] = value)
+
+    globalThis.dumpLocalStorage = async () =>
+        await writeFile(
+            __dirname + '/__localStorage.json',
+            JSON.stringify(global.localStorage)
+        )
+
+    const app = new App()
+    app.io(
+        repl => process.stdin.on('data', data => repl(data.toString().trim())),
+        (data, isRepl) => process.stdout.write(`${data}${isRepl ? '\n>' : ''}`),
+        code => process.exit(code)
+    )
+    await app.initial()
 }
 
-main();
+main()
 
 // process.stdin.setRawMode(true);
 

src/app.js

@@ -1,3 +1,4 @@
+import './ui/laya.patch.js';
 import './ui/runtime.js';
 import './ui/pluginFunction.js'
 import './ui/promisesLaya.js'
@@ -6,12 +7,31 @@ import UIManager from './ui/uiManager.js';
 import * as utils from './functions/util.js';
 
 globalThis.UIManager =
-globalThis.UI =
+    globalThis.UI =
-UIManager;
+    UIManager;
 
 globalThis.$_ = utils;
-class App{
+
-    constructor(){
+globalThis.goto = async tag => {
+    let url;
+    switch (tag) {
+        case 'github': url = 'https://github.com/VickScarlet/lifeRestart'; break;
+        case 'discord': url = 'https://discord.gg/U3qrf49NMQ'; break;
+        case 'sponsor_afd': url = 'https://afdian.com/a/LifeRestart'; break;
+        case 'sponsor_ddf': url = 'https://dun.mianbaoduo.com/@vickscarlet'; break;
+    }
+    try {
+        if (Laya.Browser.onIOS) {
+            window.location.href = url;
+        } else {
+            window.open(url, '_blank');
+        }
+    } catch (error) {
+        console.error(error);
+    }
+}
+class App {
+    constructor() {
         this.name = 'lifeRestart';
         this.version = '2.0.0';
         console.log(`${this.name} ${this.version}`);
@@ -30,10 +50,10 @@ class App{
         //class laya.webgl.text.CharSegment
         class CharSegment {
             constructor() {
-                this._sourceStr=null;
+                this._sourceStr = null;
             }
             textToSpit(str) {
-                this._sourceStr=str;
+                this._sourceStr = str;
                 var texLen = str.length;
                 var idx = -1;
                 this._words = [];
@@ -47,18 +67,18 @@ class App{
                     }
                 }
             }
-            getChar(i){
+            getChar(i) {
                 return this._words;
             }
-            getCharCode(i){
+            getCharCode(i) {
                 return this._words[i].codePointAt(0);
             }
-            length(){
+            length() {
                 return this._words.length;
             }
         }
-        Laya.class(CharSegment,'laya.webgl.text.CharSegment');
+        Laya.class(CharSegment, 'laya.webgl.text.CharSegment');
-        Laya.imps(CharSegment.prototype,{"laya.webgl.text.ICharSegment":true})
+        Laya.imps(CharSegment.prototype, { "laya.webgl.text.ICharSegment": true })
 
 
         // Laya.init(1125, 2436, Laya.WebGL);
@@ -83,15 +103,15 @@ class App{
         const screenWidth = window.innerWidth;
         const screenHeight = window.innerHeight;
         const screenRatio = screenWidth / screenHeight;
-        if(screenRatio > designRatio) {
+        if (screenRatio > designRatio) {
             return [
-                Math.min(screenWidth*designHeight/screenHeight, maxWidth),
+                Math.min(screenWidth * designHeight / screenHeight, maxWidth),
                 designHeight
             ]
         } else {
             return [
                 designWidth,
-                Math.min(screenHeight*designWidth/screenWidth, maxHeight)
+                Math.min(screenHeight * designWidth / screenWidth, maxHeight)
             ]
         }
     }
@@ -101,7 +121,7 @@ class App{
     }
 
     async #setLanguage(language) {
-        switch(language) {
+        switch (language) {
             case App.languages['en-us']:
             case App.languages['zh-cn']:
                 this.#language = language;
@@ -117,7 +137,17 @@ class App{
 
     resigterEvent() {
         $$on('achievement', achievement => {
-            $ui.popup(UI.popups.ACHIEVEMENT, {achievement});
+            $ui.popup(UI.popups.ACHIEVEMENT, { achievement });
+        })
+        $$on('message', ([message, ...args]) => {
+            if (Array.isArray(message)) {
+                message = message.map(([m, ...a]) => $_.format($lang[m], ...a)).join('\n');
+            } else {
+                message = $_.format(
+                    $lang[message], ...args
+                );
+            }
+            $ui.popup(UI.popups.MESSAGE, { message });
         })
     }
 
@@ -128,15 +158,21 @@ class App{
         this.resigterEvent();
         this.#initLaya();
         globalThis.$ui = UIManager.getInstance();
+
+        if (theme == 'default') {
+            theme = localStorage.getItem('theme') || 'default';
+        }
+
         $ui.theme = theme;
         await this.#setLanguage(language);
         await $ui.setLoading(UI.pages.LOADING);
         await $ui.switchView(UI.pages.LOADING);
         await core.initial(
-            dataSet=>Laya.promises.loader.load(`data/${this.#language}/${dataSet}.json`, null, Laya.Loader.JSON),
+            dataSet => Laya.promises.loader.load(`data/${this.#language}/${dataSet}.json`, null, Laya.Loader.JSON),
-            dataSet=>Laya.promises.loader.load(`data/${dataSet}.json`, null, Laya.Loader.JSON),
+            dataSet => Laya.promises.loader.load(`data/${dataSet}.json`, null, Laya.Loader.JSON),
         );
         await $ui.switchView(UI.pages.MAIN);
+
     }
 }
 

src/functions/condition.js

@@ -43,7 +43,7 @@ function parseCondition(condition) {
     return conditions;
 }
 
-function checkCondition(property, condition) {
+export function checkCondition(property, condition) {
     const conditions = parseCondition(condition);
     return checkParsedConditions(property, conditions);
 }
@@ -113,7 +113,7 @@ function checkProp(property, condition) {
     }
 }
 
-function extractMaxTriggers(condition) {
+export function extractMaxTriggers(condition) {
     // Assuming only age related talents can be triggered multiple times.
     const RE_AGE_CONDITION = /AGE\?\[([0-9\,]+)\]/;
     const match_object = RE_AGE_CONDITION.exec(condition);
@@ -125,5 +125,3 @@ function extractMaxTriggers(condition) {
     const age_list = match_object[1].split(",");
     return age_list.length;
 }
-
-export { checkCondition, extractMaxTriggers };

src/functions/condition.spec.js

@@ -0,0 +1,103 @@
+import { expect, test, describe } from 'vitest'
+import { checkCondition } from './condition'
+
+function withProp(prop) {
+    const p = {
+        get(key) {
+            return prop[key]
+        },
+    }
+    return condition => checkCondition(p, condition)
+}
+
+describe('condition', () => {
+    const check = withProp({
+        n1: 0,
+        n2: -10,
+        n3: 10,
+        nl1: [1, 2, 3],
+        nl2: [0],
+        nl3: [],
+    })
+    test('gt(>)', () => {
+        expect(check('n3>11')).toBe(false)
+        expect(check('n3>10')).toBe(false)
+        expect(check('n3>9')).toBe(true)
+    })
+    test('gte(>=)', () => {
+        expect(check('n3>=11')).toBe(false)
+        expect(check('n3>=10')).toBe(true)
+        expect(check('n3>=9')).toBe(true)
+    })
+    test('lt(<)', () => {
+        expect(check('n3<9')).toBe(false)
+        expect(check('n3<10')).toBe(false)
+        expect(check('n3<11')).toBe(true)
+    })
+    test('lte(<=)', () => {
+        expect(check('n3<=9')).toBe(false)
+        expect(check('n3<=10')).toBe(true)
+        expect(check('n3<=11')).toBe(true)
+    })
+    test('eq(=)', () => {
+        expect(check('n3=9')).toBe(false)
+        expect(check('n3=10')).toBe(true)
+        expect(check('n3=11')).toBe(false)
+        expect(check('nl1=0')).toBe(false)
+        expect(check('nl1=1')).toBe(true)
+        expect(check('nl1=2')).toBe(true)
+        expect(check('nl1=3')).toBe(true)
+    })
+    test('ne(!=)', () => {
+        expect(check('n3!=9')).toBe(true)
+        expect(check('n3!=10')).toBe(false)
+        expect(check('n3!=11')).toBe(true)
+        expect(check('nl1!=0')).toBe(true)
+        expect(check('nl1!=1')).toBe(false)
+        expect(check('nl1!=2')).toBe(false)
+        expect(check('nl1!=3')).toBe(false)
+    })
+    test('in(?)', () => {
+        expect(check('n3?[1,2,3]')).toBe(false)
+        expect(check('n3?[10,11,12]')).toBe(true)
+        expect(check('nl1?[0,1]')).toBe(true)
+        expect(check('nl2?[1,2,3]')).toBe(false)
+        expect(check('nl3?[1,2,3]')).toBe(false)
+        expect(check('nl2?[]')).toBe(false)
+        expect(check('nl3?[]')).toBe(false)
+    })
+    test('notin(!)', () => {
+        expect(check('n3![1,2,3]')).toBe(true)
+        expect(check('n3![10,11,12]')).toBe(false)
+        expect(check('nl1![0,1]')).toBe(false)
+        expect(check('nl2![1,2,3]')).toBe(true)
+        expect(check('nl3![1,2,3]')).toBe(true)
+        expect(check('nl2![]')).toBe(true)
+        expect(check('nl3![]')).toBe(true)
+    })
+    test('and(&)', () => {
+        expect(check('n1>=0&n2<0')).toBe(true)
+        expect(check('n2>0&n3>0')).toBe(false)
+        expect(check('n2<0&n3<0')).toBe(false)
+        expect(check('n2<0&n3>0')).toBe(true)
+        expect(check('n1=0&n2<0&n3>0')).toBe(true)
+        expect(check('n1=0&n2>0&n3>0')).toBe(false)
+    })
+    test('or(|)', () => {
+        expect(check('n1>=0|n2<0')).toBe(true)
+        expect(check('n2>0|n3>0')).toBe(true)
+        expect(check('n2<0|n3<0')).toBe(true)
+        expect(check('n2<0|n3>0')).toBe(true)
+        expect(check('n2>0|n3<0')).toBe(false)
+        expect(check('n1=0|n2<0|n3>0')).toBe(true)
+        expect(check('n1=0|n2>0|n3>0')).toBe(true)
+        expect(check('n1!=0|n2>0|n3<0')).toBe(false)
+    })
+    test('mix', () => {
+        expect(check('(n1=0|n2<0|n3>0)&(n1=0|n2>0|n3>0)')).toBe(true)
+        expect(check('(n1=0|n2<0|n3>0)&(n1!=0|n2>0|n3<0)')).toBe(false)
+        expect(check('n1=0|n2<0|n3>0&n1!=0|n2>0|n3<0')).toBe(true)
+        expect(check('(n1>0|n1?[-10,0])&(n2>0|n3![0,1])')).toBe(true)
+        expect(check('(n1>0&n1?[-10,0])|(n2<0&n3![0,1])')).toBe(true)
+    })
+})

src/functions/util.js

@@ -1,6 +1,7 @@
 function clone(value) {
     switch(typeof value) {
         case 'object':
+            if(value === null) return null;
             if(Array.isArray(value)) return value.map(v=>clone(v));
             const newObj = {};
             for(const key in value) newObj[key] = clone(value[key]);
@@ -83,10 +84,17 @@ function deepMapSet(target, source) {
     return target;
 }
 
+function deepGet(obj, path) {
+    for(const key of path.split('.')) {
+        if(!(key in obj)) return undefined;
+        obj = obj[key];
+    }
+    return obj;
+}
 
 function format(str, ...args) {
     const replace = set => (match, key) => {
-        const value = set[key];
+        const value = deepGet(set, key);
         switch(typeof value) {
             case 'object': return JSON.stringify(value);
             case 'boolean':

src/i18n/en-us.js

@@ -27,10 +27,11 @@ export default ({
 
     UI_Title_Remake: 'Remake Simulate',
     UI_Title_Subsequent: 'The rubbish life doesn\'t want to stay for a second',
-    UI_Remake: 'Remake Now',
+    UI_Remake: '↻Remake Now',
     UI_Thanks: 'Thx',
     UI_Achievement: 'Achv',
     UI_Cyber_Theme_Art_Design: 'UI Design by 晰晰',
+    UI_Banner: '作者的新作《纸上谈亲》已上线小程序\n微信/抖音搜索“纸上谈亲”即可游玩～',
 
     UI_Title_Talent: 'Talent Draw',
     UI_Talent_Draw: '!10 Pulls!',
@@ -119,7 +120,45 @@ export default ({
     UI_Support_Programmer: 'Programmer',
     UI_Support_Designer: 'Designer',
 
+    UI_Save: 'Save',
+    UI_Load: 'Load',
+    UI_Read: 'Copy',
+    UI_Write: 'Paste',
+
+    UI_CopySuccess: 'Copy to clipboard success',
+    UI_CopyFailed: 'Copy to clipboard Failed',
+
+    UI_PasteSuccessDecodeSuccess: 'Load Success!',
+    UI_PasteSuccessDecodeFailed: 'Paste success, but load Failed!',
+    UI_PasteFailedDecodeSuccess: 'Paste Failed, use input load success!',
+    UI_PasteFailedDecodeFailed: 'Paste Failed, use input load Failed!',
+
+    UI_LoadSuccess: 'Load Success!',
+    UI_LoadFailed: 'Load Failed!',
+
+    UI_Title_Celebrity: 'Past life was...',
+    UI_CustomMode: 'Custom',
+    UI_CustomModeDescription: '10 Talent\nCustom property',
+    UI_CelebrityMode: 'Celebrity',
+    UI_CelebrityModeDescription: 'Past life is celebrity\nRebirth to modern',
+    UI_AllNot: '↻All Not',
+    UI_UniqueWaTaShi: 'Unique of mine',
+    UI_UniqueWaTaShiContent: '\nUnique character card different from other 60 million player\nAll property, All talent, All random\nAll has only one chance',
+    UI_GenerateNow: 'Generate Now',
+
+
+    M_NoRank: 'There is no rank',
+    M_PleaseSelectOne: 'Please Select One',
+    M_UnGenerate: 'Unique Character no generate',
+    M_DisableExtendTalent: 'Celebrity mode can\'t extends talent',
+
     F_RemakeTimes: 'Remake {0} Times',
     F_AchievementCount: 'Achievement {0}',
     F_TalentSelection: '{name} ({description})',
+    F_TalentConflict: 'Conflict with talent ({0})',
+    F_TalentSelectLimit: 'Talent select limit {0}',
+    F_TalentSelectNotComplect: 'Please select {0} talent',
+    F_PropertyPointLeft: 'You have left {0} property point',
+    F_TalentReplace: 'Talent replace [{source.name}] -> [{target.name}]',
+    F_PropertyStr: 'CHR{CHR} INT{INT} STR{STR} MNY{MNY}'
 });

src/i18n/zh-cn.js

@@ -15,6 +15,8 @@ export default ({
     UI_Loading: '加载中...',
     UI_Error: '错误',
 
+    UI_BackupBtn: '上面没有效果就试试这个吧',
+
     UI_Colon: '：',
     UI_Times: '次',
     UI_Count: '个',
@@ -27,10 +29,11 @@ export default ({
 
     UI_Title_Remake: '人生重开模拟器',
     UI_Title_Subsequent: '这垃圾人生一秒也不想待了',
-    UI_Remake: '立即重开',
+    UI_Remake: '↻立即重开',
     UI_Thanks: '感谢',
     UI_Achievement: '成就',
     UI_Cyber_Theme_Art_Design: 'UI 设计 by 晰晰',
+    UI_Banner: '作者的新作《纸上谈亲》已上线小程序\n微信/抖音搜索“纸上谈亲”即可游玩～',
 
     UI_Title_Talent: '天赋抽卡',
     UI_Talent_Draw: '10连抽！',
@@ -119,7 +122,44 @@ export default ({
     UI_Support_Programmer: '打赏程序(顿顿饭)',
     UI_Support_Designer: '打赏策划(爱发电)',
 
+    UI_Save: '存档',
+    UI_Load: '读档',
+    UI_Read: '复制',
+    UI_Write: '粘贴',
+
+    UI_LoadSuccess: '读档成功！',
+    UI_LoadFailed: '读档失败！',
+
+    UI_CopySuccess: '成功复制存档到剪贴板',
+    UI_CopyFailed: '复制存档到剪贴板失败，请手动复制存档内容',
+
+    UI_PasteSuccessDecodeSuccess: '读档成功！',
+    UI_PasteSuccessDecodeFailed: '粘贴剪贴板存档内容成功，但剪贴板内容读档失败',
+    UI_PasteFailedDecodeSuccess: '粘贴剪贴板存档内容失败，使用输入的内容读档成功',
+    UI_PasteFailedDecodeFailed: '粘贴剪贴板存档内容失败，使用输入的内容读档失败',
+
+    UI_Title_Celebrity: '你的前世是...',
+    UI_CustomMode: '经典模式',
+    UI_CustomModeDescription: '10连抽天赋\n自由分配属性',
+    UI_CelebrityMode: '名人模式',
+    UI_CelebrityModeDescription: '前世是古代名人\n重开到了现代',
+    UI_AllNot: '↻都不是',
+    UI_UniqueWaTaShi: '独一无二的我',
+    UI_UniqueWaTaShiContent: '\n6000万玩家中独一无二的角色卡\n所有属性 所有天赋 随机生成\n 每人只能生成一次',
+    UI_GenerateNow: '立即生成',
+
+    M_NoRank: '别卷了，没有排行榜',
+    M_PleaseSelectOne: '请选择一个名人',
+    M_UnGenerate: '独一无二的我还没有生成',
+    M_DisableExtendTalent: '名人模式不能继承天赋',
+
     F_RemakeTimes: '已重开{0}次',
     F_AchievementCount: '成就达成{0}个',
     F_TalentSelection: '{name}（{description}）',
+    F_TalentConflict: '与已选的「{0}」天赋冲突',
+    F_TalentSelectLimit: '只能选 {0} 个天赋',
+    F_TalentSelectNotComplect: '要选满{0}个天赋',
+    F_PropertyPointLeft: '你还有 {0} 属性点没有分配完',
+    F_TalentReplace: '天赋替换【{source.name}】->【{target.name}】',
+    F_PropertyStr: '颜值{CHR} 智力{INT} 体质{STR} 家境{MNY}'
 });

src/index.js

@@ -1,21 +1,6 @@
 import App from './app.js';
 import Life from './modules/life.js';
 
-globalThis.goto = async tag => {
-    let url;
-    switch(tag) {
-        case 'github': url = 'https://github.com/VickScarlet/lifeRestart'; break;
-        case 'discord': url = 'https://discord.gg/U3qrf49NMQ'; break;
-        case 'sponsor_afd': url = 'https://afdian.net/@LifeRestart'; break;
-        case 'sponsor_ddf': url = 'https://dun.mianbaoduo.com/@vickscarlet'; break;
-    }
-    try {
-        window.open(url, '_blank');
-    } catch (error) {
-        console.error(error);
-    }
-}
-
 globalThis.$$eventMap = new Map();
 globalThis.$$event = (tag, data) => {
     const listener = $$eventMap.get(tag);
@@ -34,6 +19,37 @@ globalThis.$$off = (tag, fn) => {
     if(listener) listener.delete(fn);
 }
 
+globalThis.$$copy = async text => {
+    const result = await navigator.permissions.query({ name: "clipboard-write" })
+    if (result.state == "granted" || result.state == "prompt") {
+        navigator.clipboard.writeText(text)
+        return true;
+    }
+    const input = document.createElement('input');
+    input.setAttribute('style', 'opacity: 0;');
+    document.body.appendChild(input);
+    input.value = text;
+    input.select();
+    const r = document.execCommand("copy");
+    document.body.removeChild(input);
+    return r;
+}
+
+globalThis.$$read = async ()=>{
+    const result = await navigator.permissions.query({ name: "clipboard-read" })
+    if (result.state == "granted" || result.state == "prompt") {
+        return await navigator.clipboard.readText();
+    }
+    const input = document.createElement('input');
+    input.setAttribute('style', 'opacity: 0;');
+    document.body.appendChild(input);
+    input.focus();
+    const r = document.execCommand("paste");
+    const text = input.value;
+    document.body.removeChild(input);
+    return r?text:r;
+};
+
 const core = new Life();
 const game = new App();
 globalThis.core = core;
@@ -180,5 +196,29 @@ core.config({
             ],
         },
     },
+    characterConfig: { // config for character
+        characterPullCount: 3,
+        rateableKnife: 10,
+        propertyWeight: [
+            [ 0, 1],
+            [ 1, 2],
+            [ 2, 3],
+            [ 3, 4],
+            [ 4, 5],
+            [ 5, 6],
+            [ 6, 5],
+            [ 7, 4],
+            [ 8, 3],
+            [ 9, 2],
+            [10, 1],
+        ],
+        talentWeight: [
+            [ 1, 1],
+            [ 2, 2],
+            [ 3, 3],
+            [ 4, 2],
+            [ 5, 1],
+        ],
+    },
 });
 game.start(query);

src/modules/achievement.js

@@ -1,8 +1,7 @@
-import { clone } from '../functions/util.js';
-import { checkCondition } from '../functions/condition.js';
-
 class Achievement {
-    constructor() {}
+    constructor(system) {
+        this.#system = system;
+    }
 
     // 时机
     Opportunity = {
@@ -12,6 +11,7 @@ class Achievement {
         END: "END",                 // 游戏完成，点击重开 重开次数在这之后才会+1
     };
 
+    #system;
     #achievements;
 
     initial({achievements}) {
@@ -23,7 +23,11 @@ class Achievement {
         return Object.keys(this.#achievements).length;
     }
 
-    list(property) {
+    get #prop() {
+        return this.#system.request(this.#system.Module.PROPERTY);
+    }
+
+    list() {
         return Object
             .values(this.#achievements)
             .map(({
@@ -32,34 +36,34 @@ class Achievement {
             })=>({
                 id, name, opportunity,
                 description, hide, grade,
-                isAchieved: this.isAchieved(id, property),
+                isAchieved: this.isAchieved(id, this.#prop),
             }));
     }
 
     get(achievementId) {
         const achievement = this.#achievements[achievementId];
         if(!achievement) throw new Error(`[ERROR] No Achievement[${achievementId}]`);
-        return clone(achievement);
+        return this.#system.clone(achievement);
     }
 
-    check(achievementId, property) {
+    check(achievementId) {
         const { condition } = this.get(achievementId);
-        return checkCondition(property, condition);
+        return this.#system.check(condition);
     }
 
-    isAchieved(achievementId, property) {
+    isAchieved(achievementId) {
-        for(const [achieved] of (property.get(property.TYPES.ACHV)||[]))
+        for(const [achieved] of (this.#prop.get(this.#prop.TYPES.ACHV)||[]))
             if(achieved == achievementId) return true;
         return false;
     }
 
-    achieve(opportunity, property) {
+    achieve(opportunity) {
-        this.list(property)
+        this.list()
             .filter(({isAchieved})=>!isAchieved)
             .filter(({opportunity: o})=>o==opportunity)
-            .filter(({id})=>this.check(id, property))
+            .filter(({id})=>this.check(id, this.#prop))
             .forEach(({id})=>{
-                property.achieve(property.TYPES.ACHV, id)
+                this.#prop.achieve(this.#prop.TYPES.ACHV, id)
                 $$event('achievement', this.get(id))
             });
     }

src/modules/character.js

@@ -0,0 +1,134 @@
+class Character {
+    constructor(system) {
+        this.#system = system;
+    }
+
+    #system;
+    #characters;
+    #characterPullCount;
+    #rateableKnife;
+    #rate;
+    #pipe = [];
+    #uniqueWaTaShi;
+    #propertyWeight;
+    #talentWeight
+
+    initial({characters}) {
+        this.#characters = characters;
+        const uniqueWaTaShi = localStorage.getItem('uniqueWaTaShi');
+        if(uniqueWaTaShi != null || uniqueWaTaShi != 'undefined')
+            this.#uniqueWaTaShi = JSON.parse(uniqueWaTaShi);
+        return this.count;
+    }
+
+    get count() {
+        return Object.keys(this.#characters).length;
+    }
+
+    config({
+        characterPullCount = 3,
+        rateableKnife = 10,
+        propertyWeight,
+        talentWeight,
+    } = {}) {
+        this.#characterPullCount = characterPullCount;
+        this.#rateableKnife = rateableKnife;
+        this.#propertyWeight = propertyWeight;
+        this.#talentWeight = talentWeight;
+    }
+
+    get #unique() {
+        if(this.#uniqueWaTaShi) {
+            return this.#system.clone(this.#uniqueWaTaShi);
+        }
+
+        const now = Date.now();
+        this.#pipe.push(now);
+        if(this.#pipe.length < 10) return null;
+        const time = this.#pipe.shift();
+        if(now - time > 10000) return null;
+        return {unique: true, generate: false};
+    }
+
+    set #unique(data) {
+        this.#uniqueWaTaShi = this.#system.clone(data);
+        this.#uniqueWaTaShi.unique = true;
+        this.#uniqueWaTaShi.generate = true;
+        localStorage.setItem(
+            'uniqueWaTaShi',
+            JSON.stringify(this.#uniqueWaTaShi)
+        );
+    }
+
+    get #weightRandom() {
+        return this.#system.function(this.#system.Function.UTIL).weightRandom;
+    }
+
+    generateUnique() {
+        if(this.#uniqueWaTaShi) return this.#unique;
+        const weightRandom = this.#weightRandom;
+        const {CHR, INT, STR, MNY} = this.#system.PropertyTypes;
+
+        this.#unique = {
+            property: {
+                [CHR]: weightRandom(this.#propertyWeight),
+                [INT]: weightRandom(this.#propertyWeight),
+                [STR]: weightRandom(this.#propertyWeight),
+                [MNY]: weightRandom(this.#propertyWeight),
+            },
+            talent: this.#system
+                .request(this.#system.Module.TALENT)
+                .random(weightRandom(this.#talentWeight)),
+        }
+
+        return this.#unique;
+    }
+
+    random() {
+        return {
+            unique: this.#unique,
+            normal: this.#rateable(),
+        }
+    }
+
+    #rateable() {
+        if(!this.#rate) {
+            this.#rate = {};
+            for(const id in this.#characters) {
+                this.#rate[id] = 1;
+            }
+        }
+
+        const r = [];
+        const weightRandom = this.#weightRandom;
+        new Array(this.#characterPullCount)
+            .fill(0)
+            .forEach(()=>{
+                r.push(
+                    weightRandom(Object
+                        .keys(this.#rate)
+                        .filter(id=>!r.includes(id))
+                        .map(id=>([id,this.#rate[id]]))
+                    )
+                )
+            });
+
+        let min = Infinity;
+        for(const id in this.#rate) {
+            if(r.includes(id)) {
+                min = Math.min(min, this.#rate[id]);
+                continue;
+            }
+            min = Math.min(min, ++ this.#rate[id]);
+        }
+        if(min > this.#rateableKnife) {
+            for(const id in this.#rate) {
+                this.#rate[id] -= this.#rateableKnife;
+            }
+        }
+        return r.map(id=>this.#system.clone(this.#characters[id]));
+    }
+
+}
+
+export default Character;

src/modules/event.js

@@ -1,9 +1,9 @@
-import { clone } from '../functions/util.js';
-import { checkCondition } from '../functions/condition.js';
-
 class Event {
-    constructor() {}
+    constructor(system) {
+        this.#system = system;
+    }
 
+    #system;
     #events;
 
     initial({events}) {
@@ -24,18 +24,18 @@ class Event {
         return Object.keys(this.#events).length;
     }
 
-    check(eventId, property) {
+    check(eventId) {
         const { include, exclude, NoRandom } = this.get(eventId);
         if(NoRandom) return false;
-        if(exclude && checkCondition(property, exclude)) return false;
+        if(exclude && this.#system.check(exclude)) return false;
-        if(include) return checkCondition(property, include);
+        if(include) return this.#system.check(include);
         return true;
     }
 
     get(eventId) {
         const event = this.#events[eventId];
         if(!event) throw new Error(`[ERROR] No Event[${eventId}]`);
-        return clone(event);
+        return this.#system.clone(event);
     }
 
     information(eventId) {
@@ -43,13 +43,13 @@ class Event {
         return { description };
     }
 
-    do(eventId, property) {
+    do(eventId) {
-        const { effect, branch, event: description, postEvent } = this.get(eventId);
+        const { effect, branch, event: description, postEvent, grade } = this.get(eventId);
         if(branch)
             for(const [cond, next] of branch)
-                if(checkCondition(property, cond))
+                if(this.#system.check(cond))
-                    return { effect, next, description };
+                    return { effect, next, description, grade };
-        return { effect, postEvent, description };
+        return { effect, postEvent, description, grade };
     }
 
 }

src/modules/life.js

@@ -1,45 +1,65 @@
-import { clone, weightRandom, getListValuesMap, getConvertedMap } from '../functions/util.js'
+import * as util from '../functions/util.js';
+import * as fCondition from '../functions/condition.js';
+
 import Property from './property.js';
 import Event from './event.js';
 import Talent from './talent.js';
 import Achievement from './achievement.js';
+import Character from './character.js';
 
 class Life {
     constructor() {
-        this.#property = new Property();
+        this.#property = new Property(this);
-        this.#event = new Event();
+        this.#event = new Event(this);
-        this.#talent = new Talent();
+        this.#talent = new Talent(this);
-        this.#achievement = new Achievement();
+        this.#achievement = new Achievement(this);
+        this.#character = new Character(this);
+    }
+
+    Module = {
+        PROPERTY: 'PROPERTY',
+        TALENT: 'TALENT',
+        EVENT: 'EVENT',
+        ACHIEVEMENT: 'ACHIEVEMENT',
+        CHARACTER: 'CHARACTER',
+    }
+
+    Function = {
+        CONDITION: 'CONDITION',
+        UTIL: 'UTIL',
     }
 
     #property;
     #event;
     #talent;
     #achievement;
+    #character;
     #triggerTalents;
     #defaultPropertyPoints;
     #talentSelectLimit;
     #propertyAllocateLimit;
     #defaultPropertys;
     #specialThanks;
+    #initialData;
 
     async initial(i18nLoad, commonLoad) {
-        const [age, talents, events, achievements, specialThanks] = await Promise.all([
+        const [age, talents, events, achievements, characters, specialThanks] = await Promise.all([
             i18nLoad('age'),
             i18nLoad('talents'),
             i18nLoad('events'),
             i18nLoad('achievement'),
+            i18nLoad('character'),
             commonLoad('specialthanks'),
         ]);
         this.#specialThanks = specialThanks;
 
         const total = {
-            [this.PropertyTypes.TACEV]: this.#achievement.initial({achievements}),
+            [this.PropertyTypes.TACHV]: this.#achievement.initial({achievements}),
             [this.PropertyTypes.TEVT]: this.#event.initial({events}),
             [this.PropertyTypes.TTLT]: this.#talent.initial({talents}),
         };
-
         this.#property.initial({age, total});
+        this.#character.initial({characters});
     }
 
     config({
@@ -49,6 +69,7 @@ class Life {
         defaultPropertys = {}, // default propertys
         talentConfig, // config for talent
         propertyConfig, // config for property
+        characterConfig, // config for character
     } = {}) {
         this.#defaultPropertyPoints = defaultPropertyPoints;
         this.#talentSelectLimit = talentSelectLimit;
@@ -56,27 +77,54 @@ class Life {
         this.#defaultPropertys = defaultPropertys;
         this.#talent.config(talentConfig);
         this.#property.config(propertyConfig);
+        this.#character.config(characterConfig);
     }
 
-    restart(allocation) {
+    request(module) {
-        const propertys = clone(this.#defaultPropertys);
+        switch (module) {
-        for(const key in allocation) {
+            case this.Module.ACHIEVEMENT: return this.#achievement;
-            propertys[key] = clone(allocation[key]);
+            case this.Module.CHARACTER: return this.#character;
+            case this.Module.EVENT: return this.#event;
+            case this.Module.PROPERTY: return this.#property;
+            case this.Module.TALENT: return this.#talent;
+            default: return null;
         }
+    }
+
+    function(type) {
+        switch (type) {
+            case this.Function.CONDITION: return fCondition;
+            case this.Function.UTIL: return util;
+        }
+    }
+
+    check(condition) {
+        return fCondition.checkCondition(this.#property,condition);
+    }
+
+    clone(...args) {
+        return util.clone(...args);
+    }
+
+    remake(talents) {
+        this.#initialData = util.clone(this.#defaultPropertys);
+        this.#initialData.TLT = util.clone(talents);
         this.#triggerTalents = {};
-        const contents = this.talentReplace(propertys.TLT);
+        return this.talentReplace(this.#initialData.TLT);
-        this.#property.restart(propertys);
+    }
+
+    start(allocation) {
+        for(const key in allocation) {
+            this.#initialData[key] = util.clone(allocation[key]);
+        }
+        this.#property.restart(this.#initialData);
         this.doTalent()
         this.#property.restartLastStep();
-        this.#achievement.achieve(
+        this.#achievement.achieve(this.AchievementOpportunity.START);
-            this.AchievementOpportunity.START,
-            this.#property
-        )
-        return contents;
     }
 
-    getPropertyPoints(selectedTalentIds) {
+    getPropertyPoints() {
-        return this.#defaultPropertyPoints + this.#talent.allocationAddition(selectedTalentIds);
+        return this.#defaultPropertyPoints + this.#talent.allocationAddition(this.#initialData.TLT);
     }
 
     getTalentCurrentTriggerCount(talentId) {
@@ -92,10 +140,7 @@ class Life {
         const isEnd = this.#property.isEnd();
 
         const content = [talentContent, eventContent].flat();
-        this.#achievement.achieve(
+        this.#achievement.achieve(this.AchievementOpportunity.TRAJECTORY);
-            this.AchievementOpportunity.TRAJECTORY,
-            this.#property
-        )
         return { age, content, isEnd };
     }
 
@@ -121,7 +166,7 @@ class Life {
 
         const contents = [];
         for(const talentId of talents) {
-            const result = this.#talent.do(talentId, this.#property);
+            const result = this.#talent.do(talentId);
             if(!result) continue;
             this.#triggerTalents[talentId] = this.getTalentCurrentTriggerCount(talentId) + 1;
             const { effect, name, description, grade } = result;
@@ -138,20 +183,21 @@ class Life {
     }
 
     doEvent(eventId) {
-        const { effect, next, description, postEvent } = this.#event.do(eventId, this.#property);
+        const { effect, next, description, postEvent, grade } = this.#event.do(eventId);
         this.#property.change(this.PropertyTypes.EVT, eventId);
         this.#property.effect(effect);
         const content = {
             type: this.PropertyTypes.EVT,
             description,
             postEvent,
+            grade,
         }
         if(next) return [content, this.doEvent(next)].flat();
         return [content];
     }
 
     random(events) {
-        return weightRandom(
+        return util.weightRandom(
             events.filter(
                 ([eventId])=>this.#event.check(eventId, this.#property)
             )
@@ -168,20 +214,35 @@ class Life {
         );
     }
 
+    characterRandom() {
+        const characters = this.#character.random();
+        const replaceTalent = v=>v.talent=v.talent.map(
+            id=>this.#talent.get(id)
+        );
+        characters.normal.forEach(replaceTalent);
+        if(characters.unique && characters.unique.talent)
+            replaceTalent(characters.unique);
+        return characters;
+    }
+
     talentExtend(talentId) {
         this.#property.set(this.PropertyTypes.EXT, talentId);
     }
 
-    exclusive(talents, exclusive) {
+    exclude(talents, exclusive) {
-        return this.#talent.exclusive(talents, exclusive);
+        return this.#talent.exclude(talents, exclusive);
+    }
+
+    generateUnique() {
+        this.#character.generateUnique();
     }
 
     #getJudges(...types) {
-        return getListValuesMap(types.flat(), key => this.#property.judge(key));
+        return util.getListValuesMap(types.flat(), key => this.#property.judge(key));
     }
 
     #getPropertys(...types) {
-        return getListValuesMap(types.flat(), key => this.#property.get(key));
+        return util.getListValuesMap(types.flat(), key => this.#property.get(key));
     }
 
     get lastExtendTalent() {
@@ -189,10 +250,7 @@ class Life {
     }
 
     get summary() {
-        this.#achievement.achieve(
+        this.#achievement.achieve(this.AchievementOpportunity.SUMMARY);
-            this.AchievementOpportunity.SUMMARY,
-            this.#property
-        )
 
         const pt = this.PropertyTypes;
 
@@ -238,16 +296,13 @@ class Life {
     get PropertyTypes() { return this.#property.TYPES; }
     get AchievementOpportunity() { return this.#achievement.Opportunity; }
     get talentSelectLimit() { return this.#talentSelectLimit; }
-    get propertyAllocateLimit() { return clone(this.#propertyAllocateLimit); }
+    get propertyAllocateLimit() { return util.clone(this.#propertyAllocateLimit); }
 
     get propertys() { return this.#property.getPropertys(); }
     get times() { return this.#property.get(this.PropertyTypes.TMS) || 0; }
     set times(v) {
         this.#property.set(this.PropertyTypes.TMS, v);
-        this.#achievement.achieve(
+        this.#achievement.achieve(this.AchievementOpportunity.END);
-            this.AchievementOpportunity.END,
-            this.#property
-        )
     }
     get specialThanks() { return this.#specialThanks; }
 }

src/modules/property.js

@@ -1,7 +1,7 @@
-import { max, min, sum, clone, listRandom } from '../functions/util.js';
-
 class Property {
-    constructor() {}
+    constructor(system) {
+        this.#system = system;
+    }
 
     TYPES = {
         // 本局
@@ -70,11 +70,16 @@ class Property {
         ]
     }
 
+    #system;
     #ageData;
     #data = {};
     #total;
     #judge;
 
+    get #util() {
+        return this.#system.function(this.#system.Function.UTIL);
+    }
+
     initial({age, total}) {
         this.#ageData = age;
         for(const a in age) {
@@ -151,6 +156,7 @@ class Property {
     }
 
     get(prop) {
+        const util = this.#util;
         switch(prop) {
             case this.TYPES.AGE:
             case this.TYPES.CHR:
@@ -161,14 +167,14 @@ class Property {
             case this.TYPES.LIF:
             case this.TYPES.TLT:
             case this.TYPES.EVT:
-                return clone(this.#data[prop]);
+                return util.clone(this.#data[prop]);
             case this.TYPES.LAGE:
             case this.TYPES.LCHR:
             case this.TYPES.LINT:
             case this.TYPES.LSTR:
             case this.TYPES.LMNY:
             case this.TYPES.LSPR:
-                return min(
+                return util.min(
                     this.#data[prop],
                     this.get(this.fallback(prop))
                 );
@@ -178,7 +184,7 @@ class Property {
             case this.TYPES.HSTR:
             case this.TYPES.HMNY:
             case this.TYPES.HSPR:
-                return max(
+                return util.max(
                     this.#data[prop],
                     this.get(this.fallback(prop))
                 );
@@ -189,7 +195,7 @@ class Property {
                 const HSTR = this.get(this.TYPES.HSTR);
                 const HMNY = this.get(this.TYPES.HMNY);
                 const HSPR = this.get(this.TYPES.HSPR);
-                return Math.floor(sum(HCHR, HINT, HSTR, HMNY, HSPR)*2 + HAGE/2);
+                return Math.floor(util.sum(HCHR, HINT, HSTR, HMNY, HSPR)*2 + HAGE/2);
             case this.TYPES.TMS:
                 return this.lsget('times') || 0;
             case this.TYPES.EXT:
@@ -253,7 +259,7 @@ class Property {
             case this.TYPES.LIF:
             case this.TYPES.TLT:
             case this.TYPES.EVT:
-                this.hl(prop, this.#data[prop] = clone(value));
+                this.hl(prop, this.#data[prop] = this.#system.clone(value));
                 this.achieve(prop, value);
                 return;
             case this.TYPES.TMS:
@@ -267,7 +273,7 @@ class Property {
     }
 
     getPropertys() {
-        return clone({
+        return this.#system.clone({
             [this.TYPES.AGE]: this.get(this.TYPES.AGE),
             [this.TYPES.CHR]: this.get(this.TYPES.CHR),
             [this.TYPES.INT]: this.get(this.TYPES.INT),
@@ -315,7 +321,8 @@ class Property {
 
     hookSpecial(prop) {
         switch(prop) {
-            case this.TYPES.RDM: return listRandom(this.SPECIAL.RDM);
+            case this.TYPES.RDM:
+                return this.#util.listRandom(this.SPECIAL.RDM);
             default: return prop;
         }
     }
@@ -334,15 +341,6 @@ class Property {
         const d = this.#judge[prop];
         let length = d.length;
 
-        // progress judge
-        // const p = 1/length;
-        // const progress = () => {
-        //     const min = d[length][0] || 0;
-        //     const max = d[length+1]?.[0] || value;
-        //     if(max == min) return 1;
-        //     return p * (length + (value - min) / (max - min));
-        // }
-
         const progress = () => Math.max(Math.min(value, 10), 0) / 10;
 
         while(length--) {
@@ -363,7 +361,7 @@ class Property {
     }
 
     getAgeData(age) {
-        return clone(this.#ageData[age]);
+        return this.#system.clone(this.#ageData[age]);
     }
 
     hl(prop, value) {
@@ -378,8 +376,8 @@ class Property {
             default: return;
         }
         const [l, h] = keys;
-        this.#data[l] = min(this.#data[l], value);
+        this.#data[l] = this.#util.min(this.#data[l], value);
-        this.#data[h] = max(this.#data[h], value);
+        this.#data[h] = this.#util.max(this.#data[h], value);
     }
 
     achieve(prop, newData) {
@@ -411,7 +409,7 @@ class Property {
 
     lsget(key) {
         const data = localStorage.getItem(key);
-        if(data === null) return;
+        if(data === null || data === 'undefined') return;
         return JSON.parse(data);
     }
 

src/modules/talent.js

@@ -1,9 +1,9 @@
-import { clone, weightRandom } from '../functions/util.js';
-import { checkCondition, extractMaxTriggers } from '../functions/condition.js';
-
 class Talent {
-    constructor() {}
+    constructor(system) {
+        this.#system = system;
+    }
 
+    #system;
     #talents;
     #talentPullCount;
     #talentRate;
@@ -11,11 +11,12 @@ class Talent {
 
     initial({talents}) {
         this.#talents = talents;
+        const emt = this.#system.function(this.#system.Function.CONDITION).extractMaxTriggers;
         for(const id in talents) {
             const talent = talents[id];
             talent.id= Number(id);
             talent.grade = Number(talent.grade);
-            talent.max_triggers = extractMaxTriggers(talent.condition);
+            talent.max_triggers = emt(talent.condition);
             if(talent.replacement) {
                 for(let key in talent.replacement) {
                     const obj = {};
@@ -34,6 +35,10 @@ class Talent {
         return Object.keys(this.#talents).length;
     }
 
+    get #prop() {
+        return this.#system.request(this.#system.Module.PROPERTY);
+    }
+
     config({
         talentPullCount = 10, // number of talents to pull from the talent pool
         talentRate = { 1:100, 2:10, 3:1, total: 1000 }, // rate of talent pull
@@ -45,15 +50,15 @@ class Talent {
     }
 
 
-    check(talentId, property) {
+    check(talentId) {
         const { condition } = this.get(talentId);
-        return checkCondition(property, condition);
+        return this.#system.check(this.#prop, condition);
     }
 
     get(talentId) {
         const talent = this.#talents[talentId];
         if(!talent) throw new Error(`[ERROR] No Talent[${talentId}]`);
-        return clone(talent);
+        return this.#system.clone(talent);
     }
 
     information(talentId) {
@@ -61,11 +66,11 @@ class Talent {
         return { grade, name, description };
     }
 
-    exclusive(talends, exclusiveId) {
+    exclude(talents, excludeId) {
-        const { exclusive } = this.get(exclusiveId);
+        const { exclude } = this.get(excludeId);
-        if(!exclusive) return null;
+        if(!exclude) return null;
-        for(const talent of talends) {
+        for(const talent of talents) {
-            for(const e of exclusive) {
+            for(const e of exclude) {
                 if(talent == e) return talent;
             }
         }
@@ -81,7 +86,7 @@ class Talent {
     }
 
     getRate(additionValues = {}) {
-        const rate = clone(this.#talentRate);
+        const rate = this.#system.clone(this.#talentRate);
         const addition = { 1:1, 2:1, 3:1, };
 
         Object.keys(additionValues).forEach(key => {
@@ -103,13 +108,14 @@ class Talent {
             let randomNumber = Math.floor(Math.random() * rate.total);
             if((randomNumber -= rate[3]) < 0) return 3;
             if((randomNumber -= rate[2]) < 0) return 2;
-            if((randomNumber -= rate[1]) < 0) return 1;
+            if((randomNumber -  rate[1]) < 0) return 1;
             return 0;
         }
 
         const talentList = {};
         for(const talentId in this.#talents) {
-            const { id, grade, name, description } = this.#talents[talentId];
+            const { id, grade, name, description, exclusive } = this.#talents[talentId];
+            if(!!exclusive) continue;
             if(id == include) {
                 include = { grade, name, description, id };
                 continue;
@@ -130,6 +136,19 @@ class Talent {
             });
     }
 
+    random(count) {
+        const talents = Object
+            .keys(this.#talents)
+            .filter(id=>!this.#talents[id].exclusive);
+        return new Array(count)
+            .fill(1)
+            .map(()=>talents.splice(
+                    Math.floor(Math.random()*talents.length)%talents.length,
+                    1
+                )[0]
+            );
+    }
+
     allocationAddition(talents) {
         if(Array.isArray(talents)) {
             let addition = 0;
@@ -140,9 +159,9 @@ class Talent {
         return Number(this.get(talents).status) || 0;
     }
 
-    do(talentId, property) {
+    do(talentId) {
         const { effect, condition, grade, name, description } = this.get(talentId);
-        if(condition && !checkCondition(property, condition))
+        if(condition && !this.#system.check(condition))
             return null;
         return { effect, grade, name, description };
     }
@@ -153,32 +172,34 @@ class Talent {
             if(!replacement) return null;
             const list = [];
             if(replacement.grade) {
-                this.forEach(({id, grade})=>{
+                this.forEach(({id, grade, exclusive})=>{
+                    if(exclusive) return;
                     if(!replacement.grade[grade]) return;
-                    if(this.exclusive(talents, id)) return;
+                    if(this.exclude(talents, id)) return;
                     list.push([id, replacement.grade[grade]]);
                 })
             }
             if(replacement.talent) {
                 for(let id in replacement.talent) {
                     id = Number(id);
-                    if(this.exclusive(talents, id)) continue;
+                    if(this.exclude(talents, id)) continue;
                     list.push([id, replacement.talent[id]]);
                 }
             }
             return list;
         }
 
+        const wr = this.#system.function(this.#system.Function.UTIL).weightRandom;
         const replace = (talent, talents) => {
             const replaceList = getReplaceList(talent, talents);
             if(!replaceList) return talent;
-            const rand = weightRandom(replaceList);
+            const rand = wr(replaceList);
             return replace(
                 rand, talents.concat(rand)
             );
         }
 
-        const newTalents = clone(talents);
+        const newTalents = this.#system.clone(talents);
         const result = {};
         for(const talent of talents) {
             const replaceId = replace(talent, newTalents);
@@ -193,7 +214,7 @@ class Talent {
     forEach(callback) {
         if(typeof callback != 'function') return;
         for(const id in this.#talents)
-            callback(clone(this.#talents[id]), id);
+            callback(this.#system.clone(this.#talents[id]), id);
     }
 
 }

src/ui/laya.patch.js

@@ -0,0 +1,47 @@
+// 滚动条太灵敏
+const SCROLL_START_DISTANCE = 30;
+Laya.ScrollBar.prototype.loop=function(){
+    var mouseY=Laya.stage.mouseY;
+    var mouseX=Laya.stage.mouseX;
+    this._lastOffset=this.isVertical ? (mouseY-this._lastPoint.y):(mouseX-this._lastPoint.x);
+    if (this._clickOnly){
+        if (Math.abs(this._lastOffset *(this.isVertical ? Laya.stage._canvasTransform.getScaleY():Laya.stage._canvasTransform.getScaleX()))> SCROLL_START_DISTANCE){
+            this._clickOnly=false;
+            this._offsets || (this._offsets=[]);
+            this._offsets.length=0;
+            this._target.mouseEnabled=false;
+            if (!this.hide && this.autoHide){
+                this.alpha=1;
+                this.visible=true;
+            }
+            this.event(/*laya.events.Event.START*/"start");
+        }else return;
+    }
+    this._offsets.push(this._lastOffset);
+    this._lastPoint.x=mouseX;
+    this._lastPoint.y=mouseY;
+    if (this._lastOffset===0)return;
+    if (!this._checkElastic){
+        if (this.elasticDistance > 0){
+            if (!this._checkElastic && this._lastOffset !=0){
+                if ((this._lastOffset > 0 && this._value <=this.min)|| (this._lastOffset < 0 && this._value >=this.max)){
+                    this._isElastic=true;
+                    this._checkElastic=true;
+                    }else {
+                    this._isElastic=false;
+                }
+            }
+            }else {
+            this._checkElastic=true;
+        }
+    }
+    if (this._isElastic){
+        if (this._value <=this.min){
+            this.value-=this._lastOffset *Math.max(0,(1-((this.min-this._value)/ this.elasticDistance)));
+            }else if (this._value >=this.max){
+            this.value-=this._lastOffset *Math.max(0,(1-((this._value-this.max)/ this.elasticDistance)));
+        }
+        }else {
+        this.value-=this._lastOffset;
+    }
+}

src/ui/runtime.js

@@ -475,6 +475,12 @@ class ColorfulBox extends Laya.Box {
         label.text = value;
     }
 
+    get cacheAs() {return super.cacheAs;}
+    set cacheAs(value) {
+        if(value=='bitmap') debugger;
+        super.cacheAs = value;
+    }
+
 }
 
 runtime.BlankBox =
@@ -535,3 +541,31 @@ class BlankBox extends Laya.Box {
         this.#draw();
     }
 }
+
+runtime.ColorAgentLabel =
+class ColorAgentLabel extends Laya.Label {
+    constructor(...args) {
+        super(...args);
+    }
+
+    get #brothers() {
+        const brothers = [];
+        if(!this.parent) return brothers;
+        const deepFind = p => {
+            if(!p._childs) return;
+            for(const c of p._childs) {
+                if(c == this) continue;
+                if(c instanceof Laya.Label) brothers.push(c);
+                deepFind(c);
+            }
+        }
+        deepFind(this.parent);
+        return brothers;
+    }
+
+    get color() {return this.super.color;}
+    set color(c) {
+        super.color = c;
+        this.#brothers.forEach(b=>b.color=c);
+    }
+}