@seayoo-web/pixi-live2d 0.0.6 → 0.0.7

package/dist/index.js

@@ -21666,17 +21666,30 @@ class Th {
   /** 初始化模型 */
   async init() {
     try {
-      await Th.loadCubismCore(this.options.cubismCoreUrl), this.model = await hp.from(this.options.modelPath), this.app.stage.addChild(this.model), this.resize(), this.setupInteraction(), this.startManualEyeBlink(), this.options.onModelLoaded?.(this.model);
+      await Th.loadCubismCore(this.options.cubismCoreUrl), this.model = await hp.from(this.options.modelPath), this.app.stage.addChild(this.model), this.resize(), this.setupInteraction(), this.options.onModelLoaded?.(this.model);
     } catch (e) {
       console.error("Failed to initialize Live2D:", e), this.options.onModelError?.(JT(e));
     }
   }
   /** 设置点击交互 */
   setupInteraction() {
-    this.model && (this.model.interactive = this.options.interactive || !0, this.model.on("pointertap", () => {
+    this.model && (this.model.interactive = this.options.interactive || !0, this.options.interactive === !1 && this.lockHeadAngle(), this.model.on("pointertap", () => {
       this.options.enableTapBody !== !1 && this.model?.motion("TapBody");
     }));
   }
+  /**
+   * 锁定头部角度参数，防止 motion 驱动头部晃动
+   * 在 ticker 里 motion 更新之后强制覆盖为 0
+   */
+  lockHeadAngle() {
+    if (!this.model) return;
+    const e = ["EyeTracking_ParamAngleX", "EyeTracking_ParamAngleY", "ParamAngleZ"], r = this.model.internalModel.coreModel;
+    this.app.ticker.add(() => {
+      if (r)
+        for (const i of e)
+          r.setParameterValueById(i, 0);
+    });
+  }
   /** 窗口大小改变的处理函数 */
   handleResize = () => {
     this.resize();
@@ -21771,19 +21784,6 @@ class Th {
   destroy() {
     this.options.autoResize !== !1 && window.removeEventListener("resize", this.handleResize), this.app.destroy(!0);
   }
-  startManualEyeBlink() {
-    if (!this.model) return;
-    let e = 0, r = 3, i = "open", n = 0;
-    this.app.ticker.add((s) => {
-      if (!this.model) return;
-      const a = s / 60;
-      e += a;
-      let o = 1;
-      i === "open" ? e >= r && (i = "closing", n = 0) : i === "closing" ? (n += a / 0.1, o = 1 - n, n >= 1 && (i = "closed", n = 0)) : i === "closed" ? (n += a / 0.05, o = 0, n >= 1 && (i = "opening", n = 0)) : i === "opening" && (n += a / 0.1, o = n, n >= 1 && (i = "open", e = 0, r = 2.5 + Math.random() * 2.5)), o = Math.max(0, Math.min(1, o));
-      const h = this.model.internalModel.coreModel;
-      h?.setParameterValueById?.("ParamEyeLOpen", o), h?.setParameterValueById?.("ParamEyeROpen", o);
-    });
-  }
 }
 Th.loadCubismCore();
 function JT(t) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@seayoo-web/pixi-live2d",
   "description": "pixi-live2d viewer",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/types/index.d.ts

@@ -58,6 +58,11 @@ export declare class Live2DViewer {
     private init;
     /** 设置点击交互 */
     private setupInteraction;
+    /**
+     * 锁定头部角度参数，防止 motion 驱动头部晃动
+     * 在 ticker 里 motion 更新之后强制覆盖为 0
+     */
+    lockHeadAngle(): void;
     /** 窗口大小改变的处理函数 */
     private handleResize;
     /** 重新计算布局和缩放 */
@@ -98,5 +103,4 @@ export declare class Live2DViewer {
     loop(startTime?: number): () => void;
     /** 销毁实例，清理资源和监听器 */
     destroy(): void;
-    private startManualEyeBlink;
 }