feat(aklive2d): added a new variable use_json for json skel

aklive2d.js

@@ -220,6 +220,9 @@ async function main() {
       }, {
         key: "music_mapping",
         value: JSON.stringify(musicMapping)
+      }, {
+        key: "use_json",
+        value: __config.operators[OPERATOR_NAME].use_json
       }
     ]), envPath)
 

config/_template.yaml

@@ -8,4 +8,5 @@ viewport_bottom: 0
 invert_filter: false
 codename: 
   zh-CN: 假日威龙陈
-  en-US: Ch'en/Chen the Holungday
+  en-US: Ch'en/Chen the Holungday
+use_json: false

config/chen.yaml

@@ -9,4 +9,5 @@ invert_filter: false
 codename: 
   zh-CN: 假日威龙陈
   en-US: Ch'en/Chen the Holungday
+use_json: false
 offical_id: "20220345"

config/chen_ten_thousand_mountains.yaml

@@ -9,4 +9,5 @@ invert_filter: false
 codename:
   zh-CN: 万重山 · 假日威龙陈
   en-US: Ten Thousand Mountains / Ch'en/Chen the Holungday
+use_json: false
 offical_id: "202304659"

config/chongyue.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 重岳
   en-US: Chongyue
+use_json: false
 offical_id: "202301606"

config/chongyue_alighting.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 何处栖 · 重岳
   en-US: Alighting / Chongyue
+use_json: false
 offical_id: "202401812"

config/dusk.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 夕
   en-US: Dusk
+use_json: false
 offical_id: "202203263"

config/dusk_everything_is_a_miracle.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 染尘烟 · 夕
   en-US: Everything is a Miracle / Dusk
+use_json: false
 offical_id: "20220321"

config/eyjafjalla_the_hvit_aska.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 纯烬艾雅法拉
   en-US: Eyjafjalla the Hvít Aska
+use_json: false
 offical_id: "202307865"

config/gavial.yaml

@@ -9,4 +9,5 @@ invert_filter: false
 codename: 
   zh-CN: 百练嘉维尔
   en-US: Gavial the Invincible
+use_json: false
 offical_id: "202208258"

config/gavial_the_invincible_holiday_hd26.yaml

@@ -9,4 +9,5 @@ invert_filter: false
 codename:
   zh-CN: 悠然假日 HD26 · 百炼嘉维尔
   en-US: Holiday HD26 / Gavial the Invincible
+use_json: false
 offical_id: "202307886"

config/goldenglow_summer_flowers_fa394.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 夏卉 FA394 · 澄闪
   en-US: Summer Flowers FA394 / Goldenglow
+use_json: false
 offical_id: "202307824"

config/ines_under_the_flaming_dome.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 燃烧天穹下 · 伊内丝
   en-US: Under the Flaming Dome / Ines
+use_json: false
 offical_id: "202404087"

config/kaltsit_remnant.yaml

@@ -9,4 +9,5 @@ invert_filter: false
 codename:
   zh-CN: 残余 · 凯尔希
   en-US: Remnant / Kal'tsit
+use_json: false
 offical_id: "202304833"

config/lee_trust_your_eyes.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 手到牌来 · 老鲤
   en-US: Trust Your Eyes / Lee
+use_json: false
 offical_id: "202210279"

config/lin_heavenly_mirage.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 列瑶台 · 林
   en-US: Heavenly Mirage / Lin
+use_json: false
 offical_id: "202401034"

config/ling.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 令
   en-US: Ling
+use_json: false
 offical_id: "20220383"

config/ling_it_does_wash_the_strings.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 濯缨 · 令
   en-US: It Does Wash the Strings / Ling
+use_json: false
 offical_id: "202301647"

config/ling_towering_is_cliff_of_nostalgia.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 崖高梦远 · 令
   en-US: Towering is Cliff of Nostalgia
+use_json: false
 offical_id: "202308807"

config/mizuki_summer_feast.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 夏日餮宴 · 水月
   en-US: Summer Feast / Mizuki
+use_json: false
 offical_id: "202211685"

config/muelsyse.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 缪尔赛思
   en-US: Muelsyse
+use_json: false
 offical_id: "202304611"

config/muelsyse_young_branch.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 新枝 · 缪尔赛思
   en-US: Young Branch / Muelsyse
+use_json: false
 offical_id: "202404090"

config/mwynar_w_dali.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 远路 · 玛恩纳
   en-US: W Dali / Młynar
+use_json: false
 offical_id: "202310850"

config/nearl.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 耀骑士临光
   en-US: Nearl the Radiant Knight
+use_json: false
 offical_id: "20220304"

config/nearl_relight.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 复现荣光 · 耀骑士临光
   en-US: Relight / Nearl
+use_json: false
 offical_id: "202210623"

config/nian.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 年
   en-US: Nian
+use_json: false
 offical_id: "202203231"

config/nian_unfettered_freedom.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 乐逍遥 · 年
   en-US: Unfettered Freedom / Nian
+use_json: false
 offical_id: "20220362"

config/passager_dream_in_a_moment.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 今昔须臾之梦 · 异客
   en-US: Dream in a Moment / Passager
+use_json: false
 offical_id: "202210664"

config/phatom_focus.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 焦点 · 傀影
   en-US: Focus / Phatom
+use_json: false
 offical_id: "202203222"

config/pozemka_snowy_plains_in_words.yaml

@@ -9,4 +9,5 @@ invert_filter: false
 codename: 
   zh-CN: 字句中的雪原 · 鸿雪
   en-US: Snowy Plains in Words / Позёмка
+use_json: false
 offical_id: "202302698"

