SuperAPI AI 工具集

sprite-animation

设计与创作

查看项目

更新于 10-16 01:20

技能介绍

用途:制作单帧动态教育讲解画面,适合录屏成竖屏视频,主题为像素风吉祥物、大号年份、循环 CSS 动画与日/英显示字。

主要能力:读取 DESIGN.md,选用衬线体显示年份、无衬线体做标题、等宽体做时间线标签;页面至少含三个独立循环动画——大年份(clip-path 关键帧的竖向故障/扫描线效果并每轮 1 帧弹出)、96×128 像素精灵卡片(±4px、1.6s 上下浮动)、与浮动同步淡入滑出的 1–2 个日文/汉字,以及底部以恒定慢速左移的年份刻度带;还含小号等宽说明文字与顶部 mono 状态行。

使用方式:产出单个 HTML 文档(<!doctype html> 到 </html>,CSS 内联,无外部 JS),所有动画用 @keyframes + animation: ... infinite,舞台固定画布比例(如 16:9 信箱式),并为舞台、年份、精灵、说明、刻度带加 data-od-id;输出以 artifact 标签包裹,正文一句,之后无内容。

适用场景:教育讲解、视频单帧、像素复古风竖屏素材。

限制:需固定主题要素(年份、一行标题、动画主体、简短说明);配色克制(米色 + 单一强调红 + 墨色);不得使用外部素材,精灵须为内联 SVG 或 CSS;资料未提供其他平台或收费信息。