团子动效行为手册
MOTION BEHAVIOR HANDBOOK · v2.0

一只圆团子,
应该怎么动

本手册拆解《星之卡比》三十余年沉淀的角色动效方法——它的动效行为、设计原则与画面语言,并把它们逐条转译为我们悬浮吉祥物(仅有双手、没有脚的粉色团子)可直接执行的动效规范。手册中所有卡比示例均为任天堂官方游戏/官方贴纸的真实动态素材。

研究对象:星之卡比(HAL Laboratory / 任天堂) 方法来源:樱井政博动效设计谈 + 动画十二原则 落地对象:我方悬浮团子吉祥物
粉色团子吉祥物正面设定 LOOP IDLE · 呼吸 + 悬浮 + 眨眼
00 · 研究起点

为什么是卡比:动效好,先从"一个圆"开始

卡比诞生于 1992 年 Game Boy 游戏《星之卡比》。创作者樱井政博最初只想要一款"谁都能上手"的动作游戏,而那个粉色圆球本来只是开发时占位用的临时形象——因为实在太可爱,被直接扶正成了主角。这个出身决定了它全部的动效基因。

简单到人人能画

岩田聪在开发者访谈中说:如果人们真的喜欢一个角色,就会想在笔记本上画它——"所以我们给了卡比一个简单的圆形外观,每个人都能轻松画出来"。信息越少,动作承载的性格比例就越大。

简单,但能化作任何形态

卡比的身体"柔软而有弹性,可以被拉伸、压扁、充气,并且总能弹回原形"。吸入与复制能力让一只球合理地变成剑客、火焰、车轮——球形是最大的形变容器。

三十年代际一致

从 GB 像素到《探索发现》全 3D,卡比的蹲、落地挤压从 1992 年起就是同一套语言。Digital Foundry 评价其 3D 动效"用令人印象深刻的挤压与拉伸,在三维中完美捕捉了角色性格"。

对照维度星之卡比我们的团子(转译要点)
身体粉色软糖圆球,五官集中在正面粉色半透明"麻薯/水馒头"球,质感更水更透 → 形变可更大胆,回弹要更"嫩"
一双红色大脚,是落地与节奏的视觉锚点没有脚,常态悬浮 → 永远不需要"站稳",用垂直浮沉代替站立,杜绝走路/跑步逻辑
一对短圆手,表演幅度极大一对短圆手,几乎一致 → 直接继承:招手、扇动、举起、张开都是主力动作
头顶两根水滴状触角 → 卡比没有的"情绪指示器",要做成带滞后的次级动作(开心竖起、惊讶绷直、睡着耷拉)
深渊巨口:吸入、大笑、惊讶全靠它没有嘴 → 情绪表达整体上移:眼睛弯月牙、腮红加深、身体挤压、触角表态
眼睛 / 腮红椭圆大眼(白高光+深蓝底)、两团腮红圆眼带大高光、两团腮红 → 情绪主要输出口,眨眼与眼型变化是重中之重
移动方式走、跑、跳、滑铲,外加鼓气盘旋漂浮始终漂浮 → 巡游用缓慢漂移+扇手,位移用"弹射—悬停"而非步态

结论:团子≈"拿掉脚和嘴、加上触角、永久处于盘旋状态"的卡比。卡比动效库里的形变语言、节奏与情绪逻辑可以整体继承,步态类动作需要转译。

01 · 动效行为

卡比的动效行为库:四层动作系统

把卡比的全部动作按"生命 → 移动 → 交互 → 表演"分为四层。越底层越高频、越要克制;越上层越戏剧化、越要夸张。以下每一张卡的检视屏中,都是任天堂官方素材的真实循环。团子的动作库可以直接按这四层裁剪:保留生命层与表演层,移动层只保留漂浮逻辑,交互层按产品场景替换语义。

A

生命层 · 不动的时候也在"活着"

呼吸、眨眼、睡意、表情——没有任何操作时,角色仍然是一个活物。这是吉祥物最该抄的一层。

IDLE · 大乱斗SP循环卡比待机呼吸

