Skip to content

holdyeah/HanLi

Repository files navigation

hanli - 韩立桌面

这是截取《凡人修仙传》第136集16分2秒生成的韩立✨

截取《凡人修仙传》第3集12分59秒生成的掌天瓶logo

📝 开发背景

本项目灵感来源于 BongoCat,并融合了《凡人修仙传》动漫中角色韩立的形象,打造了一个桌面应用,支持窗口缩放、穿透点击、置顶显示,并可保存位置。

✨ 主要功能

  • 🖼️ 显示 GIF 宠物动画
  • 🖱️ 支持拖动窗口
  • 📏 右键菜单设置缩放比例(50%~150%)
  • 🕶️ 鼠标穿透(忽略点击事件)
  • 🔝 始终置顶开关
  • 📍 记忆窗口位置(重启后恢复)
  • 📦 支持打包为 Windows 安装包(MSI),自定义图标

💻 开发要求

类型 要求
Node.js 推荐 v20.x LTS
包管理器 npm
操作系统 Windows 10 / macOS / Linux (X11)
工具 Git(用于克隆项目)

🚀 快速启动

🔧 安装依赖

npm install

🛠️ 运行开发模式

npm run tauri dev

这将启动本地开发服务器并自动打开 Tauri 应用窗口。

📦 打包为桌面应用

npm run tauri build

构建完成后,安装包和可执行文件会输出在以下目录:

src-tauri/target/release/bundle/

说明:目前只打包了Windows构建输出构建输出


🖼️ 自定义你的形象

你可以轻松地自定义的动画形象!

制作流程

1.截取你喜爱的角色画面或人像

2.使用豆包 登录豆包抠图工具 → https://www.doubao.com/chat/create-image, 上传截图后,使用「智能抠图」功能自动去除背景。

3.进入豆包视频生成页面 → https://www.doubao.com/chat/ ,上传抠图后的人物素材,输入指令「让衣服动起来」。

4.保存视频到video文件夹下,命名为生成的视频.mp4,安装python ,运行video_to_gif.py 即可生成gif

替换 GIF

只需将你自己的动图替换到以下路径即可:

public/images/pet.gif

✅ 动图格式必须为 .gif

替换后重新打包即可看到新形象!

npm run tauri build

🧰 技术栈与工具

类别 工具/技术
框架 Tauri + Vue 3 + TypeScript
状态管理 Pinia
构建工具 Vite
菜单系统 Tauri Menu API
系统托盘 Tauri System Tray API
窗口控制 Tauri Window API (setAlwaysOnTop, setSize, setPosition)
数据持久化 localStorage
图标构建 .ico 文件 + WIX Toolset(用于 MSI 打包)

❤️ 支持与反馈

如果你喜欢这,请给它一颗 ⭐ 星星,让更多人看到它吧!

也欢迎提交 Issue 或 PR 来帮助我们完善这个项目!


如有任何问题或建议,欢迎联系

🔗 GitHub 地址:HanLi