feat(live2d): added Start animation for supported operator

README.md

@@ -6,12 +6,12 @@ A project that builds showcase webpage for Arknights Live2D-equipped operators.
 
 Version: `4th Anniversary`
 
-- [ ] Operator: Muelsyse
+- [x] Operator: Muelsyse
 - [x] Skin: Born as One / Specter the Unchained
 - [x] Skin: Ten Thousand Mountains / Ch'en/Chen the Holungday
-- [ ] Skin: Remnant / Kal'tsit
+- [x] Skin: Remnant / Kal'tsit
 - [x] Background and Music Update
-- [ ] Voice: Chinese Topolect for Lee
+- [x] Voice: Chinese Topolect for Lee
 
 ## Softwares
 - For Windows users: Use [Wallpaper Engine](https://www.wallpaperengine.io/en) or other softwares that support using webpage as desktop wallpaper.

Version

@@ -1 +1 @@
-3.5.6
+3.6.4

changelogs.yaml

@@ -1,4 +1,6 @@
 showcase:
+  2023/05/04:
+    - Added Start animation for supported operator
   2023/03/15:
     - Added background music
   2023/03/03:
@@ -40,13 +42,15 @@ showcase:
   2021/05/26:
     - First commit
 directory:
+  2023/05/04:
+    - Added Start animation for supported operator
   2023/05/01:
     - Added new background and music
     - Added Born as One / Specter the Unchained
     - Added Ten Thousand Mountains / Ch'en/Chen the Holungday
-    # - Added Remnant / Kal'tsit
+    - Added Remnant / Kal'tsit
-    # - Added Muelsyse
+    - Added Muelsyse
-    # - Added Chinese Topolect for Lee
+    - Added Chinese Topolect for Lee
   2023/03/15:
     - Added background music
   2023/03/03:

config/specter_born_as_one.yaml

@@ -6,7 +6,7 @@ viewport_left: -1
 viewport_right: 1
 viewport_top: 0
 viewport_bottom: 1
-invert_filter: false
+invert_filter: true
 color: rgb(140, 7, 7)
 codename:
   zh-CN: 生而为一 · 归溟幽灵鲨

directory/Version

@@ -1 +1 @@
-1.2.5
+1.2.7

directory/src/routes/path/Operator.jsx

@@ -183,6 +183,10 @@ export default function Operator() {
         fps: 60,
         defaultMix: 0.3,
         success: (player) => {
+          if (player.skeleton.data.animations.map(e => e.name).includes("Start")) {
+            player.animationState.setAnimation(0, "Start", false, 0)
+            player.animationState.addAnimation(0, "Idle", true, 0);
+          }
           let lastVoiceId = null
           let currentVoiceId = null
           player.canvas.onclick = () => {

src/components/player.js

@@ -13,7 +13,6 @@ export default function spinePlayer(el) {
     skelUrl: `./assets/${import.meta.env.VITE_FILENAME}.skel`,
     atlasUrl: `./assets/${import.meta.env.VITE_FILENAME}.atlas`,
     rawDataURIs: assets,
-    animation: "Idle",
     premultipliedAlpha: true,
     alpha: true,
     backgroundColor: "#00000000",
@@ -31,6 +30,10 @@ export default function spinePlayer(el) {
     fps: 60,
     defaultMix: 0,
     success: function (widget) {
+      if (widget.skeleton.data.animations.map(e => e.name).includes("Start")) {
+        widget.animationState.setAnimation(0, "Start", false, 0)
+        widget.animationState.addAnimation(0, "Idle", true, 0);
+      }
       widget.animationState.addListener({
         end: (e) => {
           if (e.animation.name == "Interact") {