dsh-live2dwaifu 2.0.1 → 2.2.0

package/README.md

@@ -231,6 +231,7 @@ python tools/export-dsh-meme.py
 | 自动播放动作 | 本机 | 开 | 模型带动作文件时，隔一会儿播一个 |
 | 说话带电子音 | 本机 | 开 | 每个字一声短音 |
 | 复述聊天内容 | 本机 | 开 | 聊天窗口出现新回复时，由她念出来 |
+| 表情包出现的位置 | 本机 | 文字左边 | 文字左边 / 文字上方 / 卡片左上角 / 说话不配图 |
 | 闲置主动说话的间隔 | 服务端 | 30 分钟 | 关闭 / 30 分钟 / 1 小时 / 2 小时 / 4 小时 |
 | 回复附带选项按钮 | 服务端 | 开 | 她觉得需要选择时，气泡上方出现可点按钮 |
 | 记住聊过的内容 | 服务端 | 开 | 关掉就不带记忆、不压缩 |
@@ -238,16 +239,7 @@ python tools/export-dsh-meme.py
 
 「本机」存 localStorage，只影响这一台浏览器；「服务端」存 `~/.dsh/dsh-live2d/config.json`，换浏览器也一样。
 
----|---|---|---|
-| 眼睛跟着鼠标 | 本机 | 开 | 关掉她就不看鼠标了 |
-| 点她有反应 | 本机 | 开 | 摸头害羞、戳身上瞪你 |
-| 自己播动作 | 本机 | 开 | 有动作文件的模型才会动 |
-| 出声 | 本机 | 开 | 电子音 |
-| 跟着聊天念 | 本机 | 开 | 助手每说一句她念一句 |
-| 没人理就自己开口 | 她那边 | 开 | 十几分钟没人说话她说一句 |
-| 给选项让他挑 | 她那边 | 开 | 气泡上方冒出可点的按钮 |
-| 记住之前说的 | 她那边 | 开 | 关掉就不带记忆、不压缩 |
-| 表情包（四档） | 她那边 | 不使用 | 测试功能，见上 |
+主动开口那根滑轴给的是基准时长，实际会在这个数前后浮动，不是准点报到；夜里 0 点到 7 点她不出声。想看效果不用等，⚙ 里有一句「让她现在说一句」，点一下马上说一句。
 
 ---
 
@@ -380,6 +372,26 @@ curl -X POST http://127.0.0.1:<端口>/dsh-live2d/api/push \
 
 版本号怎么走：动了功能和结构就抬第二位（1.2.0），只补洞和小修就抬第三位（1.2.1）。
 
+### 2.2.0
+
+- 加：表情包出在哪儿可以选。默认「文字左边」——图跟文字并排，图不再把文字往下顶。另有三档：「文字上方」（旧样子）、「卡片左上角」（单独浮一张，不挤气泡）、「说话不配图」。⚙ 第一栏就能改，改完正在显示的那张也会挪过去。
+- 修：气泡每 9 秒会被固定台词（「嗯。」「在的。」「今天还行。」）顶掉，她刚说的话、配的图都会被盖没。现在 45 秒内有过新话、或者气泡还挂着，就不插嘴。
+- 修：答题式的固定台词也换成只在她确实安静的时候才冒一句。
+
+### 2.1.0
+
+「随机主动消息」这一块基本重做了。之前那版有两个毛病，都是真的。
+
+- 修：**间隔根本不受设置管**。计时器只存在内存里，每次重启 DSH 归零，于是「闲置 1 小时才说一句」实际变成「重启后 1 小时说一句」。你重启三次，她就说三次，看着像 12 分钟、23 分钟一次。现在计时落到 `~/.dsh/dsh-live2d/auto.json`，锚点取聊天记录里最后一条的时间，重启不影响。
+- 改：间隔改成浮动。设定值只当基准，每轮在 0.8～1.4 倍之间重新抽一次，不再准点报到。
+- 加：夜里 0 点到 7 点不主动开口，白天再补。
+- 修：**主动开口的样式是照着问答样例生成的**，所以每句都像在回答一个不存在的问题，结尾固定挂「你饿不饿」。现在换成开口样例（短句、不起头就是一句陈述），每轮随机指定一种开口方式：说手上的事、想起他一句、抱怨一句、只丢两三个字、说一件变化、提一件打算做的事。
+- 加：主动开口会读自己最近六句，撞了就不说——同一个道具（粥、袖口、手凉）不会连着出现。两次都撞就这轮作罢，宁可不说。
+- 加：主动开口也带情绪和配图（按表情包设置），并且会清掉上一次没点的选项按钮。
+- 修：`guessMood` 用单字匹配，「了」被算进「无语」，导致「番茄藤绑好了」这类正常句子一律判成无语、连表情都选错。改成按词判断。
+- 加：⚙ 里多一个「让她现在说一句」，不等时间，点了就看效果。
+- 修：README 开关表里混进来一段旧表格残块。
+
 ### 2.0.1
 
 - 修：拖动时没限制边界，卡片能被推到屏幕外，标题栏抓不回来。现在拖动过程中就夹住，标题栏永远露在视口里。

