用途:该技能面向使用 Rive 制作交互式动画的开发者与设计师,目标是把迪士尼十二动画原则落地到 Rive 的状态机与运行时控制中。
主要能力:逐条对应十二原则给出实现思路。挤压拉伸通过骨骼与 X/Y 缩放反向关系实现;预备动作通过 Idle→Anticipate→Action 状态串联并由触发器驱动;舞台感借助画板图层、模糊与透明度、嵌套画板;姿势到姿势依赖时间轴关键姿势与图表编辑器缓动曲线;跟随与重叠使用骨骼层级、约束、延迟或关键帧偏移、弹簧约束;缓入缓出在图表编辑器应用 Cubic、Quad、Bounce 等缓动并调整贝塞尔手柄;弧线使用 IK、路径约束与曲线插值;次要动作通过状态机状态变化监听或多动画混合触发;时间节奏可调整时长、工作区与运行时 speed 参数;夸张通过超出自然范围的骨骼旋转、缩放与弹性插值、曲线过冲实现;扎实造型用多骨骼保持体积、约束维持形态、裁剪与图层营造深度;吸引力关注平滑贝塞尔、统一描边、配色与骨骼结构。
使用方式:在 Rive 编辑器中搭建状态机与输入(布尔、数值、触发器),再通过运行时 API 控制,例如 rive.play('squash_stretch')、rive.play('animation', { speed: 0.5 })、rive.play(['main_action', 'secondary_particles']),以及查找并设置状态机输入。React 侧可用 @rive-app/react-canvas 的 useRive 与 useStateMachineInput,将鼠标进入/离开事件绑定到布尔输入。
适用场景:需要交互反馈的按钮、悬停效果、角色动作、粒子与主次动画混合等界面或游戏动画。
限制:资料未提供具体收费、价格、平台支持范围与性能数据;示例代码为示意,实际输入名称、状态机名称与资源文件需按项目自行配置。