「代码画不出手绘的笔触」

这张纸是怎么画出来的

你看到的整套插画和动效，是一条可复现的 AIGC 生产管线的产物——
风格锚定 → 配方实验 → 配方冻结 → 批量生产 → 程序化后处理。
这一页就是它的施工记录，也是我的 AIGC 工作流样本。

Midjourney --srefPython 图像管线原生 Canvas 动效2026.07

六步施工记录

先失败三次

目标风格来自三位手绘博主的 10 张参考图。我先用代码（CSS+SVG）画了三轮，全被自己否掉——矢量线条画不出蜡笔颗粒和马克笔水痕。承认工具不对，比换提示词重要：外部调研后确定行业做法——AI 生成位图插画，代码只做排版和动效。

用对照实验定配方

不是拍脑袋写 prompt：同一段描述、同一权重下，挂 3 张参考图和挂 7 张参考图各跑一组做 A/B——7 张的人物更稚拙更贴目标，代价是"乱码假字"概率上升（后处理解决）。风格权重再做阶梯测试锁定 450。风格贴合度和稳定性是一对 trade-off，用实验去定，不用感觉。

冻结配方，进入流水线

配方冻结是探索和生产的分水岭：参数从此不再动，只换场景描述。每个意象一次出 4 张，先整组判风格贴不贴，再按五条标准挑单张：乱码字位置可救否、留白够不够、人物稚拙度、意象准不准、和已选图的"全家福一致性"。不满意不硬修——改构图重跑整组，比修图便宜。

动效也翻过车：六个概念全被否

主页交互我先后做了六个概念，全部被验收否掉。复盘出三个根因：概念对≠手感对、整场景一次交付变量太多、参考没拆成参数。之后换了工作流：把抽象需求翻译成可视的意象菜单让决策者选，选中的意象做单元素小样，小样上挂实时调参滑杆让审美决策人自己拧。「拉灯」这个交互从小样到定稿，一共迭代了 11 版——每一版都由一句具体的否定驱动。被否的原型都留着，每一个都能点开跑——这是我的失败博物馆：

进化线被否 №1 弹性稿纸被否 №2 纸飞机拖线被否 №3 时间落成被否 №4 一笔一笔被否 №5 想法落地被否 №6

拉灯 v2 · 第一个小样 · 点开玩

拉灯 v11 · 冻结定稿 · 点开玩

让 MJ 画会动的角色

页面里走路、跳起、拉灯绳的小人也是 MJ 画的：一条 prompt 让它输出同一角色的动作分解图（站/走/跳/吊挂），裁成精灵帧接进动画状态机——白天用原色两帧步态，夜晚用滤镜反白成"月光粉笔线稿"。一次生成，喂了昼夜两套角色动画。

白天 · 原色两帧步态

夜晚 · 滤镜反白成月光粉笔

出图只是上半场

AI 出的图要能进产品，靠的是后处理管线（Python）：乱码字定位涂白 → 白底转真透明（把像素当作"前景色叠在白纸上"做精确反解，插画才能无缝坐在任何底色上）→ 自动裁边 → 连通块检测把一张图里的多个元素分开用。你在每页看到的"画直接画在纸上"的效果，就是这条管线的产物。

白纸上

换任何底色 · 依然无缝

深夜里也一样

冻结的配方

STYLE RECIPE · 定稿后一字未改

简洁稚拙的手绘插画，［场景描述］，粗线条马克笔，白色背景，留白较多，极简涂鸦风格

      --sref ［7 张风格参考］ --sw 450 --v 7 --no text, words, letters, watermark

要点：--v 7 绕开个性化对风格的污染；7 张参考是 A/B 实验的胜者；--no 负面词压乱码字；场景描述永远中文、固定句式，只有［场景描述］在变。同一配方产出了主视觉、角色姿势表、场景小图共 40+ 张定稿素材。

这条管线的账

0+ 组MJ 生成任务

0+ 张候选图 · 四里挑一

0 版拉灯交互小样迭代

0 天从订阅到主视觉可用

动效零框架：原生 Canvas 手写银河粒子 / 物理灯绳 / 飞蛾趋光 / 精灵逐帧 · 全站字体为开源小赖体（OFL）

这套流程可以复制到任何风格

回到银河去看第一颗星 →

从「代码画不出手绘的笔触」到你现在看到的每一页 · 中间是 6 次被否和 11 版小样