SuperAPI AI 工具集

chat-pet-sprite-creation

设计与创作

查看项目

更新于 10-16 06:47

技能介绍

用途:为 VS Code 聊天宠物创建或修改精灵图美术、精灵表、状态动画、眼睛处理、Stable/Insiders 变体与宠物过渡,使各状态看起来像同一个连续角色而非独立画作。

主要能力与规则:以现有宠物身体为基线,先复制完整身体再只改新状态所需部分,保留身体宽高、底部基线、触角根部与间距、高光阴影、眼窝和碰撞足迹。逻辑像素为 8×8 源像素,标准 96×96 源对应 48×48 显示;仅用最近邻渲染,保持透明背景与硬像素边缘,禁止模糊、羽化、颜色插值或意外离网格缩放。

眼睛:标准睁眼为 1×2 逻辑像素(8×16 源像素)。DOM 眼层有追踪与眨眼两种独立模式;使用运行时注视的状态须用无眼 *-tracking-96 资源,使用 DOM 眨眼的状态须留出瞳孔区域,不得把烘焙瞳孔与运行时眼层混用。固定表情状态可烘焙眼睛并退出光标追踪。

变体与朝向:Stable 与 Insiders 是同一动画的调色板变体,画布尺寸、帧数顺序、alpha 遮罩、锚点、静态回退姿势与时间行为必须一致;只创作一个几何母版再套用两种调色板。只创作一个规范朝向,由运行时镜像另一方向,并测试两个方向。

资源与时间:每个动画状态需要静态 PNG(buddy-<state>-<variant>-<height>.png)与水平精灵表(buddy-<state>-<variant>-<height>.spritesheet.png),表宽=帧宽×帧数,表高=帧高,每帧同矩形。帧时长定义在 chatPetWidget.ts 的 *_FRAME_DURATIONS 数组,不从 PNG 推断。

动画设计:动画关键姿势而非噪声,触发可读、有明确顶点、结果可读后回归基线。姿势变化用精灵帧,平移旋转、进出场、拖拽阻力、下落抛掷回弹用 CSS 变换或物理循环。多阶段行为由确定性完成信号推进(精灵完成、animationend、transitionend/transitioncancel、物理沉降),不用无关超时猜测。

限制与注意:绘制前先阅读当前实现,尺寸与时间可能已变化;规则冲突时优先级为当前代码与测试、最新相关开放 PR、较新已合并 PR、较旧历史行为。动画清理 PR #330399 取代旧的 revive-sign 流程。文档未提供具体安装命令、收费或平台信息。