@ninkch/dsh-infinite-canvas 0.18.2 → 0.18.4

package/assets/canvas-craft/SKILL.md

@@ -39,19 +39,31 @@ B：……
 面板文字只允许 ≤4 字短标签（面板名 / 表情名 / 颜色名）。同一资产在所有分格中外观**完全一致**——
 **已连接参考图时，参考图形象是唯一事实**，逐格严格复制；未连接参考图时逐格复用设定集外观关键词。
 
-### 角色设定图（16:9 横版——主图与三视图占大版面）
-- **版面主体（约三分之二）给画面**：中央大幅全身立绘主图（正面站姿），主图下方一排
-  **三视图（正面 / 侧面 / 背面 全身）**——三视图是必须项，后续视频要靠它保证侧背面的准确形态。
-- **右侧窄栏做纯视觉辅助（不渲染文字段落）**：
-  - 脸部特征：一格正面特写（或正 / 侧两小格）；
-  - 表情条：一行 4–6 个小头像，每格下方只标表情名（两字，按角色性格取舍，如 温柔 / 惊讶 / 坚定）；
-  - 细节特写（可选）：1–2 格（项圈 / 挂牌 / 发饰），格内无文字。
-- **禁止**：姓名 / 性别 / 年龄等属性文本、服饰说明文字、旁白或诗句——这些属于设定集，
-  画进图里必成乱码，且会挤出角色形象的一致性注意力。
-- 所有分格中同一角色外观完全一致（以参考图形象为准逐格复制）。
-- 提示词结构示例：「角色人设图（16:9 横版设定集排版）：中央大幅全身立绘，主图下方三视图一排
-  （正面/侧面/背面全身）；右侧窄栏：脸部特写一格、表情小头像一排（每格下方只标两字表情名）；
-  画面中不出现任何成段文字。」
+### 角色设定图（16:9 横版——按「六段式」结构写提示词，实测出图最稳）
+
+提示词按以下六段组织，**方括号段名照写**（模型对显式分段结构的遵循度显著更好）：
+
+- **【总起】**一句话交代：16:9 横版专业设定集排版、深色简洁背景、风格基调（如 写实电影感）、
+  同一角色在所有分格中外观完全一致。
+- **【身份锚】**声明参考图是同一角色的真实照片：严格保持脸型 / 眼型 / 耳形 / 毛量 / 口鼻比例 / 体型，
+  只改变姿势与视角；**忽略照片里的临时配饰**（狗绳、挂牌等），配饰一律按提示词文字描述绘制。
+  绑定几张参考图就写几个 [图N]。
+- **【主体】**中央大幅全身立绘（正面站姿）：体型写量化并加反例（如「约 3 公斤、肩高 20 厘米；
+  不是中型犬，不是萨摩耶/银狐/柴犬」——易混淆品种必须显式排除）、毛色毛发、五官、四肢尾巴，
+  以及固定配饰的完整描述。
+- **【主图下方·三视图（必须项）】**正面／侧面／背面三格全身站姿——同一角色只换角度，
+  交代侧背形态（后续视频一致性靠它）。
+- **【右侧窄栏·自上而下分块；每块内容全图只出现一次】**
+  ① 脸部特写一格 + 一行 ≤12 字的五官短标注；
+  ② 配饰格（有固定配饰时）：正 / 背两张小图并排，可刻短字，并注明「该物在本图内只出现这一处」；
+  ③ 表情格：6 个头部小头像分两行（每行 3 个），每个下方只标两字表情名。
+- **【文字规则】**图内文字极少：只保留两三个字的短标签，黑色细体、笔画清楚、字要写大；
+  不写任何大标题、说明段或长句。
+- **【画面白名单】**明确写出「画面中只有这一只角色和上述分格内容；没有人物、没有其他动物、
+  没有乐器、没有文字水印」——反幻觉白名单实测能压住乱入元素。
+
+要点：**每块内容全图只出现一次**（配饰在配饰格画过，主图描述就不再重复强调它）；
+反例约束有效——易混淆的品种 / 风格务必写进【主体】的排除句。
 
 ### 道具设定图（横竖皆可——按道具特性选，不限制）
 - **画幅选择**：长条形/单件道具（剑、箫、杖）竖版更能展示完整形态；

package/assets/canvas-studio/SKILL.md

