2026年7月1日
FLL 桌宠
用 Vue 3 + Tauri + Live2D 做的 Windows 桌面宠物,支持鼠标跟随、六部位交互区标定和 AI 对话。
#Vue 3#TypeScript#Tauri#Live2D#PixiJS
FLL 是一个常驻在 Windows 桌面上的 Live2D 宠物:角色放在透明窗口里,会跟着鼠标转头,右键能唤出圆盘菜单,也能聊天。
做了什么
- Live2D 渲染:用 PixiJS + Cubism 4 驱动模型,配套 model3 / moc3 / 物理 / 表情资源,资源没就位时自动回退到 Hiyori 样例。
- 鼠标跟随:眼球、头部、身体分三层跟手,窗口外的鼠标移动也能跟随;关闭跟随后参数立即复位,不留惯性。
- 交互区标定:在控制面板里按头、躯干、左右手、左右腿各四点完成六部位校准,再加双眼中心标定,标定结果决定哪里可以点、哪里直接让鼠标穿过去。
- 动态穿透:透明窗口默认鼠标穿透,只有落在角色主体上才响应;右键只在主体上打开圆盘,圆盘关闭后穿透立即恢复。
- 操作手感:短点播放动作,按住约 90ms 后才进入拖窗,避免想点动作却把窗口拖走。
- 服务层:把对话、笔记、人格拆成独立 service,逻辑和界面分开维护。
技术栈
Vue 3 + TypeScript + PixiJS + Live2D Cubism 4,桌面外壳用 Tauri 和 Rust。
留下了什么
项目里按日期归档了每一步的日志,从资源落位、四点标定、动态穿透,到白屏修复和圆盘菜单扩展,现象、根因和验证方式都写在里面,出问题能直接翻回上一次的记录。