Back to portfolio 胡婷®
Case 01 / 2026 Case PDF ↓

Tangyuan / Desktop pet Personal project · 2026

汤圆 TANGYUAN

基于真实宠物照片的
桌面陪伴角色与动作系统

把一只银灰渐层英短小猫,转化为会呼吸、会等待、会回应触摸的桌面生命。

角色设计 动作系统 交互设计 C# / WPF
喵~ Click me · 点击汤圆
14动作 / Actions
110透明帧 / Frames
256单帧尺寸 / px
1独立 EXE

Character design · Motion system · Interaction · Windows build

Scroll to explore

From photograph to repeatable geometry

把照片里的汤圆,
翻译成可动画的角色

不是重新设计一只猫,而是把她身上最容易被认出的特征,固定成一套可复用的视觉规则。

汤圆的真实照片、固定特征与色彩提取
01-03 / Photo reference 正面 · 眼睛与鼻头 · 背毛与比例
01

银灰渐层背毛

头顶与背部保留银灰过渡,胸口与口套保持纯白。

02

圆脸与巨大圆眼

放大眼睛与脸颊的圆润度,保留黑橄榄色虹膜与高光。

03

粉色小三角鼻

作为最醒目的暖色锚点,让面部在缩小后仍然可读。

04

紧凑短腿与蓬松尾

缩短腿长、加厚躯干,用尾巴承担大部分情绪表演。

Color palette
背毛 白毛 鼻头 眼睛 暖灰

14 actions / one emotional loop

14 套动作,
构成一个完整的情绪循环

所有动作共享同一骨架、同一毛色与同一脸部比例,避免帧与帧之间出现角色漂移。

喵~ 单击 · 开心 / 双击 · 扑玩
01 / 14
待机 IDLE
12 帧 8 FPS LOOP
Action library

选择一套动作,查看透明动图

汤圆 14 套动作总览
14 actions · 110 transparent frames · 256 × 256 px · one shared rig

It should feel like a reply

让它像在回应,
而不只是在播放动画

动作不是列表,而是一套会根据输入切换的行为。点击、抚摸、拖拽或长时间无操作,都会把汤圆带到不同的情绪状态。

单击 → 开心 双击 → 扑玩 拖拽 → 提起 松手 → 下落 托盘 → 唤醒
State machine 45s idle → sleep
待机 IDLE 自主行为 ↘ 舔毛 / 吃饭 / 伸懒腰 / 打哈欠
走路 / 奔跑 MOVE ↔ 待机 IDLE 点击 / 抚摸 开心 HAPPY
被拖起 DRAG 松手 ↓ 下落 FALL → 落地 LAND → 待机
无操作 45s ↘ 睡觉 SLEEP 点击唤醒

From sprite sheet to a companion

从动作图集,
到桌面上的真实陪伴

透明置顶、拖拽下落、托盘常驻与 14 套动作切换,都封装在一个独立 EXE 里。

Windows / Desktop scene 15:46
汤圆桌宠浏览器互动预览
透明置顶、无边框、拖拽与右键菜单
01

透明置顶

只显示角色,不打断桌面工作。

02

拖拽与落下

松手后受重力影响,落到任务栏上方。

03

右键动作

14 套动作与大小设置随时切换。

04

托盘常驻

隐藏后可从头系统托盘再次唤醒。

Single-file build
TangYuanPet.exe
├─ atlas + config embedded
├─ WPF layered window
├─ state machine
└─ tray + startup

C# · WPF · .NET Framework 4.8 · JSON · APNG / WebP

A project that can be shown, played, and extended

一个能展示、能体验、
能继续生长的项目

Download full case
14

动作

待机、移动、睡觉、舔毛、吃饭、伸懒腰等

110

透明帧 PNG

256 × 256,单帧可独立导入

12 × 14

总图集

行对应动作,列对应帧

JSON

状态机配置

帧率、循环、锚点、点击区域与物理

EXE

Windows 桌宠

透明置顶、拖拽、托盘与右键菜单

WEBP

动态预览

带透明通道,可直接用于网页或演示

“把真实宠物的记忆,变成桌面上随时可见的陪伴。” 汤圆 / TANGYUAN · Desktop Pet · 2026
My role

角色提炼 / 动作设计 / 交互设定 / Windows 实现

Tools: Pillow · SVG · C# · WPF · JSON