https://github.com/viavxxx/gradient_tool

🎨 一个功能强大的渐变色图像生成桌面应用，支持 Perlin 噪声纹理效果、20+ 预设和独立打包
https://github.com/viavxxx/gradient_tool

design-tool desktop-app gradient gui python texture-effects

Last synced: 5 months ago
JSON representation

🎨 一个功能强大的渐变色图像生成桌面应用，支持 Perlin 噪声纹理效果、20+ 预设和独立打包

• Host: GitHub
• URL: https://github.com/viavxxx/gradient_tool
• Owner: ViaVxxx
• Created: 2025-12-21T21:46:50.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2025-12-22T10:40:25.000Z (6 months ago)
• Last Synced: 2025-12-23T09:36:11.516Z (6 months ago)
• Topics: design-tool, desktop-app, gradient, gui, python, texture-effects
• Language: Python
• Homepage:
• Size: 128 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Gradient Tool

**现代化渐变图像生成工具**

---

## 🎉 项目状态

**最新更新**：2026-01-16  

**架构**：Rust + WASM + Tauri + Vue 3  

**状态**：✅ **生产就绪**

---

## 🚀 快速开始

### 开发模式

```bash

cd web-version/web

npm run tauri:dev

```

### 生产构建

```bash

cd web-version/web

npm run tauri:build

```

---

## 📊 性能特性

| 指标 | 性能 |

|------|------|

| 渲染速度 | **5-10x** 提升 ⚡ |

| 内存占用 | **-47%** 减少 💾 |

| 安装包 | **-90%** 减小 📦 |

| 启动时间 | **< 2秒** 🚀 |

---

## 🎯 核心功能

### 渐变生成

- ✅ 线性渐变（任意角度）

- ✅ 径向渐变（自定义中心点）

- ✅ 2-20 个色标支持

- ✅ RGB/HSL 颜色空间

### 图像效果

- ✅ Perlin 噪声

- ✅ 晕影效果

- ✅ 磨砂玻璃效果

- ✅ 胶片颗粒效果

### 系统功能

- ✅ 预设管理

- ✅ 图像导出（PNG/JPEG）

- ✅ 实时预览（60fps）

- ✅ 跨平台支持

---

## 🏗️ 技术架构

```

┌─────────────────────────────────────────────────────────┐

│                     Vue 3 前端                          │

│                  (Vite + Tailwind CSS)                  │

└─────────────────────────────────────────────────────────┘

                            │

                            ↓

┌─────────────────────────────────────────────────────────┐

│                    API 适配层                           │

│              (兼容 PyWebView 接口)                      │

└─────────────────────────────────────────────────────────┘

                            │

                ┌───────────┴───────────┐

                ↓                       ↓

┌───────────────────────┐   ┌───────────────────────┐

│   WASM 核心引擎       │   │    Tauri 后端         │

│   (Rust 高性能)       │   │   (系统交互)          │

│                       │   │                       │

│ • 渐变渲染            │   │ • 预设管理            │

│ • 图像效果            │   │ • 文件保存            │

│ • 颜色处理            │   │ • 版本查询            │

└───────────────────────┘   └───────────────────────┘

```

---

## 📁 项目结构

```

gradient-tool/

├── src-wasm/                     # WASM 核心引擎 (Rust)

│   ├── src/

│   │   ├── color.rs             # 颜色处理

│   │   ├── gradient.rs          # 渐变渲染 (LUT 优化)

│   │   ├── effects.rs           # 图像效果

│   │   └── lib.rs               # WASM 导出

│   └── Cargo.toml

│

├── web-version/web/

│   ├── src/

│   │   ├── api/                 # API 适配层

│   │   ├── wasm-pkg/            # WASM 编译产物

│   │   └── App.vue              # Vue 主组件

│   │

│   ├── src-tauri/               # Tauri 后端

│   │   ├── src/lib.rs           # Tauri Commands

│   │   └── assets/              # 预设数据

│   │

│   └── package.json

│

└── *.md                          # 文档

```

---

## 🔧 开发命令

```bash

# 开发模式

npm run tauri:dev

# 编译 WASM

npm run wasm:dev

# 构建生产版本

npm run tauri:build

# 仅前端开发

npm run dev

```

---

## 📚 文档

- **[快速开始](./QUICKSTART.md)** - 5分钟快速上手

- **[迁移指南](./MIGRATION_GUIDE.md)** - 迁移文档和技术细节

---

## 🐛 常见问题

### 应用无法启动？

```bash

cd web-version/web

npm install

npm run wasm:dev

npm run tauri:dev

```

### WASM 模块加载失败？

```bash

npm run wasm:dev

```

### 端口被占用？

修改 `vite.config.js` 和 `src-tauri/tauri.conf.json` 中的端口配置

---

## 🎓 技术栈

- **Rust** 1.87.0 + **WebAssembly** - 高性能核心引擎

- **Tauri** 2.9.5 - 轻量级桌面框架

- **Vue 3** 3.4.0 + **Vite** 5.4.21 - 现代前端

- **wasm-bindgen** / **image** / **noise** - 关键库

---

## 🙏 致谢

感谢以下开源项目：

- [Tauri](https://tauri.app/) - 桌面框架

- [Rust](https://www.rust-lang.org/) - 系统编程语言

- [Vue.js](https://vuejs.org/) - 前端框架

---

**🎉 准备就绪，开始使用吧！**

```bash

cd web-version/web && npm run tauri:dev

```