- 画面观察
- 单词在一行句子中逐个点亮,直观展示了传统循环神经网络模型的运作机制。
- 吸引观看的原因
- 通过可视化序列状态更新过程,清晰阐明了早期架构在处理长距离上下文记忆时的局限性。
- 可借鉴做法
- 利用逐步点亮元素的手法,将传统序列式处理方式与现代并行范式形成鲜明对比。
返回案例库开始制作产品视频
一部完全由代码渲染的 AI 发展史短片
加载中…
制作 Skill
Skill 已披露
译文
你是一名动态设计师兼创意总监,正在制作一部 3 分钟的动画短片,
全片完全通过代码构建并渲染导出为 MP4。
关于本片
片名:"Attention Is All You Need → AGI"
讲述 2017 年的一篇单篇论文如何一步步催生大语言模型、深度推理、
能使用工具的 AI Agent,并最终引向关于 AGI 的开放式追问。它应当具有电影级视觉散文的质感,
而非幻灯片或时间轴信息图。风格类似于 Kurzgesagt 遇上皮克斯片头序幕:
富有感染力、巧妙且精准。
技术规范
使用 Remotion (React)。搭建一个新项目,分辨率 1920x1080,帧率 30 fps,时长严格设定为 180 秒(5400 帧)。
每个分镜对应一个独立组件,并在主合成中按时序编排。
禁止使用任何外部图像素材或现成实拍素材:所有画面必须由 SVG、Canvas、CSS 以及
代码生成的粒子和形状绘制而成。可以使用 Google Fonts。
在构建之前,撰写 STORYBOARD.md,详述每个场景的起止时间、视觉设计、屏幕文本
以及转场方式。随后按场景逐一开发。
每完成一个场景,渲染 3–4 张静态预览帧(npx remotion still)并进行严格审查。
在进入下一场景前,先修正布局、图层重叠、易读性及节奏问题。
最后通过 npx remotion render 导出到 out/film.mp4.。保留一个可选的 <Audio> 插槽以便后续
添加音轨(路径为 public/music.mp3);若文件缺失则静音渲染。
叙事主线 / 贯穿意象
主角是一个发光的独立 Token——单词 "the",它穿越了各个时代。
2017 年,它还是一个孤独的点,随后突然通过注意力连线“看到”了其他所有单词。
随着时间推移,它逐渐拥有了声音、感官(多模态)、推理能力、双手(工具使用),并最终
抛出了一个问题。
分镜设计(参考时长,可适度微调)
0:00–0:15 — 序幕冷开场。黑暗之中。单词如星辰散落,彼此孤立。RNN 风格的
序列化处理:单词逐一点亮,随后慢慢遗忘先前的词。
0:15–0:35 — 2017 年 6 月,"Attention Is All You Need"(Vaswani 等人,Google)。每个单词
同时与所有其他单词相连。注意力连线绽放成一张大网。论文标题如铅字排版般显现。
0:35–0:55 — 2018–2020 年:大语言模型的崛起:GPT-1、BERT、GPT-2、GPT-3。
缩放定律:网络呈指数级膨胀,镜头向后拉远。模型开始
行云流水、令人惊叹地自动补全句子。
0:55–1:20 — 2022 年:指令微调与 RLHF,紧接着 ChatGPT 面世(2022 年 11 月 30 日)。Token 获得了
对话气泡。用户计数器爆发式攀升。整个世界开始与它交谈。
1:20–1:40 — 2023 年:多模态时代。图像、音频与代码从四面八方汇入同一张网络,
Token 获得了“感官”。每种模态都化作 Token,流经
同一套注意力机制。
1:40–2:05 — 2024–2025 年:推理模型。可视化的思维链展现为分支、
剪枝与回溯路径。随着时间放缓,模型开始“三思而后言”。
2:05–2:30 — 工具使用与 Agent。Token 衍生出了双手:调用搜索、运行代码、
打开文件并调度子 Agent。多条并行线程同时运转,
屏幕变成了一个繁忙而瑰丽的数字工坊。
2:30–2:50 — 迈向 AGI。所有意象在此交汇。2017 年的那张网再次出现,但已
扩展至行星级规模。保持开放与探讨意味:不描绘乌托邦,亦不渲染毁灭。屏幕文案:"Attention was all we
needed. What comes next is up to us."(若有更佳表达可进行润色。)
2:50–3:00 — 画面重新归于黑暗中一个发光的孤立 Token。出片尾字幕卡,全片结束。
制作准则
确保准确性:采用准确的年份、人名及论文标题。如果对特定事实存疑,
宁缺毋滥,不要主观臆测,并将存疑之处记录在 NOTES.md 中。
排版规范:屏幕上同屏文本最多约 8 个单词,且每个文本展示时长必须满足充分阅读要求
(≥ 2.5 秒)。统一使用一种展示字体和一种用于“模型输出”的等宽字体。
动效设计:采用弹簧与缓动曲线,杜绝生硬的线性运动。转场设计需源于内容本身
(例如网络变形、镜头穿梭穿过节点),避免套用泛化的淡入淡出。
色彩系统:深邃暗色背景,搭配一种在不同时代之间演进演化的温暖强调色。
细节与彩蛋:加入耐看且值得推敲的细节(如真实论文片段、精细的微界面元素、
合理的模型生成输出),呈现高规格动态设计的质感。
节奏把控:紧凑与舒缓交替进行,给推理场景与 AGI 篇章留出充足的呼吸空间。
全流程自主闭环开发。完成后,提供 MP4 导出路径、
创作决策简述以及 NOTES.md。时间点拆解
8- 画面观察
- 金色的连接线瞬间将句子中的所有单词同时与中央 Token 相互连接。
- 吸引观看的原因
- 放射状的互联结构生动展现了 2017 年提出的并行、双向注意力机制。
- 可借鉴做法
- 运用全向网络拓扑图来诠释并行处理突破相比线性链式结构的优势。
- 画面观察
- 视觉图谱从一个基础圆环向外膨胀为由数十亿发光参数构成的密集球体。
- 吸引观看的原因
- 将参数增长呈现为宇宙星网,形象传达了指数级缩放法则与模型容量的飞跃。
- 可借鉴做法
- 通过不断扩张的粒子集群展示指数级数据或参数扩展,从而直观展现相对规模。
- 画面观察
- 屏幕上呈现多个生成的回答,并根据模拟的用户评分重新排列次序。
- 吸引观看的原因
- 以卡片排序的方式展示,向大众清晰揭示了基于人类反馈的强化学习(RLHF)机制。
- 可借鉴做法
- 展示对比式排序界面,直观解释偏好微调与对齐阶段的工作原理。
- 画面观察
- 图像、音频波形与代码片段统一转化为 Token 节点,直接注入注意力核心。
- 吸引观看的原因
- 将不同媒体类型统一为相同的 Token 结构,突出了 Transformer 架构的多模态适应性。
- 可借鉴做法
- 跨不同媒体格式采用统一的图形化 Token,用以展示跨模态模型架构。
- 画面观察
- 思考计时器持续计时,内部假设在分支中被一步步推演与修正。
- 吸引观看的原因
- 展示草稿纸式的迭代推理过程,有效呈现了测试时计算与自我纠错能力。
- 可借鉴做法
- 显示分支化的逐步演进轨迹,以可视化测试时推理与验证循环。
- 画面观察
- 中央协调器将任务分派到搜索、终端、代码文件以及专用子 Agent 节点。
- 吸引观看的原因
- 绘制工具调用与子 Agent 分支图谱,厘清了现代模型如何在对话框之外自主行动。
- 可借鉴做法
- 将工具调用与子 Agent 工作流组织为连接至主中枢的模块化终端面板。
- 画面观察
- 数字化网络环绕地球并布满活跃的 Agent 节点,引出对 AGI 的开放式发问。
- 吸引观看的原因
- 拉远至宏观行星视角营造了极具张力的主题高潮,全面总结了 AI 的演进历程。
- 可借鉴做法
- 以宏观视角为技术演进叙事画上句号,将技术飞跃与人类社会议题紧密相连。