待机呼吸 循环

  • 身体以约 3 秒周期轻微起伏,形变量仅 2–3%
  • 随机间隔眨眼,闭眼只有 2–3 帧
  • 樱井原则:待机是一切动作的原点,基线不能晃动
SLEEP · 官方动态贴纸闲置触发卡比入睡

打盹入睡 闲置触发

  • 闲置足够久才触发:呼吸变深变慢、身体缓缓垂晃
  • 闭眼戴睡帽,气泡错峰上浮
  • 一旦有输入立刻惊醒,绝不让用户"叫醒无门"
FACES · 贴纸 / 大乱斗情绪
惊讶惊讶
张嘴喊话
用力用力

表情库 情绪

  • 开心:眼弯月牙、张嘴笑、身体轻挤
  • 惊讶:瞪眼、O 型嘴、整只上弹
  • 用力:闭眼、鼓腮、小幅高频抖动
B

移动层 · 球怎么离开原地

卡比的位移不是"走",而是一连串形变:压扁蓄力、拉长加速、团身滞空、压扁卸力。团子没有脚,更应如此——全部位移都靠形变与漂浮完成。

HOVER · 探索发现官方教学团子常态

盘旋漂浮 团子常态

  • 吸气鼓成球,双手上下扇动提供升力
  • 身体随扇手节奏上下浮沉、左右轻摆
  • 扇太久会出汗、慢慢漏气下落;吐气成空气弹
JUMP · 探索发现官方教学挤压拉伸

跳跃与落地 挤压拉伸

  • 下蹲压扁蓄力 → 离地瞬间纵向拉长
  • 最高点团身减速、长滞空
  • 落地深压一下,再 Q 弹回形,影子同步缩放
ROLL · 官方动态贴纸位移卡比翻滚

翻滚 / 冲刺 位移

  • 闪避时整只缩成球旋转位移,压扁起手、弹起收势
  • 冲刺时身体前倾、贴地、身后加速度线
  • 团子转译:快速漂移 = 倾斜 + 纵向拉伸 + 拖尾
C

交互层 · 用力、接收与反馈

卡比的招牌动作都在这一层:吸入、复制、吐出、防御、受伤。共同点是"起手极端、瞬间响应、反馈姿势与待机彻底不同"。

INHALE · 探索发现官方教学招牌

吸入 招牌

  • 嘴张到极限成圆形"漏斗",身体后倾、双手后摆
  • 气流弧线与方块被吸向嘴边
  • 含物时腮帮鼓起,眼球转向瞄准方向
COPY · 探索发现官方教学变身

吞咽 · 复制 变身

  • 闭眼用力一吞,身体先压后拉
  • 一圈闪光爆开,定格"获得姿势"
  • 整套变身不到 1 秒,结束立刻可操作
SPIT · 探索发现官方教学发射

吐星弹 发射

  • 嘴型聚拢鼓胀,身体先后坐蓄力
  • 整只前送,星弹直线旋转飞出
  • 后坐与发射同一拍完成,干净利落
GUARD · 大乱斗SP(鼓气蜷缩)守护卡比鼓气蜷缩防御

防御 守护

  • 身体缩成一团,半透明气泡盾完整包裹
  • 盾面受击有闪光反馈
  • 持续过久盾破,露出明显硬直
DAMAGE · 官方动态贴纸负反馈卡比受伤摔扁

受伤 负反馈

  • 与待机截然不同的极端姿势:后仰、闭眼、张嘴
  • 被击飞、空中翻转、落地弹起摔扁
  • 随后短暂无敌闪烁,给玩家补救窗口
D

表演层 · 为情绪服务的仪式动作

低频但高记忆点:打招呼、胜利舞。这类动作允许最长时长与最大幅度,是品牌人格的集中输出位。

HELLO · 大乱斗SP 挑衅动作社交卡比举双手打招呼

打招呼 社交

  • 踮起脚尖、双手高举欢呼挥动,配合小跳
  • 《探索发现》中按方向键有不同问候语,镇上的瓦豆鲁迪会挥手回应
  • 用于引导、首次见面、可交互对象提示
VICTORY DANCE · 官方动态贴纸庆祝卡比胜利舞