@@ -141,8 +141,10 @@ description: 用无限画布（Infinite Canvas）做短剧/视频创作时使用
       （命名规范「角色-<名> 设定图」/「场景-<名> 设定图」/「道具-<名> 设定图」），
       **prompt 必须按 `canvas-craft`「资产设定图版式」一节的排版模板写详细版式提示词，
       禁止只写一句三视图/外观关键词**——信息量不足，撑不起后续视频的角色一致性。要点（完整模板见 canvas-craft）：
-      - **角色设定图**（16:9 横版）：**主图 + 三视图一排（正/侧/背全身，必须项）占大版面（约 2/3）**；
-        右窄栏纯视觉辅助（脸部特写一格 / 表情条一行小头像，每格只标两字表情名）；细节格可选
+      - **角色设定图**（16:9 横版）：按 canvas-craft 的「六段式」结构写——【总起】（版式/背景/风格/
+        全格一致）→【身份锚】（参考图=唯一形象事实，忽略照片配饰）→【主体】（量化体型+反例排除）→
+        【三视图·必须项】→【右侧窄栏：脸部特写 / 配饰格 / 表情两行×3，每格只标两字标签，
+        每块内容全图只出现一次】→【文字规则 + 画面白名单】
       - **道具设定图**（横竖皆可，按道具特性选）：顶部道具名大标题（≤6 字）；中央主图（斜 45° 悬浮+氛围光）；
         细节特写 2–3 格（格内无文字）；侧栏侧视图；底部圆形色卡 3–5 枚（色名 ≤3 字）
       - **场景设定图**（主图+环绕小图）：一张主场景大图占主体，周边环绕补充小图（多角度 / 其他时间段 / 细节格，3–6 张各配 ≤6 字短标注）——大致参考不强约束

package/client.js

