@biunow/agent-biuart 0.0.0-stage → 0.1.0

package/data/styles.json

@@ -0,0 +1,533 @@
+{
+  "styles": [
+    {
+      "id": "01_cave",
+      "cn": "洞穴岩画",
+      "en": "Cave painting",
+      "group": "时代标本",
+      "era": "01_cave",
+      "summary": "噪声浮雕岩壁、炭点毛边、火光摇曳。"
+    },
+    {
+      "id": "02_egypt",
+      "cn": "埃及墓室壁画",
+      "en": "Egyptian wall painting",
+      "group": "时代标本",
+      "era": "02_egypt",
+      "summary": "侧脸正面眼程式、平涂细勾线、象形字。"
+    },
+    {
+      "id": "03_greek",
+      "cn": "阿提卡黑绘",
+      "en": "Attic black-figure",
+      "group": "时代标本",
+      "era": "03_greek",
+      "summary": "黑剪影、陶土色刻线、回纹带。"
+    },
+    {
+      "id": "04_roman",
+      "cn": "庞贝马赛克",
+      "en": "Roman mosaic",
+      "group": "时代标本",
+      "era": "04_roman",
+      "summary": "石块沿轮廓排布、灰浆缝、波浪纹流动。"
+    },
+    {
+      "id": "05_gothic",
+      "cn": "哥特泥金手抄本",
+      "en": "Gothic illumination",
+      "group": "时代标本",
+      "era": "05_gothic",
+      "summary": "逐像素金箔、羊皮纸、藤蔓与蜗牛。"
+    },
+    {
+      "id": "06_renaissance",
+      "cn": "文艺复兴晕涂",
+      "en": "High Renaissance",
+      "group": "时代标本",
+      "era": "06_renaissance",
+      "summary": "整层轻模糊、龟裂纹、窗口神光。"
+    },
+    {
+      "id": "08_impressionism",
+      "cn": "印象派",
+      "en": "Impressionism",
+      "group": "材料层",
+      "era": "08_impressionism",
+      "summary": "短笔触色板、光斑漂移、云走。"
+    },
+    {
+      "id": "09_postimp",
+      "cn": "梵高",
+      "en": "Post-Impressionism",
+      "group": "材料层",
+      "era": "09_postimp",
+      "summary": "流场笔触三遍、星空漩涡、灯晕外扩。"
+    },
+    {
+      "id": "10_nouveau",
+      "cn": "慕夏新艺术",
+      "en": "Art Nouveau",
+      "group": "材料层",
+      "era": "10_nouveau",
+      "summary": "可变线宽、金边有机形、卷发波。"
+    },
+    {
+      "id": "11_cubism",
+      "cn": "分析立体主义",
+      "en": "Analytic Cubism",
+      "group": "材料层",
+      "era": "11_cubism",
+      "summary": "半透明切面、双视角脸、几何碎片错位。"
+    },
+    {
+      "id": "12_bauhaus",
+      "cn": "包豪斯",
+      "en": "Bauhaus",
+      "group": "材料层",
+      "era": "12_bauhaus",
+      "summary": "纯几何构成、施莱默人偶、红黄蓝。"
+    },
+    {
+      "id": "13_pop",
+      "cn": "利希滕斯坦波普",
+      "en": "Pop Art",
+      "group": "材料层",
+      "era": "13_pop",
+      "summary": "本戴点、粗黑描边、沃霍尔四格换色。"
+    },
+    {
+      "id": "14_8bit",
+      "cn": "8-bit 像素",
+      "en": "8-bit pixel",
+      "group": "材料层",
+      "era": "14_8bit",
+      "summary": "240×135 逐像素、14 色板、步进动画。"
+    },
+    {
+      "id": "15_raytrace",
+      "cn": "早期光追 CGI",
+      "en": "Early raytrace CGI",
+      "group": "材料层",
+      "era": "15_raytrace",
+      "summary": "塑料着色、棋盘倒影、铬球环境映射。"
+    },
+    {
+      "id": "16_2026",
+      "cn": "当代扁平插画",
+      "en": "Contemporary flat",
+      "group": "材料层",
+      "era": "16_2026",
+      "summary": "颗粒点彩、无描边色块、阻尼二次动作。"
+    },
+    {
+      "id": "17_ink",
+      "cn": "中国水墨写意",
+      "en": "Chinese ink",
+      "group": "材料层",
+      "era": "17_ink",
+      "film": "gallery",
+      "summary": "毛笔飞白、墨晕洇开、留白钤印。"
+    },
+    {
+      "id": "18_klimt",
+      "cn": "克里姆特金色时期",
+      "en": "Klimt gold",
+      "group": "材料层",
+      "era": "18_klimt",
+      "film": "gallery",
+      "summary": "金箔、螺旋眼形纹、写实脸配平面金袍。"
+    },
+    {
+      "id": "19_munch",
+      "cn": "蒙克表现主义",
+      "en": "Munch expressionism",
+      "group": "材料层",
+      "era": "19_munch",
+      "film": "gallery",
+      "summary": "长弯流线笔、整幅画扭动、血色天空。"
+    },
+    {
+      "id": "20_dunhuang",
+      "cn": "敦煌壁画",
+      "en": "Dunhuang mural",
+      "group": "材料层",
+      "era": "20_dunhuang",
+      "film": "gallery",
+      "summary": "土红底矿物色、剥落斑、飞天飘带。"
+    },
+    {
+      "id": "21_kusama",
+      "cn": "草间弥生波点",
+      "en": "Kusama dots",
+      "group": "材料层",
+      "era": "21_kusama",
+      "film": "gallery",
+      "summary": "手绘不规则圆、波点胀缩、无限镜屋。"
+    },
+    {
+      "id": "22_constructivism",
+      "cn": "俄国构成主义",
+      "en": "Constructivism",
+      "group": "材料层",
+      "era": "22_constructivism",
+      "film": "gallery",
+      "summary": "网点照片、红楔黑圆、西里尔方块字。"
+    },
+    {
+      "id": "23_dali",
+      "cn": "达利超现实",
+      "en": "Dali surrealism",
+      "group": "材料层",
+      "era": "23_dali",
+      "film": "gallery",
+      "summary": "软钟变形、长影子、长腿象。"
+    },
+    {
+      "id": "24_hopper",
+      "cn": "霍珀美国现实主义",
+      "en": "Hopper realism",
+      "group": "材料层",
+      "era": "24_hopper",
+      "film": "gallery",
+      "summary": "硬边光块、亮暗双版本裁切、光斑缓移。"
+    },
+    {
+      "id": "25_ghibli",
+      "cn": "吉卜力",
+      "en": "Ghibli watercolor",
+      "group": "材料层",
+      "era": "25_ghibli",
+      "film": "gallery",
+      "summary": "水彩洗染、赛璐璐月牙影、草叶成片摆。"
+    },
+    {
+      "id": "26_vaporwave",
+      "cn": "蒸汽波",
+      "en": "Vaporwave",
+      "group": "材料层",
+      "era": "26_vaporwave",
+      "film": "gallery",
+      "summary": "霓虹双色、透视网格、VHS 撕裂。"
+    },
+    {
+      "id": "27_kirby",
+      "cn": "Kirby 银河时代",
+      "en": "Kirby cosmic",
+      "group": "材料层",
+      "era": "27_kirby",
+      "film": "gallery",
+      "summary": "四色网点、套色错位、krackle 能量点。"
+    },
+    {
+      "id": "28_monet",
+      "cn": "莫奈睡莲",
+      "en": "Monet water lilies",
+      "group": "材料层",
+      "era": "28_monet",
+      "film": "gallery",
+      "summary": "短笔触水面倒影、光在水面颤动。"
+    },
+    {
+      "id": "29_seurat",
+      "cn": "修拉点彩",
+      "en": "Seurat pointillism",
+      "group": "材料层",
+      "era": "29_seurat",
+      "film": "gallery",
+      "summary": "21 色纯色点并置、视觉混色、点在呼吸。"
+    },
+    {
+      "id": "30_matisse",
+      "cn": "马蒂斯剪纸",
+      "en": "Matisse cut-outs",
+      "group": "材料层",
+      "era": "30_matisse",
+      "film": "gallery",
+      "summary": "剪刀边、钉纸投影、饱和平涂。"
+    },
+    {
+      "id": "31_haring",
+      "cn": "凯斯·哈林",
+      "en": "Keith Haring",
+      "group": "材料层",
+      "era": "31_haring",
+      "film": "gallery",
+      "summary": "粗黑等宽线、放射动作线、8fps 跳舞。"
+    },
+    {
+      "id": "32_rembrandt",
+      "cn": "伦勃朗明暗",
+      "en": "Rembrandt light",
+      "group": "材料层",
+      "era": "32_rembrandt",
+      "film": "gallery",
+      "summary": "光照图整幅相乘、窗光烛光、浮尘。"
+    },
+    {
+      "id": "33_rubberhose",
+      "cn": "1930 橡皮管卡通",
+      "en": "Rubber hose",
+      "group": "材料层",
+      "era": "33_rubberhose",
+      "film": "gallery",
+      "summary": "派切眼、面条臂、12fps 步进。"
+    },
+    {
+      "id": "34_shadowpuppet",
+      "cn": "中国皮影",
+      "en": "Shadow puppet",
+      "group": "材料层",
+      "era": "34_shadowpuppet",
+      "film": "gallery",
+      "summary": "半透明牛皮镂空、铆钉关节、幕后油灯。"
+    },
+    {
+      "id": "35_shinkai",
+      "cn": "新海诚光影",
+      "en": "Shinkai light",
+      "group": "材料层",
+      "era": "35_shinkai",
+      "film": "gallery",
+      "summary": "积雨云、丁达尔光柱、赛璐珞硬阴影。"
+    },
+    {
+      "id": "36_picasso_blue",
+      "cn": "毕加索蓝色时期",
+      "en": "Picasso blue",
+      "group": "材料层",
+      "era": "36_picasso_blue",
+      "film": "gallery",
+      "summary": "单色蓝调、宽笔触、人体拉长。"
+    },
+    {
+      "id": "38_giotto",
+      "cn": "乔托",
+      "en": "Giotto",
+      "group": "研究配方",
+      "era": "38_giotto",
+      "film": "style_studies",
+      "summary": "体块与叙事关系。"
+    },
+    {
+      "id": "39_piero",
+      "cn": "皮耶罗",
+      "en": "Piero della Francesca",
+      "group": "研究配方",
+      "era": "39_piero",
+      "film": "style_studies",
+      "summary": "几何秩序、静穆体块与浅色光。"
+    },
+    {
+      "id": "40_raphael",
+      "cn": "拉斐尔",
+      "en": "Raphael",
+      "group": "研究配方",
+      "era": "40_raphael",
+      "film": "style_studies",
+      "summary": "均衡构图、柔和轮廓与理想化人体。"
+    },
+    {
+      "id": "41_michelangelo",
+      "cn": "米开朗基罗",
+      "en": "Michelangelo",
+      "group": "研究配方",
+      "era": "41_michelangelo",
+      "film": "style_studies",
+      "summary": "肌肉张力、扭转姿态与雕塑感。"
+    },
+    {
+      "id": "42_guardi",
+      "cn": "瓜尔迪",
+      "en": "Guardi",
+      "group": "研究配方",
+      "era": "42_guardi",
+      "film": "style_studies",
+      "summary": "空气、碎光与松动边缘。"
+    },
+    {
+      "id": "43_lorenzetti",
+      "cn": "洛伦采蒂",
+      "en": "Lorenzetti",
+      "group": "研究配方",
+      "era": "43_lorenzetti",
+      "film": "style_studies",
+      "summary": "城市全景、重复人物与寓言式构图。"
+    },
+    {
+      "id": "44_cortona",
+      "cn": "科尔托纳",
+      "en": "Cortona",
+      "group": "研究配方",
+      "era": "44_cortona",
+      "film": "style_studies",
+      "summary": "巴洛克天顶、透视扩张与云层翻滚。"
+    },
+    {
+      "id": "45_renoir",
+      "cn": "雷诺阿",
+      "en": "Renoir",
+      "group": "研究配方",
+      "era": "45_renoir",
+      "film": "style_studies",
+      "summary": "暖冷交织与有温度的人物。"
+    },
+    {
+      "id": "46_pissarro",
+      "cn": "毕沙罗",
+      "en": "Pissarro",
+      "group": "研究配方",
+      "era": "46_pissarro",
+      "film": "style_studies",
+      "summary": "田野笔触、空气透视与劳作人群。"
+    },
+    {
+      "id": "47_sisley",
+      "cn": "西斯莱",
+      "en": "Sisley",
+      "group": "研究配方",
+      "era": "47_sisley",
+      "film": "style_studies",
+      "summary": "水面反光、天空比例与轻快笔触。"
+    },
+    {
+      "id": "48_gauguin",
+      "cn": "高更",
+      "en": "Gauguin",
+      "group": "研究配方",
+      "era": "48_gauguin",
+      "film": "style_studies",
+      "summary": "平面、轮廓与象征色。"
+    },
+    {
+      "id": "49_chagall",
+      "cn": "夏加尔",
+      "en": "Chagall",
+      "group": "研究配方",
+      "era": "49_chagall",
+      "film": "style_studies",
+      "summary": "漂浮人物、梦境空间与饱和蓝。"
+    },
+    {
+      "id": "50_ma_yuan",
+      "cn": "马远",
+      "en": "Ma Yuan",
+      "group": "研究配方",
+      "era": "50_ma_yuan",
+      "film": "style_studies",
+      "summary": "偏置重心、留白与精练笔墨。"
+    },
+    {
+      "id": "51_persian_miniature",
+      "cn": "波斯细密画",
+      "en": "Persian miniature",
+      "group": "研究配方",
+      "era": "51_persian_miniature",
+      "film": "style_studies",
+      "summary": "平面透视、细密纹样与金箔色。"
+    },
+    {
+      "id": "52_south_park",
+      "cn": "南方公园",
+      "en": "South Park",
+      "group": "研究配方",
+      "era": "52_south_park",
+      "film": "style_studies",
+      "summary": "数字剪纸与有限表演。"
+    },
+    {
+      "id": "53_pixar",
+      "cn": "皮克斯方向",
+      "en": "Pixar direction",
+      "group": "研究配方",
+      "era": "53_pixar",
+      "film": "style_studies",
+      "summary": "形体、材质与表演的风格家族。"
+    },
+    {
+      "id": "54_ghibli_lab",
+      "cn": "吉卜力方向",
+      "en": "Ghibli direction",
+      "group": "研究配方",
+      "era": "54_ghibli_lab",
+      "film": "style_studies",
+      "summary": "水彩背景、赛璐珞人物与自然光。"
+    },
+    {
+      "id": "55_dunhuang",
+      "cn": "敦煌壁画（北朝）",
+      "en": "Dunhuang Northern Dynasties",
+      "group": "研究配方",
+      "era": "55_dunhuang",
+      "film": "style_studies",
+      "summary": "干泥壁矿物色与横飞的线。"
+    }
+  ],
+  "grammars": [
+    {
+      "id": "y1_kurzgesagt",
+      "cn": "Kurzgesagt 扁平解说",
+      "en": "Kurzgesagt explainer",
+      "summary": "纯色块、圆角、轻快图解，适合概念解释。"
+    },
+    {
+      "id": "y2_vox",
+      "cn": "Vox 档案解说",
+      "en": "Vox explainer",
+      "summary": "图片/档案 + 标注线 + 地图式强调。"
+    },
+    {
+      "id": "y3_whiteboard",
+      "cn": "白板手绘",
+      "en": "Whiteboard",
+      "summary": "手绘线稿逐笔出现，适合教学。"
+    },
+    {
+      "id": "y4_storytime",
+      "cn": "故事角色讲解",
+      "en": "Storytime",
+      "summary": "角色帧库 + 对话气泡，需要角色素材。"
+    },
+    {
+      "id": "y5_kinetic_type",
+      "cn": "动态文字",
+      "en": "Kinetic type",
+      "summary": "大字排版驱动，适合金句、标题。"
+    },
+    {
+      "id": "t1_3b1b",
+      "cn": "3b1b 数学动画",
+      "en": "3Blue1Brown",
+      "summary": "坐标系、变换、公式推导。"
+    },
+    {
+      "id": "t2_keynote_ui",
+      "cn": "发布会 UI",
+      "en": "Keynote UI",
+      "summary": "产品界面、参数高亮、发布会节奏。"
+    },
+    {
+      "id": "t3_finance_chart",
+      "cn": "财经图表",
+      "en": "Finance chart",
+      "summary": "折线/柱状/ KPI 数字滚动。"
+    }
+  ],
+  "characters": [
+    {
+      "id": "none",
+      "cn": "不出现人物",
+      "summary": "让物品、场景和文字自己讲故事。"
+    },
+    {
+      "id": "hands",
+      "cn": "只有手和背影",
+      "summary": "有人但脸不出画，不需要任何角色素材。"
+    },
+    {
+      "id": "upload",
+      "cn": "我上传角色图片",
+      "summary": "上传透明底角色图（多张=不同动作），代码负责让它动起来。"
+    }
+  ]
+}