package/assets/viewer.html

@@ -20,7 +20,18 @@
     opacity: 0; transition: opacity .35s ease; cursor: grab; user-select: none;
     max-height: 42%; overflow: hidden; touch-action: none; }
   #bubble:active { cursor: grabbing; }
-  .bub-img { display: block; max-width: 70%; max-height: 88px; border-radius: 10px; margin-bottom: 7px; object-fit: contain; }
+  /* 图跟文字并排：图在左，文字右，文字不被顶下去 */
+  #bubble.img-side { display: flex; align-items: flex-start; gap: 9px; }
+  #bubble.img-above { display: flex; flex-direction: column; gap: 7px; }
+  .bub-txt { flex: 1 1 auto; min-width: 0; }
+  .bub-img { display: block; border-radius: 10px; object-fit: contain; flex: none; }
+  #bubble.img-side .bub-img { max-width: 45%; max-height: 96px; }
+  #bubble.img-above .bub-img { max-width: 70%; max-height: 88px; }
+  /* 单独浮一张，不占气泡 */
+  #sticker { position: absolute; left: 10px; top: 10px; max-width: 38%; max-height: 32%;
+    opacity: 0; transition: opacity .35s ease; pointer-events: none; }
+  #sticker .stk-img { display: block; max-width: 100%; max-height: 100%; border-radius: 12px;
+    box-shadow: 0 8px 22px rgba(0,0,0,.45); object-fit: contain; }
   #hint { position: absolute; inset: 0; display: none; align-items: center; justify-content: center;
     text-align: center; padding: 24px; color: #98a0ad; }
   #hint.show { display: flex; }
