SAI桌宠

一个可自定义贴图的桌面宠物程序，使用Electron开发。

功能特性

• 🐾 自定义贴图：支持上传PNG格式的自定义贴图
• 🎭 多状态贴图：支持待机、运动、点击、拖拽等不同状态的贴图
• 🖱️ 交互功能：支持鼠标点击、拖拽、双击等交互
• 🎮 自动行为：桌宠会自动进行待机和随机移动
• 💬 对话气泡：点击时显示随机对话
• 🎨 现代UI：简洁美观的设置界面

安装和运行

环境要求

• Node.js 16.0 或更高版本
• npm 或 yarn

安装依赖

cd D:\pythonptogramming\desktop_pet_second
npm install

运行程序

# 开发模式
npm run dev

# 正常模式
npm start

打包程序

# 构建可执行文件
npm run build

使用说明

1. 上传自定义贴图

1. 打开设置界面
2. 点击上传区域或拖拽PNG图片到上传区域
3. 系统会自动将图片保存到 assets/custom 目录

2. 设置不同状态的贴图

1. 在设置界面中，点击不同的状态标签（待机、运动、点击、拖拽）
2. 从已上传的图片中选择对应状态的贴图
3. 系统会自动应用选中的贴图

3. 桌宠控制

• 显示桌宠：在设置界面点击"显示桌宠"按钮
• 隐藏桌宠：点击"隐藏桌宠"按钮
• 关闭桌宠：点击"关闭桌宠"按钮

4. 与桌宠互动

• 点击：点击桌宠会触发随机对话和动作
• 拖拽：按住鼠标左键拖拽桌宠移动
• 双击：双击桌宠会触发特殊动作

文件结构

desktop_pet_second/
├── src/
│   ├── main.js          # Electron主进程
│   ├── settings.html    # 设置界面
│   └── pet.html         # 桌宠界面
├── assets/
│   ├── custom/          # 用户自定义贴图目录
│   └── default-pet.svg  # 默认贴图
├── package.json         # 项目配置
└── README.md           # 说明文档

自定义贴图规范

文件格式

• 仅支持PNG格式
• 建议尺寸：120x120像素或更高分辨率

命名规范

为了支持不同状态的贴图切换，建议按以下方式命名：

• idle.png - 待机状态
• moving.png - 运动状态
• clicked.png - 点击状态
• dragging.png - 拖拽状态

如果不按此规范命名，系统会使用第一个上传的图片作为默认贴图。

技术栈

• 前端：HTML5, CSS3, JavaScript (ES6+)
• 桌面应用：Electron
• 文件处理：fs-extra
• 构建工具：electron-builder

开发说明

添加新功能

1. 在 src/main.js 中添加IPC处理函数
2. 在 src/pet.html 或 src/settings.html 中添加前端逻辑
3. 更新相应的CSS样式

调试

开发模式下会自动打开开发者工具，可以查看控制台输出和调试信息。

许可证

MIT License

更新日志

v1.0.0

• 初始版本发布
• 支持自定义贴图上传
• 支持多状态贴图切换
• 实现基本的桌宠交互功能