package/engine/audit_clip.py

@@ -0,0 +1,46 @@
+"""版面审计：对一个参数化片段每 0.25 秒采一帧，汇总文字版面问题。render.py --spec X --audit 调用。
+红灯（退出码 1）：文字出界、被安全区吞掉、两段不同文字互相压住。黄灯：字小于可读下限（不含刻意的脚注字号时请人工判断）。
+"""
+import json
+
+
+def run(pg, spec, grab, step=0.25):
+    W, H, dur = spec.get('width', 1920), spec.get('height', 1080), spec['duration']
+    safe = {'top': 0, 'bottom': 0, 'left': 0, 'right': 0, **(spec.get('safe') or {})}
+    short = min(W, H); floor = 0.0204 * short                      # 1080 短边 ≈ 22px
+    ts = [round(i * step, 3) for i in range(int(dur / step) + 1)] + [round(dur - 1 / spec.get('fps', 30), 3)]
+    seen, red, yel = {}, [], []
+    for t in ts:
+        pg.evaluate('t => { window.__AUDIT.length = 0; window.__auditT = t; }', t)
+        pg.evaluate(grab, t)
+        items = [i for i in pg.evaluate('window.__AUDIT') if i['a'] > 0.35]
+        for it in items:
+            w, h = it['x1'] - it['x0'], it['y1'] - it['y0']
+            if w < 1 or h < 1: continue
+            vis = max(0, min(it['x1'], W) - max(it['x0'], 0)) * max(0, min(it['y1'], H) - max(it['y0'], 0)) / (w * h)
+            if 0 < vis < 0.97 and it['px'] >= 8:             # vis==0：整条在画外（转场/镜头平移里），不算
+                k = ('出界', it['text'][:20]); seen.setdefault(k, [t, t, f'可见 {vis:.0%}，字号 {it["px"]:.0f}px', 0]); seen[k][1] = t; seen[k][3] += 1
+            elif (safe['top'] or safe['bottom'] or safe['left'] or safe['right']) and (it['y0'] < safe['top'] - 2 or it['y1'] > H - safe['bottom'] + 2 or it['x0'] < safe['left'] - 2 or it['x1'] > W - safe['right'] + 2) and it['px'] >= 20:
+                k = ('进安全区', it['text'][:20]); seen.setdefault(k, [t, t, f'字号 {it["px"]:.0f}px', 0]); seen[k][1] = t; seen[k][3] += 1
+            if it['px'] < floor and len(it['text']) >= 3 and it['px'] >= 6:
+                k = ('字太小', it['text'][:20]); seen.setdefault(k, [t, t, f'{it["px"]:.0f}px < 下限 {floor:.0f}px', 0]); seen[k][1] = t; seen[k][3] += 1
+        # 互相压住
+        for i in range(len(items)):
+            for j in range(i + 1, len(items)):
+                a, b = items[i], items[j]
+                if a['text'] == b['text'] or a['px'] < 14 or b['px'] < 14 or len(a['text'].strip()) <= 2 or len(b['text'].strip()) <= 2: continue   # 单字符多是公式/图标的部件，刻意叠放
+                ox, oy = min(a['x1'], b['x1']) - max(a['x0'], b['x0']), min(a['y1'], b['y1']) - max(a['y0'], b['y0'])
+                if ox <= 2 or oy <= 2: continue
+                sm = min((a['x1'] - a['x0']) * (a['y1'] - a['y0']), (b['x1'] - b['x0']) * (b['y1'] - b['y0']))
+                if sm > 0 and ox * oy / sm > 0.3:
+                    k = ('叠字', (a['text'][:10] + ' × ' + b['text'][:10])); seen.setdefault(k, [t, t, f'重叠 {ox * oy / sm:.0%}', 0]); seen[k][1] = t; seen[k][3] += 1
+    for (kind, txt), (t0, t1, note, cnt) in seen.items():
+        if cnt < 2: continue                   # 只出现一个采样点：多半是转场中的瞬间，不报
+        if kind == '出界' and cnt < 3: continue  # 换屏横推约 0.4s：旧画面被推出去是设计动作，出界要持续 3 个采样（≥0.5s）才算
+        row = {'kind': kind, 'text': txt, 't0': t0, 't1': t1, 'note': note}
+        (yel if kind == '字太小' else red).append(row)
+    print(f'版面审计 {W}×{H} {dur}s：红灯 {len(red)}　黄灯 {len(yel)}')
+    for r in red: print(f"  🔴 {r['kind']}　「{r['text']}」　{r['t0']}–{r['t1']}s　{r['note']}")
+    for r in yel: print(f"  🟡 {r['kind']}　「{r['text']}」　{r['t0']}–{r['t1']}s　{r['note']}")
+    if not red and not yel: print('  ✅ 没有发现版面问题')
+    return {'red': red, 'yellow': yel, 'size': [W, H], 'duration': dur}