@@ -57,6 +68,10 @@
   .opt-col input[type=range] { width: 100%; accent-color: #6aa9ff; }
   .opt-lab { font-size: 12px; color: #e2e8f1; margin-top: 2px; }
   .opt-note { font-size: 10.5px; line-height: 1.65; color: #6f7783; margin-top: 5px; }
+  .opt-btn { margin-top: 7px; padding: 6px 12px; border-radius: 9px; cursor: pointer; font: inherit; font-size: 12px;
+    background: rgba(255,255,255,.07); color: #dfe4ec; border: 1px solid rgba(255,255,255,.12); transition: background .15s; }
+  .opt-btn:hover { background: rgba(255,255,255,.14); }
+  .opt-btn:disabled { opacity: .55; cursor: default; }
   #actions { display: flex; gap: 8px; flex: none; }
   #actions button { flex: 1; padding: 9px; border-radius: 10px; cursor: pointer; font: inherit;
     background: rgba(255,255,255,.07); color: #dfe4ec; border: 1px solid rgba(255,255,255,.1); transition: background .15s; }
@@ -66,6 +81,7 @@
 </head>
 <body>
 <canvas id="stage"></canvas>
+<div id="sticker"></div>
 <div id="bottom">
   <div id="choices"></div>
   <div id="bubble"></div>

package/assets/viewer.js

@@ -44316,6 +44316,7 @@ void main(void)\r
   var gazeY = 0;
   var pokeAt = 0;
   var sayFade = 0;
+  var lastSayAt = 0;
   var motionGroups = [];
   var nextMotionAt = 0;
   var POKE_HEAD = ["\u5514\u3002", "\u522B\u6478\u3002", "\u5934\u53D1\u4E71\u4E86\u3002", "\u55EF\u2026\u2026", "\u4F60\u624B\u51C9\u3002"];
@@ -44383,6 +44384,40 @@ void main(void)\r
       row.appendChild(document.createTextNode(label));
       box.appendChild(row);
     }
+    const hp = document.createElement("h3");
+    hp.textContent = "\u8868\u60C5\u5305\u51FA\u73B0\u7684\u4F4D\u7F6E";
+    box.appendChild(hp);
+    const posWrap = document.createElement("div");
+    posWrap.className = "opt-col";
+    const posSlider = document.createElement("input");
+    posSlider.type = "range";
+    posSlider.min = "0";
+    posSlider.max = String(IMG_POS.length - 1);
+    posSlider.step = "1";
+    const curPos = Math.max(0, IMG_POS.indexOf(imgPos()));
+    posSlider.value = String(curPos);
+    const posLab = document.createElement("div");
+    posLab.className = "opt-lab";
+    posLab.textContent = IMG_POS_LABELS[curPos];
+    posSlider.oninput = () => {
+      posLab.textContent = IMG_POS_LABELS[Number(posSlider.value)];
+    };
+    posSlider.onchange = () => {
+      setImgPos(IMG_POS[Number(posSlider.value)]);
+      const bubble = $2("bubble");
+      const shown = bubble ? bubble.querySelector(".bub-img") : null;
+      const pushed = $2("sticker") ? $2("sticker").querySelector(".stk-img") : null;
+      const src = shown && shown.src || pushed && pushed.src || "";
+      if (shown && shown.parentNode) shown.parentNode.removeChild(shown);
+      if (src && bubble) placeImage(bubble, src);
+    };
+    const posNote = document.createElement("div");
+    posNote.className = "opt-note";
+    posNote.textContent = "\u8BF4\u8BDD\u65F6\u914D\u56FE\u51FA\u5728\u54EA\u513F\u3002\u8D34\u5728\u6587\u5B57\u5DE6\u8FB9\u6216\u4E0A\u65B9\u90FD\u8DDF\u6C14\u6CE1\u4E00\u8D77\u8D70\uFF1B\u5361\u7247\u5DE6\u4E0A\u89D2\u662F\u5355\u72EC\u6D6E\u4E00\u5F20\uFF0C\u4E0D\u6324\u6C14\u6CE1\u3002";
+    posWrap.appendChild(posSlider);
+    posWrap.appendChild(posLab);
+    posWrap.appendChild(posNote);
+    box.appendChild(posWrap);
     const h2 = document.createElement("h3");
     h2.textContent = "\u5BF9\u8BDD\u4E0E\u884C\u4E3A\uFF08\u5B58\u670D\u52A1\u7AEF\uFF09";
     box.appendChild(h2);
@@ -44448,10 +44483,28 @@ void main(void)\r
     };
     const gapNote = document.createElement("div");
     gapNote.className = "opt-note";
-    gapNote.textContent = "\u591A\u4E45\u6CA1\u6709\u5BF9\u8BDD\u4E4B\u540E\uFF0C\u89D2\u8272\u4E3B\u52A8\u8BF4\u4E00\u53E5\u3002\u9009\u300C\u5173\u95ED\u300D\u5C31\u4E0D\u4F1A\u81EA\u5DF1\u5F00\u53E3\u3002";
+    gapNote.textContent = "\u591A\u4E45\u6CA1\u6709\u5BF9\u8BDD\u4E4B\u540E\uFF0C\u89D2\u8272\u4E3B\u52A8\u8BF4\u4E00\u53E5\u3002\u5B9E\u9645\u4F1A\u6309\u8FD9\u4E2A\u6570\u4E0A\u4E0B\u6D6E\u52A8\uFF0C\u4E0D\u662F\u51C6\u70B9\uFF1B\u591C\u91CC 0 \u70B9\u5230 7 \u70B9\u4E0D\u5F00\u53E3\u3002\u9009\u300C\u5173\u95ED\u300D\u5C31\u4E0D\u4F1A\u81EA\u5DF1\u5F00\u53E3\u3002";
+    const gapTry = document.createElement("button");
+    gapTry.className = "opt-btn";
+    gapTry.textContent = "\u8BA9\u5979\u73B0\u5728\u8BF4\u4E00\u53E5";
+    gapTry.onclick = () => {
+      gapTry.disabled = true;
+      gapTry.textContent = "\u5728\u60F3\u2026";
+      fetch(BASE + "/api/talk", { method: "POST" }).then((r2) => r2.json()).then((d2) => {
+        gapTry.textContent = d2 && d2.ok ? "\u8BF4\u4E86" : "\u6CA1\u8BF4\u8BDD";
+      }).catch(() => {
+        gapTry.textContent = "\u6CA1\u8BF4\u8BDD";
+      }).then(() => {
+        setTimeout(() => {
+          gapTry.disabled = false;
+          gapTry.textContent = "\u8BA9\u5979\u73B0\u5728\u8BF4\u4E00\u53E5";
+        }, 2400);
+      });
+    };
     gapWrap.appendChild(gapSlider);
     gapWrap.appendChild(gapLab);
     gapWrap.appendChild(gapNote);
+    gapWrap.appendChild(gapTry);
     box.appendChild(gapWrap);
     const h3 = document.createElement("h3");
     h3.textContent = "\u8868\u60C5\u5305\uFF08\u6D4B\u8BD5\u529F\u80FD\uFF09";
@@ -44686,6 +44739,47 @@ void main(void)\r
     await refresh(true);
     $2("drawer").classList.remove("show");
   }
+  var IMG_POS = ["side", "above", "corner", "off"];
+  var IMG_POS_LABELS = ["\u6587\u5B57\u5DE6\u8FB9", "\u6587\u5B57\u4E0A\u65B9", "\u5361\u7247\u5DE6\u4E0A\u89D2", "\u8BF4\u8BDD\u4E0D\u914D\u56FE"];
+  function imgPos() {
+    let v2 = "";
+    try {
+      v2 = localStorage.getItem("dsh-l2d-imgpos") || "";
+    } catch {
+      v2 = "";
+    }
+    return IMG_POS.indexOf(v2) >= 0 ? v2 : "side";
+  }
+  function setImgPos(v2) {
+    try {
+      localStorage.setItem("dsh-l2d-imgpos", v2);
+    } catch {
+    }
+  }
+  function hideSticker() {
+    const st = $2("sticker");
+    if (st) st.style.opacity = "0";
+  }
+  function placeImage(bubble, image) {
+    const pos = imgPos();
+    hideSticker();
+    bubble.classList.toggle("img-above", pos === "above");
+    bubble.classList.toggle("img-side", pos === "side");
+    if (!image || pos === "off") return;
+    const img = document.createElement("img");
+    img.src = String(image);
+    if (pos === "corner") {
+      const st = $2("sticker");
+      if (!st) return;
+      img.className = "stk-img";
+      st.innerHTML = "";
+      st.appendChild(img);
+      st.style.opacity = "1";
+      return;
+    }
+    img.className = "bub-img";
+    bubble.insertBefore(img, bubble.firstChild);
+  }
   function say(text, m2, image) {
     if (m2) applyMood(m2);
     const bubble = $2("bubble");
@@ -44693,14 +44787,11 @@ void main(void)\r
     if (s2.length > 180) s2 = s2.slice(0, 178) + "\u2026";
     bubble.textContent = "";
     bubble.style.opacity = "1";
+    lastSayAt = Date.now();
     clearTimeout(sayFade);
-    if (image) {
-      const img = document.createElement("img");
-      img.className = "bub-img";
-      img.src = String(image);
-      bubble.appendChild(img);
-    }
+    placeImage(bubble, image);
     const holder = document.createElement("div");
+    holder.className = "bub-txt";
     bubble.appendChild(holder);
     const chars = Array.from(s2);
     let i2 = 0;
@@ -44711,6 +44802,7 @@ void main(void)\r
         if (chars.length) blip(tone.base * 0.82, tone.dur * 1.6, tone.type);
         sayFade = setTimeout(() => {
           bubble.style.opacity = "0";
+          hideSticker();
         }, Math.min(14e3, 4e3 + chars.length * 110));
         return;
       }
@@ -44725,6 +44817,9 @@ void main(void)\r
   }
   var idleIdx = 0;
   function idleTick() {
+    const bubble = $2("bubble");
+    if (Date.now() - lastSayAt < 45e3) return;
+    if (bubble && bubble.style.opacity !== "0" && bubble.textContent.trim()) return;
     const line = IDLE_LINES[idleIdx++ % IDLE_LINES.length];
     if (line) say(line, mood);
   }