@biunow/agent-biuart 0.1.0 → 0.1.2

package/bin/server.mjs

@@ -118,12 +118,12 @@ async function renderThumb(cfg, engineRoot, item, kind) {
     if (kind === 'style' && item.era) {
       await render({
         engineRoot, out: tmpDir, solo: item.era, film: item.film || '',
-        stills: '1.2', width: 480, height: 270,
+        stills: '1.2', stillWidth: 640,
       });
     } else {
       const example = path.join(engineRoot, 'examples', `${item.id}.json`);
       if (!fs.existsSync(example)) throw new Error(`缺少示例 spec：examples/${item.id}.json`);
-      await render({ engineRoot, out: tmpDir, specPath: example, stills: '0.8' });
+      await render({ engineRoot, out: tmpDir, specPath: example, stills: '0.8', stillWidth: 640 });
     }
     const png = fs.readdirSync(tmpDir).find((name) => name.endsWith('.png'));
     if (!png) throw new Error('引擎没有产出静帧');

package/lib/render-bridge.mjs

@@ -472,8 +472,25 @@ export async function render(options) {
       const dir = path.resolve(out);
       fs.mkdirSync(dir, { recursive: true });
       const times = String(stills).split(',').map(Number).filter(Number.isFinite);
+      // stillWidth：先在原尺寸渲完整构图，再等比缩到指定宽度（引擎场景按 1920 坐标写死，直接小画布渲会被裁成左上角）
+      const stillWidth = Number(options.stillWidth || 0);
       for (const time of times) {
-        const base64 = await grab(time);
+        let base64 = await grab(time);
+        if (stillWidth > 0) {
+          base64 = await page.evaluate(({ b64, w }) => new Promise((resolve, reject) => {
+            const img = new Image();
+            img.onload = () => {
+              const k = Math.min(1, w / img.width);
+              const c2 = document.createElement('canvas');
+              c2.width = Math.round(img.width * k);
+              c2.height = Math.round(img.height * k);
+              c2.getContext('2d').drawImage(img, 0, 0, c2.width, c2.height);
+              resolve(c2.toDataURL('image/png').split(',')[1]);
+            };
+            img.onerror = () => reject(new Error('静帧缩放失败'));
+            img.src = `data:image/png;base64,${b64}`;
+          }), { b64: base64, w: stillWidth });
+        }
         fs.writeFileSync(path.join(dir, `t${time.toFixed(2).padStart(6, '0')}.png`), Buffer.from(base64, 'base64'));
       }
       return { out: dir, mode: 'stills', frames: times.length, stills: times, errors, engineRoot };

package/manifest.json

@@ -2,7 +2,7 @@
   "schemaVersion": 1,
   "id": "biuart",
   "name": "BiuArt",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "publisher": "Biunow",
   "description": "BiuArt 艺术动画：锁定一种画风，用代码画出会动的画面，一镜一镜渲成片。",
   "entry": {
@@ -45,8 +45,8 @@
     "requiresEntitlement": "export"
   },
   "integrity": {
-    "sha256": "0be499e80eb1cefb3d86c875c1e9d2bae6cfe2ae5ed60fed5201839f2aa68b74",
-    "signature": "bDz5NmcG7CFseOoI+7zzWm6tEycR6A/cxL/DseJIZ2UMjJKsMCK72jKzIZuAWQ4H7na+8ER7Xd+d3WoKgZ7SAA==",
+    "sha256": "f6fca5f754b9d3c4fb1df85456d1b83232b58c3c14578a547816bfde8a1f88e1",
+    "signature": "mxu0dAVRKJFWK4dOJRH7rn5rkd3Phe/uX6xnGKl+08yQMLZY7m0U+b48JK7JISI2VhPDc31oRhUqLTdz2f50Bw==",
     "signedBy": "publisher-key"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biunow/agent-biuart",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "BiuArt",
   "license": "UNLICENSED",
   "publishConfig": {

package/studio/composer.css

@@ -400,7 +400,7 @@ button:disabled { cursor: not-allowed; opacity: .5; }
   display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 7px;
   overflow: hidden; background: #ecece6;
 }
-.sm-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.sm-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .sm-thumb-ph {
   display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
   font-size: 17px; font-weight: 600; color: var(--muted);
@@ -413,7 +413,7 @@ button:disabled { cursor: not-allowed; opacity: .5; }
   overflow: hidden; animation: sm-in .16s ease-out;
 }
 .sm-preview-img { width: 100%; aspect-ratio: 16 / 9; background: #ecece6; }
-.sm-preview-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.sm-preview-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
 .sm-preview-body { padding: 11px 14px 13px; }
 .sm-preview-title { display: flex; align-items: baseline; gap: 8px; }
 .sm-preview-title strong {