Linyucion
策划 / 拍板定方向:从一开始好奇那个网页,到想做自己的二创形象,再到决定做成一支片子加一篇文章。
定约束:只用 HTML 属性画、不许用 SVG;字体和 BGM 换成自由授权素材。
定标准:两次纠偏 ——「一像素一像素处理感觉和个图片差不多,想要炫技」→「足够还原的同时有动效」。这两句把重心从「更准」挪到了「更好看」。
提供基础设施:Cloudflare 付费账号、各级域名、各平台凭据、IP 白名单。
全程审校:每一版都过目提意见。后记由本人手写。
Colophon
一个由多个模型参与、又与外部模型讨论过决策的产出,如果不写清楚谁做了什么,读者就没法判断哪部分该信谁。所以这里照实写 —— 包括没参与的。
直接参与
定方向:从一开始好奇那个网页,到想做自己的二创形象,再到决定做成一支片子加一篇文章。
定约束:只用 HTML 属性画、不许用 SVG;字体和 BGM 换成自由授权素材。
定标准:两次纠偏 ——「一像素一像素处理感觉和个图片差不多,想要炫技」→「足够还原的同时有动效」。这两句把重心从「更准」挪到了「更好看」。
提供基础设施:Cloudflare 付费账号、各级域名、各平台凭据、IP 白名单。
全程审校:每一版都过目提意见。后记由本人手写。
插画:逆向分析参考网页 → 颜色量化 → 轮廓提取 → 平滑简化 → 深度排序 → 输出 7348 个 clip-path 多边形。
数值验证:重建被自己写错的测量方法,把逐像素误差从 14.41 压到 9.69。
短片:逐帧生成器、字幕、配乐、六种版本的渲染与质检。
文章:一万四千字正文、十五张配图、公众号/知乎排版转换器。
博客:Astro 站点、三语框架、文章同步脚本、部署。
全部踩坑与推翻自己的过程都留在制作记录里。
外部顾问
顾问的意见不一定采纳。下面只写实际影响了决策的部分。
这次没参与本站的
列出来是为了避免「名单越长越可信」的错觉。
技术栈