Bruce 动态表情包 · SVG 弹簧动画系列

基于 canonical brand/bruce-head.svg 原矢量（护目镜哈士奇），参考 Grok Bot 动效研究与 Telegram 大表情的夸张语言：弹簧回弹、挤压拉伸、次级运动、粒子爆发。全部为 SVG 矢量动画（SMIL / rAF 弹簧），无任何位图叠加。单击下方主角可撒彩带，点击状态按钮切换场景。

实时弹簧引擎 · Live rig

rAF 物理驱动：挤压拉伸随速度变化，落地有弹性，护目镜跟随指针，眨眼随机节奏。当前状态：idle

点击左侧 Bruce = 彩带爆发；12 个状态对应下方 12 枚独立贴纸。

全系列 12 枚 · Sticker pack

底板版适合深色 UI 角落；透明版适合浅色页面与博客插画。点击任意贴纸可暂停/播放。
Bruce / 布鲁斯 · idle Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. smile
待机呼吸Idle breath
等待3.6s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · thinking Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. o
思考中Thinking dots
等待3s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · loading Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. smile
雷达加载Radar loading
等待2.4s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · writing Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background.
写作中Writing
内容3.2s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · sending Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. o
发送中Sending
内容2.4s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · receiving Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. smile
接收中Receiving
内容2.6s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · celebrate Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. true open
彩带庆祝Confetti pop
祝贺3s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · party Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. grin
蹦跳欢呼Party hop
祝贺2.8s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · love Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. true smile
爱心喜欢Hearts
祝贺2.8s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · thumbs Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. smile
干得好Thumbs up
祝贺2.4s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · alert Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. o
提醒注意Alert
状态2.6s 循环
点击画面 暂停 / 播放 · 单文件 ↗
Bruce / 布鲁斯 · sleep Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background.
后台休息Sleeping
状态4s 循环
点击画面 暂停 / 播放 · 单文件 ↗

产品场景演示 · Product moments

① 等待过程 · Waiting

loading 雷达 / thinking 思考 / idle 常驻待机 —— 进度、生成、排队等角落

Bruce 正在生成方案… Bruce / 布鲁斯 · loading Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. smile
Bruce / 布鲁斯 · thinking Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. o 思考中…
Bruce / 布鲁斯 · idle Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. smile 就绪待命

② 祝贺过程 · Congratulations

celebrate 彩带 / party 蹦跳 / thumbs 干得好 / love 喜欢 —— 构建成功、检查通过、发布完成

全部检查通过 ✓
Bruce / 布鲁斯 · celebrate Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. true open Bruce / 布鲁斯 · party Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. grin Bruce / 布鲁斯 · thumbs Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. smile Bruce / 布鲁斯 · love Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. true smile

③ 博客插画 · Blog illustration

writing 写作 / sending 发送 / receiving 接收 / alert 提醒 —— 可内嵌在段落旁

Bruce / 布鲁斯 · writing Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Transparent background.

把 Bruce 的动图直接内联进文档：它是 SVG 矢量，任意缩放不糊，SMIL 动画在正文里照常播放。 Bruce / 布鲁斯 · sending Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Transparent background. o Bruce / 布鲁斯 · receiving Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Transparent background. smile Bruce / 布鲁斯 · alert Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Transparent background. o

④ 状态角落 · Status corners

sleep 后台休息 / idle 常驻 —— 最小尺寸下仍保持身份（护目镜 + 徽章）

Bruce / 布鲁斯 · sleep Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. 后台运行中 Bruce / 布鲁斯 · idle Animated SVG sticker, Bruce pilot-husky mascot. Canonical geometry from brand/bruce-head.svg; SMIL spring animations. Ice-plate background. smile Bruce 在线