fixed bug

.gitignore

@@ -1,2 +1,3 @@
 node_modules
-.cache
+.cache
+dist

.npmrc

@@ -0,0 +1 @@
+auto-install-peers=true

package.json

@@ -4,19 +4,20 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "dev": "vite --host"
+    "dev": "vite --host",
+    "build": "vite build"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pixi/sound": "^4.0.6",
+    "@pixi/sound": "^4.3.0",
     "@tweenjs/tween.js": "^18.6.4",
-    "pixi.js": "^6.2.0",
-    "vite": "^2.6.14",
-    "vite-tsconfig-paths": "^3.3.17"
+    "pixi.js": "^6.5.3",
+    "vite": "^2.9.15",
+    "vite-tsconfig-paths": "^3.5.0"
   },
   "devDependencies": {
-    "typescript": "^4.5.2"
+    "typescript": "^4.8.3"
   }
 }

src/Game/index.ts

@@ -1,7 +1,8 @@
 import Game from "./Game";
 import Stage from "./Stage";
 import {Container} from "pixi.js"
-import { EDirection, EP } from "@/enmu";
+import { EP } from "@/enmu";
+import TWEEN from "@tweenjs/tween.js";
 
 const gameManager = Game.getInstance();
 const stageManager = Stage.getInstance();
@@ -44,6 +45,7 @@ stageManager.watchStageChange((stage, lastStage) => {
 gameManager.ticker.add((dt: number) => {
     if (!stageManager.curStage) return;
     let curWindow = windows[stageManager.curStage.name];
+    TWEEN.update();
     residentList.forEach((v) => v.update && v.update(dt, v.stage.name));
     stageManager.curStage &&
         curWindow &&

src/components/Button.ts

@@ -33,7 +33,7 @@ export default function Button(opts: Partial<IOpts>) {
     let button = new Container();
     let width = textStr.width + xPadding;
     let height = textStr.height + yPadding;
-
+    
     textStr.x = xPadding / 2;
     textStr.y = yPadding / 2;
 
@@ -47,7 +47,6 @@ export default function Button(opts: Partial<IOpts>) {
 
     button.addChild(rect);
     button.addChild(textStr);
-
     button.x = 100;
     button.y = 50;
     button.interactive = true;

src/stages/page_loading.ts

@@ -21,12 +21,13 @@ defineWindow(
             text.x = gameManager.getInfo().width / 2 - text.width / 2;
             text.y = gameManager.getInfo().height / 2 - text.height / 2 - 500;
             this.stage.addChild(text);
-
             const btn = Button({
                 text: "开始游戏",
-                click() {
+                click:()=>{
                     // Sound.play("my-sound")
-                    new TWEEN.Tween(btn).interpolation( TWEEN.Interpolation.Bezier ).to({ x: 100, y: 100, alpha: .2 }, 1000).start();
+                    new TWEEN.Tween(btn).interpolation( TWEEN.Interpolation.Bezier )
+                    .to({ alpha: .2,x:100, y:100 }, 1300)
+                    .start()
                 },
             });
             btn.x = gameManager.getInfo().width / 2 - btn.width / 2;
@@ -37,8 +38,8 @@ defineWindow(
             Sound.stop("my-sound");
             console.log("onUnLoad loading");
         }
-        update() {
-            TWEEN.update();
+        update(dt: number) {
+            
         }
         
     }

tsconfig.json

@@ -4,13 +4,13 @@
       "noImplicitAny": true,
       "sourceMap": true,
       "lib": ["ES2015", "DOM"],
-      "module": "ESNext",
+      "module": "ES6",
       "moduleResolution": "node",
       "allowSyntheticDefaultImports": true,
       "experimentalDecorators": true,
       "noUnusedLocals": true,
       "noUnusedParameters": true,
-      "target": "es5",
+      "target": "ES6",
       "esModuleInterop": true,
       "baseUrl": ".",
       "paths": {

vite.config.ts

@@ -2,5 +2,30 @@ import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks(id) {
+            if (id.includes("node_modules/pixi.js")) {
+                return "pixi"
+            } else if (id.includes("node_modules/@pixi/sound")) {
+                return "pixi_sound"
+            } else if (id.includes("node_modules/@pixi")) {
+                return "pixi_module"
+            } else if (id.includes("node_modules")) {
+                return "vendor"
+            }
+        },
+        entryFileNames: 'game.js',
+      },
+    },
+    minify: "terser",
+    terserOptions: {
+      compress: {
+        drop_console: true,
+        drop_debugger: true,
+      },
+    },
+  },
   plugins: [tsconfigPaths()],
 });