config/reed_the_frame_shadow_curator.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 博物 · 焰影苇草
   en-US: Curator / Reed The Flame Shadow
+use_json: false
 offical_id: "202401871"

config/reed_the_frame_shadow_summer_flower.yaml

@@ -0,0 +1,13 @@
+filename: dyn_illust_char_1020_reed2_summer#17
+logo: logo_dublinn
+fallback_name: char_1020_reed2_summer#17
+viewport_left: 0
+viewport_right: 0
+viewport_top: 0
+viewport_bottom: 0
+invert_filter: true
+codename:
+  zh-CN: 夏卉 FA075 · 焰影苇草
+  en-US: Summer Flowers FA075 / Reed The Flame Shadow
+use_json: true
+offical_id: "202407051"

config/rosmontis.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 迷迭香
   en-US: Rosmontis
+use_json: false
 offical_id: "20220378"

config/rosmontis_become_anew.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 拥抱新生 · 迷迭香
   en-US: Become Anew / Rosmontis
+use_json: false
 offical_id: "202210632"

config/shu.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 黍
   en-US: Shu
+use_json: false
 offical_id: "202401025"

config/silverash_never_melting_ice.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 不融冰 · 银灰
   en-US: Never-Melting Ice / SilverAsh
+use_json: false
 offical_id: "202404066"

config/skadi.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 浊心斯卡蒂
   en-US: Skadi the Corrupting Heart
+use_json: false
 offical_id: "20220396"

config/skadi_sublimation.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 升华 · 浊心斯卡蒂
   en-US: Sublimation / Skadi the Corrupting Heart
+use_json: false
 offical_id: "202204205"

config/skadi_the_corrupting_heart_red_countess.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 红女爵 · 浊心斯卡蒂
   en-US: Red Countess / Skadi the Corrupting Heart
+use_json: false
 offical_id: "202404008"

config/specter.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 归溟幽灵鲨
   en-US: Specter the Unchained
+use_json: false
 offical_id: "202204284"

config/specter_born_as_one.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 生而为一 · 归溟幽灵鲨
   en-US: Born as One / Specter the Unchained
+use_json: false
 offical_id: "202304670"

config/surtr_colorful_wonderland.yaml

@@ -9,4 +9,5 @@ invert_filter: false
 codename: 
   zh-CN: 缤纷奇境 CW03 · 史尔特尔
   en-US: Colorful Wonderland CW03 / Surtr
+use_json: false
 offical_id: "202208297"

config/texas_the_omertosa.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 缄默德克萨斯
   en-US: Texas the Omertosa
+use_json: false
 offical_id: "202210210"

config/texas_the_omertosa_wingbreaker.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 破翼者 · 缄默德克萨斯
   en-US: Wingbreaker / Texas the Omertosa
+use_json: false
 offical_id: "202310899"

config/virtuosa.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 塑心
   en-US: Virtuosa
+use_json: false
 offical_id: "202310848"

config/w.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: W
   en-US: W
+use_json: false
 offical_id: "20220319"

config/w_wonder.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename: 
   zh-CN: 恍惚 · W
   en-US: Wonder / W
+use_json: false
 offical_id: "202206246"

config/wisadel.yaml

@@ -9,4 +9,5 @@ invert_filter: true
 codename:
   zh-CN: 维什戴尔
   en-US: Wisadel
+use_json: false
 offical_id: "202404049"

libs/assets_processor.js

@@ -43,14 +43,20 @@ export default class AssetsProcessor {
         const croppedBuffer = await this.#alphaCompositer.crop(portraitBuffer, rect)
         await write(croppedBuffer, path.join(this.#operatorSourceFolder, this.#operatorName, `${fallback_name}_portrait.png`))
 
-        return await this.generateAssets(__config.operators[this.#operatorName].filename, extractedDir)
+        return await this.generateAssets(__config.operators[this.#operatorName].filename, extractedDir, __config.operators[this.#operatorName].use_json)
     }
 
-    async generateAssets(filename, extractedDir) {
+    async generateAssets(filename, extractedDir, useJSON=false) {
         const BASE64_BINARY_PREFIX = 'data:application/octet-stream;base64,'
         const BASE64_PNG_PREFIX = 'data:image/png;base64,'
         const assetsJson = {}
-        const skelFilename = `${filename}.skel`
+
+        let skelFilename;
+        if (useJSON) {
+            skelFilename = `${filename}.json`
+        } else {
+            skelFilename = `${filename}.skel`
+        }
         const skel = await read(path.join(extractedDir, skelFilename), null)
         const atlasFilename = `${filename}.atlas`
         const atlas = await read(path.join(extractedDir, atlasFilename))

showcase/src/components/player.js

@@ -9,8 +9,7 @@ let isPlayingInteract = false;
 
 export default function spinePlayer(el) {
   el.hidden = false
-  return new spine.SpinePlayer(el, {
+  const playerConfig = {
-    skelUrl: `./assets/${import.meta.env.VITE_FILENAME}.skel`,
     atlasUrl: `./assets/${import.meta.env.VITE_FILENAME}.atlas`,
     rawDataURIs: assets,
     premultipliedAlpha: true,
@@ -62,5 +61,11 @@ export default function spinePlayer(el) {
       window.settings.success()
       window.music.success()
     },
-  })
+  }
+  if (import.meta.env.VITE_USE_JSON === "true") {
+    playerConfig.jsonUrl = `./assets/${import.meta.env.VITE_FILENAME}.json`
+  } else {
+    playerConfig.skelUrl = `./assets/${import.meta.env.VITE_FILENAME}.skel`
+  }
+  return new spine.SpinePlayer(el, playerConfig)
 }