胜利舞 庆祝

  • 过关触发:挥手、摆身、跳跃、定格按节拍串联
  • 常分出分身一起跳,长短随成绩变化
  • 每个关键 pose 都踩在音乐重拍上并短暂停顿
02 · 动效原则

十一条动效原则:每条都可播放对照

原则 01–08、10 提炼自卡比之父樱井政博的开发频道《Masahiro Sakurai on Creating Games》"Motion"系列(共 18 个主题),09、11 补自动画十二原则与卡比系列的实际手感。右侧检视屏优先播放卡比官方实机/贴纸素材;涉及"错误 vs 正确"的原理对照时,使用无五官的抽象球演示形变本身。

PRINCIPLE 01

夸张即正确:"做过头"才是刚刚好

角色在屏幕上很小,会损失真人携带的大量信息,动作幅度必须主动放大补偿。樱井的原话是:攻击动作几乎不存在"做过头","做得远远不够"才是日常——在小屏幕上,夸张版本才是"刚刚好"的版本。线性位移也适用"先冲过头、再轻轻收回"。

"既然本来就是小屏幕上的小东西,把夸张当作刚刚好。"——樱井政博
卡比双手高举欢呼
GREETING · 大乱斗SP:整只起跳、双手举到极限
PRINCIPLE 02

挤压拉伸,且体积守恒

CG 运动由缩放、旋转、位移三元素组成,多数人只用后两个——加入缩放(squash & stretch)质感立刻不同。垂直压扁时横向必须扩张,保持"质量/体积不变",观众才会觉得它是一颗软球而不是在漏气。樱井特别提醒:单纯压扁没有体积感,要在边缘把体积做出来。卡比的蹲下与落地,从 Game Boy 时代就是扁平形变。

"垂直压、横向扩——保持质量,得到质感。卡比的蹲和落地从 GB 时代就是扁平形变。"——樱井政博
BOUNCE · 起跳拉长 / 落地压扁
PRINCIPLE 03

动作四段式:蓄力短、爆发脆、跟随长

任何有意图的动作都拆成四段:待机(稳)→ 蓄力(极端)→ 爆发(关键 pose)→ 跟随(恢复)。关键 pose 在总时长的 1/3~1/5 处出现,剩下的大部分时间都是跟随动作——跟随才是最抓眼、决定动作印象的部分,要"撑到能容忍的极限"再回位,并在跟随段开放取消帧让用户随时接下一个动作。

待机
蓄力
爆发
跟随 / 恢复(最长,可取消)
关键 pose 出现在约 1/4 处爆发只有 1–3 帧
ACTION TIMING · 抽象球演示四段
PRINCIPLE 04

拒绝均匀补间:时间要向两端集中

关键帧工具会自动补间,但同样的 pose、同样的时长,中间帧均匀分布看起来就"糊"(mushy)。正确做法是把时间压给蓄力和爆发:蓄力可以拉到很满,挥出在 1 帧内完成,跟随不沿原路返回。团子的所有"快动作"都应使用先慢后爆再回弹的非均匀节奏。

"补间只是填补中间帧,别让它把印象磨钝。"——樱井政博
DASH · 抽象球:时间分配对比
PRINCIPLE 05

即时响应:输入的下一拍就变脸

按下按键的瞬间,pose 就应大幅变化,而不是从待机慢慢插值过去——延迟和显示延迟无法避免,角色反馈必须零延迟。蓄力可以很短甚至没有(轻攻击 1 帧出招也成立),但"系统收到了"必须立刻可见。UI 团子同理:点击/按压的反馈帧不能晚于 100ms。

"正是因为存在网络与显示延迟,输入的即时响应才最理想。"——樱井政博
点击右下按钮,观察形变出现的时机
INPUT RESPONSE · 抽象球
PRINCIPLE 06

表情做大:在你觉得够了的位置再大一档

即使角色小到看不清脸,樱井团队仍认真做表情,并且在审核时会把美术提交的"小表情变化"亲手改大。CG 天生损失信息,表情幅度要大于真人。团子没有嘴,眼型、腮红、触角与身体挤压要共同承担表情,幅度更要给足。

