Back to Chats
把 ChatGPT Live 做成一段会呼吸的动态开场
Summary
这是一段为 ChatGPT Live 视频录制制作的动态开场,也是一份可以直接在浏览器里运行的单文件 HTML 作品。
它没有把内容做成普通 PPT,也没有依赖渐变、玻璃卡片或重复模板。整段视觉围绕「对话信号」展开:插话会打断原有轨迹,停顿会让信号安静下来,语音、文字和搜索则在同一条对话中汇合。
这次制作最终留下了几个值得复用的原则:
- 先找到内容自己的视觉隐喻,再决定颜色和效果。
- 每一幕只保留一个主要判断和一个主要动态事件。
- 动态背景负责维持时间感,不能替代真正的构图。
- 即使暂停动画或立即截图,画面本身也应该成立。
- 参考作品只用来理解材质、节奏与空间,不直接复制版式。
可以在下方直接浏览完整作品,使用 ↑、↓ 键切换场景,按 P 暂停动态,按 F 进入全屏。也可以点击页面上的 Open in New Tab 单独打开,更适合全屏观看或录制。