feat: 新增「猫咪设置 > 模型设置 > 动作音效」配置项 (#893)

Author: ayangweb

src/locales/en-US.json

@@ -20,6 +20,7 @@
           "windowSize": "Window Size",
           "windowRadius": "Window Radius",
           "opacity": "Opacity",
+          "motionSound": "Motion Sound",
           "autoReleaseDelay": "Auto Release Delay",
           "hideOnHover": "Hide on Hover",
           "position": "Window Position"
@@ -28,6 +29,7 @@
           "mirrorMode": "When enabled, the model will be mirrored horizontally.",
           "singleMode": "When enabled, only the last pressed key is displayed for each hand.",
           "mouseMirror": "When enabled, the mouse will mirror the hand movement.",
+          "motionSound": "When enabled, the model will play corresponding sound effects when performing actions (if they exist).",
           "passThrough": "When enabled, clicks pass through the window without affecting it.",
           "alwaysOnTop": "When enabled, the window stays above all other windows.",
           "windowSize": "Move mouse to window edge, or hold Shift and right-drag to resize.",

src/locales/pt-BR.json

@@ -20,6 +20,7 @@
           "windowSize": "Tamanho da Janela",
           "windowRadius": "Raio da Janela",
           "opacity": "Opacidade",
+          "motionSound": "Som de Ação",
           "autoReleaseDelay": "Atraso de Liberação Automática",
           "hideOnHover": "Ocultar ao Passar o Mouse",
           "position": "Posição da Janela"
@@ -28,6 +29,7 @@
           "mirrorMode": "Quando ativado, o modelo será invertido horizontalmente.",
           "singleMode": "Quando ativado, apenas a última tecla pressionada em cada mão é exibida (evita mostrar múltiplas mãos ao pressionar várias teclas ao mesmo tempo).",
           "mouseMirror": "Quando ativado, o mouse espelhará o movimento da mão.",
+          "motionSound": "Quando ativado, o modelo reproduzirá efeitos sonoros correspondentes ao executar ações (se existirem).",
           "passThrough": "Quando ativado, a janela não afetará operações em outros aplicativos.",
           "alwaysOnTop": "Quando ativado, a janela sempre ficará acima de outros aplicativos.",
           "windowSize": "Mova o mouse para a borda da janela ou segure Shift e arraste com o botão direito para redimensionar.",

src/locales/vi-VN.json

@@ -20,6 +20,7 @@
           "windowSize": "Kích thước",
           "windowRadius": "Độ bo tròn cửa sổ",
           "opacity": "Độ mờ",
+          "motionSound": "Âm thanh hành động",
           "autoReleaseDelay": "Độ trễ tự động nhả phím",
           "hideOnHover": "Ẩn khi di chuột",
           "position": "Vị trí cửa sổ"
@@ -28,6 +29,7 @@
           "mirrorMode": "Bật để lật ngang mô hình.",
           "singleMode": "Khi bật, mỗi tay mèo chỉ hiển thị phím vừa nhấn cuối cùng (tránh hiện nhiều tay khi nhấn nhiều phím cùng lúc).",
           "mouseMirror": "Khi bật, chuột của mô hình sẽ phản chiếu theo chuyển động chuột thực tế.",
+          "motionSound": "Khi bật, mô hình sẽ phát các âm thanh tương ứng khi thực hiện hành động (nếu tồn tại).",
           "passThrough": "Bật để cửa sổ không ảnh hưởng đến thao tác trên ứng dụng khác.",
           "alwaysOnTop": "Bật để cửa sổ luôn nằm trên ứng dụng khác.",
           "windowSize": "Di chuyển chuột đến mép cửa sổ hoặc giữ Shift và kéo chuột phải để thay đổi kích thước.",

src/locales/zh-CN.json

@@ -20,6 +20,7 @@
           "windowSize": "窗口尺寸",
           "windowRadius": "窗口圆角",
           "opacity": "不透明度",
+          "motionSound": "动作音效",
           "autoReleaseDelay": "按键自动释放延迟",
           "hideOnHover": "鼠标移入隐藏",
           "position": "窗口位置"
@@ -28,6 +29,7 @@
           "mirrorMode": "启用后，模型将水平镜像翻转。",
           "singleMode": "启用后，每只手只显示最后按下的一个按键。",
           "mouseMirror": "启用后，鼠标将镜像跟随手部移动。",
+          "motionSound": "启用后，模型执行动作时会播放对应音效（如果存在）。",
           "passThrough": "启用后，窗口不影响对其他应用程序的操作。",
           "alwaysOnTop": "启用后，窗口始终显示在其他应用程序上方。",
           "windowSize": "将鼠标移至窗口边缘，或按住 Shift 并右键拖动，也可以调整窗口大小。",

src/locales/zh-TW.json

@@ -20,6 +20,7 @@
           "windowSize": "視窗尺寸",
           "windowRadius": "視窗圓角",
           "opacity": "不透明度",
+          "motionSound": "動作音效",
           "autoReleaseDelay": "按鍵自動釋放延遲",
           "hideOnHover": "滑鼠游標移入隱藏",
           "position": "視窗位置"
@@ -28,6 +29,7 @@
           "mirrorMode": "啟用後，模型將水平鏡像翻轉。",
           "singleMode": "啟用後，每隻手只顯示最後按下的一個按鍵。",
           "mouseMirror": "啟用後，滑鼠游標將鏡像跟隨手部移動。",
+          "motionSound": "啟用後，模型執行動作時會播放對應音效（如果存在）。",
           "passThrough": "啟用後，視窗不影響對其他應用程式的操作。",
           "alwaysOnTop": "啟用後，視窗始終顯示在其他應用程式上方。",
           "windowSize": "將滑鼠游標移至視窗邊緣，或按住 Shift 並右鍵拖曳，也可以調整視窗大小。",

src/pages/main/index.vue

@@ -126,6 +126,10 @@ watch(() => catStore.window.alwaysOnTop, setAlwaysOnTop, { immediate: true })
 
 watch(() => generalStore.app.taskbarVisible, setTaskbarVisibility, { immediate: true })
 
+watch(() => catStore.model.motionSound, (value) => {
+  live2d.setMotionSoundEnabled(value)
+}, { immediate: true })
+
 useTauriListen<MotionInfo>(LISTEN_KEY.START_MOTION, ({ payload }) => {
   live2d.startMotion(payload)
 })

src/pages/preference/components/cat/index.vue

@@ -34,6 +34,13 @@ const catStore = useCatStore()
       <Switch v-model:checked="catStore.model.mouseMirror" />
     </ProListItem>
 
+    <ProListItem
+      :description="$t('pages.preference.cat.hints.motionSound')"
+      :title="$t('pages.preference.cat.labels.motionSound')"
+    >
+      <Switch v-model:checked="catStore.model.motionSound" />
+    </ProListItem>
+
     <ProListItem
       v-if="isWindows"
       :description="$t('pages.preference.cat.hints.autoReleaseDelay')"

src/stores/cat.ts

@@ -6,6 +6,7 @@ export interface CatStore {
     mirror: boolean
     single: boolean
     mouseMirror: boolean
+    motionSound: boolean
     autoReleaseDelay: number
   }
   window: {
@@ -51,6 +52,7 @@ export const useCatStore = defineStore('cat', () => {
     mirror: false,
     single: false,
     mouseMirror: false,
+    motionSound: true,
     autoReleaseDelay: 3,
   })
 

src/utils/live2d.ts

@@ -3,7 +3,7 @@ import type { MotionInfo } from 'easy-live2d'
 
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { readDir, readTextFile } from '@tauri-apps/plugin-fs'
-import { CubismSetting, Live2DSprite, Priority } from 'easy-live2d'
+import { Config, CubismSetting, Live2DSprite, Priority } from 'easy-live2d'
 import { groupBy } from 'es-toolkit/compat'
 import JSON5 from 'json5'
 import { Application, Ticker } from 'pixi.js'
@@ -122,6 +122,10 @@ class Live2d {
   public setParameterValue(id: string, value: number | boolean) {
     return this.model?.setParameterValueById(id, Number(value))
   }
+
+  public setMotionSoundEnabled(enabled: boolean) {
+    Config.MotionSound = enabled
+  }
 }
 
 const live2d = new Live2d()