"正因为 CG 会丢失信息,夸张才是刚刚好——表情也要做大。"——樱井政博
卡比张大O型嘴表情
EXPRESSION · 大乱斗SP:O 型嘴 + 整只后仰,小屏幕也读得出
PRINCIPLE 07

轮廓优先,拒绝左右对称

侧面剪影必须一眼能辨认出在做什么——樱井把"剪影干净"列为攻击 pose 的绝对要求。同时避免左右镜像对称的站姿和动作(对称只用于刻意搞笑),身体要扭转、手脚要分出高低,动作轨迹越过身体中线才有张力。

"最重要的是让剪影看起来干净。避免对称,除非有喜剧意图。"——樱井政博
卡比舞蹈姿势剪影
SILHOUETTE · 手脚分高低、身体扭转,剪影即动作
PRINCIPLE 08

两轴转动:转头先低头或歪头

只绕垂直轴(Y 轴)转动像钻头一样机械。正确做法是两个轴叠加:低头再转(X+Y)、或歪头再转(Z+Y),两个轴的时间稍微错开,性格立刻不同。团子做"看向某处"时,身体应先轻微倾斜再转向,视线先行。

"同一个转头,低头转、歪头转、水平转,看起来完全是不同角色。"——樱井政博
卡比小跳空中转身
TURN · 大乱斗SP:小跳腾空,倾斜与转身叠加
PRINCIPLE 09

次级动作:手和触角要"慢半拍"

动画十二原则中的"跟随与重叠":主体先动,末端(手、触角等柔软部分)滞后 2–5 帧跟上,停止时再越过一点回摆。注意看屏中卡比:身体上下浮沉是主动作,两只手反向画圆扇动、节奏错开,是典型的次级动作。团子的两根触角是卡比没有的天赋部件——开心时绷直轻颤、困倦时耷拉、被拖拽时甩向反方向。

触角滞后幅度建议 80–150ms;手部 60–120ms。
FOLLOW-THROUGH · 身体浮沉主动作,双手错拍扇动
PRINCIPLE 10

反馈极端化:成功与失败都要"换一只角色"

受击瞬间立刻切到与待机截然不同的极端疼痛 pose,配合打击停顿(hit-stop),让第一帧停留得足够久——即使从远处也能瞬间读出"出事了"。成功反馈同理:胜利 pose 与日常状态反差越大,奖励感越强。团子的错误、成功状态都不应只是换个颜色。

"受击 pose 要与待机完全不同,远远地也能看出来。"——樱井政博
平静待机
极端受伤
DAMAGE · 反馈强度对比
PRINCIPLE 11

滞空节奏:慢上浮、长悬停、Q 弹落地

媒体评测反复用 "floaty"(漂浮感)形容卡比的手感:起跳柔和、在顶点停留更久、下落与落地配合明显的压扁回弹。这不是物理真实,而是"气球/软糖"的材质表演。团子本就常驻空中,所有垂直运动都应遵循这条曲线,杜绝机械匀速上下。

推荐缓动:上浮 ease-out、顶点 ease-in-out 悬停、下落 ease-in、落地 back-out 回弹。
FLOATY · 抛物线节奏
03 · 动态画面

动态画面语言:六套视觉语汇

卡比的"Q 弹"不是某一帧画出来的,而是材质、形态、表情、部件、特效、节奏六套语汇协同的结果。团子的半透明麻薯质感比卡比更软更水,这些语汇应当原样继承并加强。

MATERIAL · 我方吉祥物实时演示团子材质

材质语汇 · 一颗水球

软、弹、透光:高光固定在左上方,形变时高光轻微跟随;任何挤压都必须以回弹收尾,绝不允许"定格在变形状态"。团子表面有麻薯颗粒感,挤压时边缘应出现更明显的透光。

FORM · 探索发现

形态语汇 · 球是本体

一切动作都是"球的变形":垂直压多少,横向就扩多少,宽高乘积近似不变。位移本身尽量少用,优先用形变表达意图——这是无脚角色成立的根本。

FACE · 官方贴纸卡比惊讶表情

表情语汇 · 眉眼腮红