@@ -2243,12 +2243,52 @@ window.__ModuleLoader__.load({
     //  参考图走三步上传（upload_urls → PUT 签名直传 → assets 登记）换 asset_id；
     //  登记结果缓存在画布资产元数据（compAssetIdCache）：同一张 CAS 资产不重复上传。
     const compAssetIdCache = new Map(); // 画布资产 id → 优云 asset_id
-    /** 参考图上传前置：统一 MIME/扩展名并测真实像素尺寸（平台校验上传宽高必须与图片一致）。 */
+    /** 从文件头字节解析像素尺寸（PNG IHDR / JPEG SOF）——与平台服务端解析口径一致：
+     *  createImageBitmap 会按 EXIF 方向旋转并交换宽高，平台读原始文件，两者不一致时登记会被拒。 */
+    function rawImageDims(u8) {
+      try {
+        // PNG：签名 8 字节 + 长度 4 + 'IHDR' → 偏移 16 起是宽高（大端 32 位）
+        if (u8[0] === 0x89 && u8[1] === 0x50) {
+          return {
+            w: ((u8[16] << 24) | (u8[17] << 16) | (u8[18] << 8) | u8[19]) >>> 0,
+            h: ((u8[20] << 24) | (u8[21] << 16) | (u8[22] << 8) | u8[23]) >>> 0,
+          };
+        }
+        // JPEG：顺序扫描段，命中 SOF0..SOF15（排除 DHT/DAC/RSTn）后取段内高/宽
+        if (u8[0] === 0xff && u8[1] === 0xd8) {
+          let i = 2;
+          while (i + 9 < u8.length) {
+            if (u8[i] !== 0xff) { i++; continue; }
+            const marker = u8[i + 1];
+            if (marker === 0xd8 || marker === 0x01 || (marker >= 0xd0 && marker <= 0xd7)) { i += 2; continue; }
+            const len = (u8[i + 2] << 8) | u8[i + 3];
+            if (len < 2) break;
+            if (marker >= 0xc0 && marker <= 0xcf && marker !== 0xc4 && marker !== 0xc8 && marker !== 0xcc) {
+              return { w: (u8[i + 7] << 8) | u8[i + 8], h: (u8[i + 5] << 8) | u8[i + 6] };
+            }
+            i += 2 + len;
+          }
+        }
+      } catch { /* 解析失败返回 null */ }
+      return null;
+    }
+    /** 参考图上传前置：魔数嗅探真实编码（平台仅收 JPG/PNG/WebP，且校验声明 MIME 与实际字节一致——
+     *  改后缀的 AVIF/HEIC 会在登记时报 "Params [Width/Height] not available"）+ 测像素尺寸
+     *  （同时给出解码尺寸与文件原始尺寸，登记不一致时用原始尺寸重试）。 */
     async function imageBlobMeta(input) {
       const blob = input.blob || input;
-      const type = (blob.type || 'image/png').toLowerCase();
-      const mime = /jpeg|jpg/.test(type) ? 'image/jpeg' : /webp/.test(type) ? 'image/webp' : 'image/png';
-      const ext = mime === 'image/jpeg' ? 'jpg' : mime === 'image/webp' ? 'webp' : 'png';
+      const head = new Uint8Array(await blob.slice(0, 16).arrayBuffer());
+      const isPng = head[0] === 0x89 && head[1] === 0x50 && head[2] === 0x4e && head[3] === 0x47;
+      const isJpg = head[0] === 0xff && head[1] === 0xd8 && head[2] === 0xff;
+      const isWebp = head[0] === 0x52 && head[1] === 0x49 && head[2] === 0x46 && head[3] === 0x46
+        && head[8] === 0x57 && head[9] === 0x45 && head[10] === 0x42 && head[11] === 0x50;
+      if (!isPng && !isJpg && !isWebp) {
+        throw new Error('参考图编码不受支持：平台仅接受 JPG/PNG/WebP 原生编码（当前文件的实际字节不是这三类，常见于改后缀的 AVIF/HEIC）——请转成 JPG/PNG 后重新挂参考图');
+      }
+      const mime = isPng ? 'image/png' : isJpg ? 'image/jpeg' : 'image/webp';
+      const ext = isPng ? 'png' : isJpg ? 'jpg' : 'webp';
+      let raw = null;
+      try { raw = rawImageDims(new Uint8Array(await blob.slice(0, 262144).arrayBuffer())); } catch { /* 忽略 */ }
       let width = 0;
       let height = 0;
       try {
@@ -2256,9 +2296,10 @@ window.__ModuleLoader__.load({
         width = bmp.width;
         height = bmp.height;
         try { bmp.close && bmp.close(); } catch { /* 忽略 */ }
-      } catch { /* 测量失败交由下方显式报错 */ }
-      if (!width || !height) throw new Error('参考图尺寸测量失败（仅支持 PNG/JPG/WebP）');
-      return { blob, mime, ext, width, height };
+      } catch { /* 解码失败时退回文件头尺寸 */ }
+      if (!width || !height) { if (raw) { width = raw.w; height = raw.h; } }
+      if (!width || !height) throw new Error('参考图尺寸测量失败');
+      return { blob, mime, ext, width, height, rawWidth: raw ? raw.w : width, rawHeight: raw ? raw.h : height };
     }
     async function compshareImageTask(prompt, refs, s, opts) {
       const o = opts || {};
@@ -2267,15 +2308,29 @@ window.__ModuleLoader__.load({
       if (!base) throw new Error('未配置图片 API 地址（优云智算：https://cp.compshare.cn）');
       const headers = { 'Content-Type': 'application/json', Accept: 'application/json', Authorization: 'Bearer ' + String(s.apiKey || '').trim() };
       const extra = parseExtraParams(s.extra); // 透传：optimize_prompt / use_context_ir 等任务级字段
+      // 报错附带实际发出的参数：登记/提交被拒时一眼看到缺什么、值是多少（不再靠猜）
+      const bodySummary = (b) => {
+        if (!b || typeof b !== 'object') return '';
+        const parts = [];
+        for (const [k, v] of Object.entries(b)) {
+          if (v === undefined) { parts.push(k + '=undefined'); continue; }
+          if (v === null) { parts.push(k + '=null'); continue; }
+          if (typeof v === 'object') { parts.push(k + '=[' + (Array.isArray(v) ? v.length + ' 项' : '对象') + ']'); continue; }
+          const t = String(v);
+          parts.push(k + '=' + (t.length > 40 ? t.slice(0, 40) + '…' : t));
+        }
+        return parts.join(' ');
+      };
       const api = async (method, path, body, idem) => {
         const h = { ...headers };
         if (idem) h['Idempotency-Key'] = idem;
         const r = await fetchViaProxy(base + path, { method, headers: h, ...(body !== undefined ? { body } : {}), timeoutMs: 120000, label: '优云图片 ' + method });
-        if (!r.ok) throw new Error('优云图片 API HTTP ' + r.status + '：' + r.text.slice(0, 300));
-        let j = null; try { j = JSON.parse(r.text); } catch { throw new Error('优云图片 API 响应非 JSON：' + r.text.slice(0, 200)); }
+        if (!r.ok) throw new Error(`优云图片 API ${method} ${path} HTTP ${r.status}：` + r.text.slice(0, 300));
+        let j = null; try { j = JSON.parse(r.text); } catch { throw new Error(`优云图片 API ${method} ${path} 响应非 JSON：` + r.text.slice(0, 200)); }
         // 网关业务错误可能 HTTP 200：RetCode≠0 或 {type:'error'} 都算失败
         if ((j.RetCode != null && Number(j.RetCode) !== 0) || j.type === 'error') {
-          throw new Error('优云图片 API 失败：' + ((j.error && j.error.message) || j.Message || JSON.stringify(j).slice(0, 200)));
+          throw new Error(`优云图片 API ${method} ${path} 失败：` + ((j.error && j.error.message) || j.Message || JSON.stringify(j).slice(0, 200))
+            + (body ? '｜已发送参数：' + bodySummary(body) : ''));
         }
         return j;
       };
@@ -2296,7 +2351,23 @@ window.__ModuleLoader__.load({
           label: '参考图上传',
         });
         if (!put.ok) throw new Error('参考图上传失败 HTTP ' + put.status + '：' + put.text.slice(0, 200));
-        const reg = await api('POST', '/image/v1/assets', { object_key: up.object_key, file_name: fileName, content_type: meta.mime, file_size: meta.blob.size, width: meta.width, height: meta.height });
+        // 登记：宽高必须与平台解析出的文件尺寸一致。浏览器解码尺寸与文件原始尺寸在
+        // EXIF 旋转图上不同 → 先用解码尺寸，被拒（Params [Width/Height] not available）时用原始尺寸重试一次
+        const regPayload = (w, h) => ({ object_key: up.object_key, file_name: fileName, content_type: meta.mime, file_size: meta.blob.size, width: w, height: h });
+        let reg = null;
+        try {
+          reg = await api('POST', '/image/v1/assets', regPayload(meta.width, meta.height));
+        } catch (e) {
+          const msg = String((e && e.message) || e);
+          const alt = meta.rawWidth && meta.rawHeight && (meta.rawWidth !== meta.width || meta.rawHeight !== meta.height);
+          if (!/width\/?height/i.test(msg) || !alt) throw e;
+          try {
+            reg = await api('POST', '/image/v1/assets', regPayload(meta.rawWidth, meta.rawHeight));
+            console.info('[infinite-canvas] 参考图登记改用文件原始尺寸成功：' + meta.rawWidth + '×' + meta.rawHeight);
+          } catch (e2) {
+            throw new Error(msg + '；改用文件原始尺寸 ' + meta.rawWidth + '×' + meta.rawHeight + ' 重试仍失败：' + ((e2 && e2.message) || e2));
+          }
+        }
         const aid = reg && reg.reference && reg.reference.asset_id;
         if (!aid) throw new Error('参考图登记失败：响应中没有 reference.asset_id');
         if (ref.assetId) compAssetIdCache.set(ref.assetId, aid);
@@ -8546,7 +8617,7 @@ window.__ModuleLoader__.load({
                   h('input', { type: 'checkbox', checked: p.generateAudio === true, onChange: (e) => patchProvider(p.id, 'generateAudio', e.target.checked), onPointerDown: (e) => e.stopPropagation() }),
                   h('span', {}, T('vidAudioOpt'))) : null,
               ],
-              (kind === 'image' || detectVideoVendor(p) === 'openai' || detectVideoVendor(p) === 'seedance') ? [
+              (kind === 'image' || kind === 'video') ? [
                 h(Field, { key: 'extra', label: T('cfgExtra'), value: p.extra || '', onChange: (v) => patchProvider(p.id, 'extra', v), placeholder: '{"watermark":false,"prompt_extend":false}', tip: T('cfgExtraHint') }),
               ] : null,
               h('div', { className: 'dshic-row', style: { marginTop: 4 } },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "@ninkch/dsh-infinite-canvas",
-    "version":  "0.18.2",
+    "version":  "0.18.4",
     "description":  "Node-based short-drama studio for DeepSeek Harness: script → storyboard → assets → shots → voiced, subtitled final cut on an infinite canvas.",
     "keywords":  [
                      "dsh",