anotherme-robot-animation

AnotherMe 机器人精灵动画 React 组件。
已内置 11 组动作的精灵图资源、帧坐标、尺寸与播放逻辑，安装后可直接使用（开箱即用）。

安装

npm i anotherme-robot-animation

快速调用

import { AIRobotAnimation } from 'anotherme-robot-animation';

export default function Demo() {
  return <AIRobotAnimation spriteKey="breathing" />;
}

组件参数

• spriteKey?: RobotSpriteKey
  动画资源 key，默认 breathing
• frameMs?: number
  帧间隔（毫秒），默认 200
• preload?: boolean
  是否预加载当前动画图，默认 false

各精灵图 key 与用途

• breathing（1.静息呼吸）：默认循环
• observe（2.观察模式）：用户浏览信号列表时
• meditation（3.待机冥想）：用户超过 30 秒未交互
• surprised（4.惊喜发现）：用户点击 / 切换页面
• instruction（5.收到指令）：刚收到用户文字提示词
• loading（6.加载中）：后台加载过程中
• running（7.运行中）：收到提示词后、结果返回前
• success（8.运行成功）：运行结果返回后（成功）
• error（9.运行报错）：运行结果返回后（报错）
• addSkill（10.添加技能）：用户点击添加技能按钮
• removeSkill（11.减除技能）：用户点击减除技能按钮

导出内容

• AIRobotAnimation
• ROBOT_ANIMATIONS
• getRobotSpriteUrl(spriteKey)
• 类型：RobotSpriteKey、AIRobotAnimationProps