add lottie-web

assets/effect/lottie_blossom_light/images/img_0.png.meta

@@ -0,0 +1,6 @@
+{
+  "uuid": "78407bcd-d800-4d00-978d-d2f94a4f737a",
+  "importer": {
+    "textureType": 2
+  }
+}

assets/effect/lottie_blossom_light/images/img_1.png.meta

@@ -0,0 +1,6 @@
+{
+  "uuid": "c6826964-7154-4ab4-9fc4-9b5a52942e7d",
+  "importer": {
+    "textureType": 2
+  }
+}

assets/effect/lottie_blossom_light/images/img_2.png.meta

@@ -0,0 +1,6 @@
+{
+  "uuid": "88245a5c-532a-40e2-b3af-3aed6ed58bd3",
+  "importer": {
+    "textureType": 2
+  }
+}

assets/effect/lottie_blossom_light/lottie_blossom_light.json.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "134ee11f-4de3-4127-8554-b07d0e68015f"
+}

assets/effect/lottie_get_diffuse_lights/images/img_0.png.meta

@@ -0,0 +1,6 @@
+{
+  "uuid": "ceb67f2b-ede2-4e40-a96d-7d0a41945749",
+  "importer": {
+    "textureType": 2
+  }
+}

assets/effect/lottie_get_diffuse_lights/lottie_get_diffuse_lights.json.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "26da7740-c768-4fa5-9344-a925a45d1934"
+}

assets/effect/lottie_trophy_light/images/img_0.png.meta

@@ -0,0 +1,6 @@
+{
+  "uuid": "87ec1784-846b-4ea7-a4de-6d48957f8607",
+  "importer": {
+    "textureType": 2
+  }
+}

assets/effect/lottie_trophy_light/images/img_1.png.meta

@@ -0,0 +1,6 @@
+{
+  "uuid": "75bb37d7-314e-4cfe-9999-fb9abab50f07",
+  "importer": {
+    "textureType": 2
+  }
+}

assets/effect/lottie_trophy_light/lottie_trophy_light.json.meta

@@ -0,0 +1,3 @@
+{
+  "uuid": "8b00fa41-c559-41e3-aa6d-4007242de476"
+}

package-lock.json

@@ -9,7 +9,8 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
-        "bezier-easing": "^2.1.0"
+        "bezier-easing": "^2.1.0",
+        "lottie-web": "^5.13.0"
       },
       "devDependencies": {
         "@antfu/eslint-config": "^4.13.0",
@@ -3659,6 +3660,12 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/lottie-web": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.13.0.tgz",
+      "integrity": "sha512-+gfBXl6sxXMPe8tKQm7qzLnUy5DUPJPKIyRHwtpCpyUEYjHYRJC/5gjUvdkuO2c3JllrPtHXH5UJJK8LRYl5yQ==",
+      "license": "MIT"
+    },
     "node_modules/magic-string": {
       "version": "0.30.17",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",

package.json

@@ -16,6 +16,7 @@
     "eslint-plugin-format": "^1.0.1"
   },
   "dependencies": {
-    "bezier-easing": "^2.1.0"
+    "bezier-easing": "^2.1.0",
+    "lottie-web": "^5.13.0"
   }
 }

src/models/UIManager.ts

@@ -13,6 +13,7 @@ import { Stage } from "../views/Stage"
 import { TopBar } from "../views/TopBar"
 import { StorageManager } from "./StorageManager"
 import { ResourceManager } from "./ResourceManager"
+import Lottie from "lottie-web"
 
 const { regClass, property } = Laya
 
@@ -47,6 +48,14 @@ export class UIManager extends Laya.Script {
       StorageManager.getInstance().cleanAll()
     })
     this.btn_clean.visible = this.debug
+
+    // const lottie = Lottie.loadAnimation({
+    //   container: document.getElementById("layaContainer") as Element,
+    //   renderer: 'svg',
+    //   loop: true,
+    //   autoplay: true,
+    //   path: 'effect/lottie_trophy_light/lottie_trophy_light.json'
+    // })
   }
 
   private UIRoot: Laya.Panel