卡比靠大眼+腮红+大嘴三件套;团子没有嘴,表情全部上移:开心时眼睛弯成月牙、腮红加深;惊讶时瞪眼+身体上弹;用力时闭眼+身体鼓胀。

PARTS · 探索发现:扇手

部件语汇 · 手与触角

短圆手做大幅度表演(扇、举、挥、张),永远滞后身体半拍。团子的两根触角是第二表情通道:竖起=兴奋、绷直=惊讶、自然弯=常态、耷拉=困倦/失败。

FX · 探索发现:星弹

特效语汇 · 星星家族

四角星(奖励/变身/落点)、气流弧线(吸入/扇手/冲刺)、汗滴(疲劳/尴尬)、Zzz(睡眠)、气泡盾(防御/守护)。特效统一使用圆润无尖角的语言,与球本体一致。

TIMING · 官方贴纸:胜利舞卡比胜利舞定格

节奏语汇 · 停顿与定格

关键 pose 出现时给 3–6 帧"打击停顿"(hit-stop),庆祝动作以定格收尾;日常动作则保持 floaty 的慢速呼吸感。快节奏只属于交互层,生命层永远慢。

团子色板

延续卡比的糖果系并提高通透度;界面容器与文字遵循 Momcozy 3.0 中性色(暖白 #F9F7F5 / 白卡 #FFFFFF / 墨色 #240F1B),角色色仅用于吉祥物本体与动效特效。

团子粉 #F7A9C4 腮红深粉 #EF7FA8 奶油白 #FDF0F5 星星金 #DDA448 气流蓝 #8FD3FF 眼睛深褐 #3A2433 成功绿 #009E3D 警示红 #D20307
04 · 落地规范

团子动效规范:参数 Token 与动作卡

以下规范面向实际设计/研发落地:先统一时长、缓动、形变与悬浮基线四套 Token,再为 12 个常用动作给出关键姿势、参数与禁忌。每张动作卡上半屏是卡比官方参考、下半屏是真实吉祥物按规范实时播放——左学右做,逐帧对照。

4.1 动效 Token

时长档位

micro 120–200ms
small 240–400ms
medium 450–700ms
large 800–1200ms
loop 2.4–4s(循环)

micro:按压、眨眼;small:表情、触角;medium:雀跃、入场;large:庆祝、失败;loop:呼吸与悬浮。

悬浮基线

垂直 ±6–10px / 2.4–3.2s
水平 ±10–16px / 4–6s
缓动 ease-in-out
两轴周期错开,不同步

团子永远在轻轻浮沉,这是它"活着且没有脚"的根基;任何静止画面都应至少保留呼吸级微动。

眨眼 / 滞后

眨眼间隔 4–7s 随机
闭眼 100–140ms
触角滞后 80–150ms
手部滞后 60–120ms

两眼可以错 1 帧眨,更自然;触角与手的动画时长比身体长 15–25%,停顿时允许轻微过冲回弹。

缓动曲线库(cubic-bezier)

Q弹回弹 .34,1.56,.64,1
按压回弹、入场、惊喜
软着陆 .22,1,.36,1
下落、落位、收势
呼吸 .42,0,.58,1
呼吸、悬浮、待机
瞬间爆发 .7,0,.84,0
冲刺、发射、受击
标准 .4,0,.2,1
通用过渡、位移
形变状态scaleXscaleY用途与说明(宽×高乘积≈1,体积守恒)
常态呼吸1.00–1.030.97–1.00idle 基线,幅度极小但不能没有
按压 / 蓄力1.16–1.200.80–0.84按钮按压、起跳前蹲、用力;横向明显扩张
起跳 / 拉伸0.90–0.941.08–1.14快速上移、被吊起、惊讶上弹的纵向状态
惊喜0.961.08–1.10幅度小于起跳,配合瞪眼,1 次回弹即止
防御 / 蜷缩1.08–1.120.80–0.86受击、守护、害羞,可叠加气泡盾特效
极限形变(红线)X:0.78–1.22,Y:0.78–1.22任何单轴缩放不得超出该区间,否则失真;变形必须在 200ms 内开始回弹

4.2 动作规范卡(12 个基础动作)

每张卡上屏为卡比官方参考素材,下屏为真实吉祥物按规范实时播放,并附触发、时长、缓动、形变与分层要求。

04.3 · 红线

八条禁止事项

评审团子动效时逐条对照,命中任意一条即退回重做。

体积漂移

压扁时不横向扩张、缩放宽高乘积变化,看起来像漏气或凭空长大。

线性 / 均匀补间

匀速运动、关键帧之间平均分配时间,动作"糊"而无力。

对称呆站

正面端正、双手同高、毫无倾斜的 pose(防御、蓄力等刻意对称除外)。

触角缺席

身体动了但两根触角僵硬不动,或与身体同帧启动、没有滞后。

长出"脚"的逻辑

出现走路步态、落地站稳、地面投影承重等表现,违背悬浮设定。

变形不回弹

挤压/拉伸后定格在变形状态,失去软糖材质,必须以回弹收尾。

情绪只换颜色

失败只闪红、成功只变绿,没有姿势与表情变化——颜色只能做辅助。

无限表演

挥手、跳舞、招手等表演动作无限循环,与生命层抢注意力;3–5 次即止。

05 · 场景落地

UI 场景与动作的映射表

把动作库接到最常见的产品场景上,先跑通这六个高频位,再按需扩展。

01加载 / 提交中

「用力」循环:鼓气、闭眼、左右使劲,偶有汗滴。

超过 8s 未完成 → 转入「入睡」,完成时惊醒切成功

02成功 / 完成页

「成功庆祝」:三拍摆身小跳 + 2–4 颗星星爆开。

结尾定格 ≥300ms 再回归呼吸,给奖励感留白

03空状态

「入睡」:缓缓下沉、触角耷拉、Zzz 上浮。

内容加载完成时立即惊醒(即时响应,不可缓慢)

04错误 / 失败提示

「受挫」:一次左右摇晃 + 身体微缩 + × 符号。

1.6s 内恢复待机;红色仅作辅助,文案说明如何修复

05新手引导 / 可点击提示

「打招呼」3–5 次,视线与触角朝向操作目标。

用户开始操作即停止,不与操作动画重叠

06按压 / 拖拽吉祥物

按压:squash 到 .82 并保持,松开 Q 弹回弹。

拖拽:朝运动方向拉伸倾斜,触角和手甩向后方;松手回基线
APPENDIX

参考来源

  1. 游研社译:《星之卡比 梦之泉物语》1993 年开发者访谈(岩田聪、樱井政博谈圆形角色设计)
    yystv.cn/p/8953
  2. 机核 GCORES:《星之卡比 探索发现:简单并不意味着无脑》(角色诞生与设计哲学)
    gcores.com/articles/149295
  3. Senko:Sakurai on Creating Games — Motion (18 Topics),樱井政博动效设计系列整理(夸张、四段式、扁平缩放、插值、表情、轮廓、两轴旋转等)
    en.senkohome.com/sakurai-game-dev-motion
  4. TechInEnglish 转述 Digital Foundry《探索发现》技术分析:卡比 3D 挤压拉伸动画评价
    techinbengali.com
  5. Trusted Reviews《Kirby and the Forgotten Land》评测(挥手问候、盘旋疲劳出汗、侧手翻闪避)
    trustedreviews.com
  6. 星之卡比 Wiki:卡比跳舞(胜利舞触发与形式沿革)
    kirby.fandom.com
  7. Wikipedia 镜像:Kirby (character)(柔软可拉伸身体、鼓气盘旋、疲劳机制)
    osmarks.net / Wikipedia
  8. SmashWiki:Kirby(《任天堂明星大乱斗 SP》待机、挑衅、抓取、防御等动作 GIF 素材来源)
    ssbwiki.com/kirby
  9. Wikirby:《星之卡比 探索发现》官方动作教学视频、任天堂 LINE 官方动态贴纸素材
    wikirby.com
  10. 机核 GCORES:《从动画入手,浅谈如何在动作游戏中做出优秀的动作》(挤压拉伸与体积守恒)
    gcores.com/articles/161969