知识库环屏
2026 共创日历环屏
第二部分：16:9 / HTML 主动画
主动画用于讲清楚从素材到可播放网页的制作过程；环屏版本和教学复盘作为配套入口一起保留。
10 个进程索引
这个索引对应左侧进程列表。以后只需要置顶这个总案例，就能从这里进入每个成果和复盘。
当时如何跟 Codex 沟通
这些是可复用的下任务方式：说清素材来源、排除范围、尺寸、输出、检查点。每张图保留一个关键话术。
知识库卡片墙
先做 16:9 标准版，确认卡片密度、标题卡、滚动速度，再扩展环屏。
直播共学海报墙
明确只要直播海报字段，排除人物照、活动照、文章截图和补图。
48 城市粒子辐射
把反馈转成检查标准：100 个真实 logo、0 自家 logo、0 假图。
1095 天照片墙
超宽屏不是拉伸，中心 16:9 不变，左右只延展照片墙。
2026 共创日历
先找回旧 HTML 和 389 张缩略图，再做标准、超宽和环屏版本。
180 所学校网络
先验证 HTML 和低分辨率预览，再进入分段逐帧导出。
制作方法：从一句话到可播放动画
这套流程把创意拆成工程任务，适合复用到新活动、新大屏、新素材库。
01
确认目标
比例、尺寸、时长、主视觉、是否需要环屏或视频导出。
02
限定素材
说清页面、目录、字段，以及明确不要哪些图片。
03
先做 HTML
用网页作为动画本体，方便浏览器检查、暂停和抽帧。
04
扩展规格
16:9 验收后再做环屏、4K 或分段逐帧渲染。
05
检查交付
检查链接、图片加载、文字溢出、边缘安全和关键时间帧。
可复制提示词骨架
下次做同类动画时，直接把这段补完整。重点是把审美需求翻译成可执行条件。
我要做一个 HTML 动效案例，用于直播展示。 请先确认素材来源和最终画面规格，再制作页面。 目标画面： - 比例 / 尺寸： - 核心文案： - 视觉风格： - 最终交付： 素材来源： - 飞书页面 / 本地目录： - 只使用哪些字段： - 明确不要哪些素材： 实现要求： - 先做 16:9 标准版用于验收 - 再做超宽 / 环屏 / 4K / 视频导出版本 - 不要横向拉伸中心画面 - 保留可检查的时间轴或 renderFrame 验收标准： - 0 坏图 - 0 文字溢出 - 0 横向拉伸 - 关键帧抽查：0s / 2.5s / 5s / 10s
讲结果时：先点开 HTML，看真实播放，不用只看截图。
讲过程时：从素材来源开始，而不是从代码开始。
讲返工时：把口语反馈翻译成检查标准。
讲环屏时：中心安全区不变，左右延展内容层。
交付前：公网链接逐个打开，确认没有本地地址和本地文件协议。