package/engine/clip.html

@@ -0,0 +1,24 @@
+<!doctype html>
+<html><head><meta charset="utf-8"><title>参数化动画片段 · clip</title>
+<style>html,body{margin:0;background:#222;overflow:hidden}canvas{display:block;max-width:100vw;max-height:100vh}#ui{position:fixed;left:8px;bottom:8px;color:#ddd;font:12px monospace}body.render #ui{display:none}</style></head>
+<body>
+<canvas id="c" width="1920" height="1080"></canvas>
+<div id="ui"><input id="scrub" type="range" min="0" max="10" step="0.0333" value="0" style="width:600px"> <span id="tt"></span></div>
+<!-- 口播管线用的参数化片段（references/09「片段契约」）。render.py --spec 注入 window.CLIP_SPEC；预览：clip.html?spec=examples/t3_finance_chart.json -->
+<script src="lib/fonts.js"></script>
+<script src="lib/util.js"></script>
+<script src="lib/paint.js"></script>
+<script src="lib/palettes.js"></script>
+<script src="lib/kit.js"></script>
+<script src="lib/motion.js"></script>
+<script src="lib/camera.js"></script>
+<script src="lib/diagram.js"></script>
+<script src="lib/typo.js"></script>
+<script src="lib/chart.js"></script>
+<script src="lib/ui.js"></script>
+<script src="lib/collage.js"></script>
+<script src="lib/media.js"></script>
+<script src="lib/toon.js"></script>
+<script src="lib/finish.js"></script>
+<script src="clip.js"></script>
+</body></html>