Bruce, in motion grok-4.7-build-fast · SVG keyframes

侧脸飞行员哈士奇,用品牌色和可动的零件演戏:等待、祝贺、写字,以及一组能嵌进角落的反应。动画在 SVG 里面,靠关键帧和补间,不靠叠图。缩小到 48px 时,护目镜、耳朵和双箭头仍然负责让人认出布鲁斯。

嵌进产品

在想
布鲁斯还在这件事情上。
做完了
测试过了。可以合。

博客

等待

Bruce Idle

在场 Idle

默认在场、页边、空状态

呼吸两下,0.38 与 0.72 处各眨一次,耳朵在 0.62 轻抖,瞳孔慢慢看向鼻尖再回到前方。

3.6s · svg/idle.svg

姿态条 / pose strip
Bruce Listen

在听 Listen

用户说话、语音输入

头抬起约 8 度,双耳前倾,在 0.3 和 0.68 各点一次头,瞳孔盯着前方。

2.6s · svg/listen.svg

姿态条 / pose strip
Bruce Think

在想 Think

模型思考、短等待

鼻子略低,眼睛看向上方,眼皮半阖。护目镜先滑下一小段再推回去。三点依次弹出。

3.2s · svg/think.svg

姿态条 / pose strip
Bruce Working

在做 Working

写代码、跑工具、连续输出

四下短促的点头,像在敲字。眼睛看向下前方,嘴抿住。

1.6s · svg/working.svg

姿态条 / pose strip
Bruce Wait

长等待 Wait

长任务、构建、部署

慢呼吸。过半时叹一口气:身体压扁,耳朵垂下,再弹回来。项圈徽章外有一圈慢慢转的刻度。

4s · svg/wait.svg

姿态条 / pose strip

反应

Bruce Happy

高兴 Happy

小成功、保存完成

先蹲再起两跳。舌头在空中露出。耳朵晚一拍甩下来。腮红跟上。

1.6s · svg/happy.svg

姿态条 / pose strip
Bruce Celebrate

祝贺 Celebrate

任务完成、发布、测试通过

深蹲、离地、转体,徽章放大一圈,青紫双箭头撒出去,落地后再颠一下。

2s · svg/celebrate.svg

姿态条 / pose strip
Bruce Curious

好奇 Curious

反问、新文件、引导

头歪向鼻子一侧,近耳竖直,远耳放松。瞳孔放大并看向上方,嘴做成小 o,再收回微笑。

1.8s · svg/curious.svg

姿态条 / pose strip
Bruce Surprise

吃惊 Surprise

意外结果、突然完成

先顿住,再压扁,接着整张脸弹开:眼睛放大、瞳孔先缩后张、护目镜跳起、耳朵射直、嘴成 O。

1.3s · svg/surprise.svg

姿态条 / pose strip
Bruce Laugh

大笑 Laugh

特别开心、玩笑

闭眼笑,头快速左右甩五下,耳朵反相扇动,身体跟着颠。后半段收回来。

1.45s · svg/laugh.svg

姿态条 / pose strip
Bruce Proud

得意 Proud

交付、合并、表扬前的停顿

下巴抬起,镜片慢扫一道高光,徽章轻轻鼓一下,结尾眨一只眼。

2.2s · svg/proud.svg

姿态条 / pose strip
Bruce Shy

害羞 Shy

致谢、被夸奖

头低下,耳朵折起来,眼睛看向下方,腮红一明一暗,身体小幅左右晃。

2.4s · svg/shy.svg

姿态条 / pose strip
Bruce Confused

疑惑 Confused

结果对不上、需要确认

头慢慢左右晃,两只耳朵相反并且在中途对调。问号弹出来再歪一下。

2.2s · svg/confused.svg

姿态条 / pose strip
Bruce Sad

低落 Sad

失败、被打断,语气放轻

耳朵垂下,眼皮半关,嘴角向下。一滴泪从眼角落到腮边。呼吸变慢。

2.8s · svg/sad.svg

姿态条 / pose strip
Bruce Sleepy

困了 Sleepy

空闲超时、待命

眼皮沉下去,头点到胸口,突然惊醒,打一个哈欠,Z 浮上去,再慢慢沉回去。

3.6s · svg/sleepy.svg

姿态条 / pose strip
Bruce Wink

眨眼 Wink

收到、俏皮确认

微笑,眼皮闭上并停住,近耳弹一下,徽章转一个小角度,再睁开。

1.25s · svg/wink.svg

姿态条 / pose strip
Bruce Love

好孩子 Love

夸奖、good job、谢谢

眼睛弯起来,两跳,腮红铺开,三颗紫色的心依次升起。舌头露一下。

1.8s · svg/love.svg

姿态条 / pose strip
Bruce Alert

留意 Alert

需要人看一眼、软错误

先看正前方,瞳孔突然偏向一侧,耳朵贴后又竖起,感叹号弹出,再稳住。

1.2s · svg/alert.svg

姿态条 / pose strip

插画

Bruce Write

在写 Write

博客题图、文档空状态、长文生成

爪子带着笔从左写到右,四行字被画出来。写到中段他抬头,脑边弹出一枚双箭头,再低下头继续。

4.8s · svg/write.svg

姿态条 / pose strip