✨ Avatar FX Studio

动态头像粒子特效生成器 — 上传图片或 GIF，选择特效，导出带动画的头像。

在线体验：https://ddddx.github.io/avatar/

功能

• 🎨 22 种粒子特效：闪电、火焰、光晕、轨道、护盾、冰霜、涟漪、花瓣、星尘、棱镜、漩涡、烟花、金色、旋转、加载器、矩阵、泡泡、极光、萤火虫、雨滴、实心环、光盘
• 📷 支持静态图片和 GIF 动图导入
• 🔄 无图模式：不传图片也能玩特效
• 📐 圆形/方形裁剪，实时预览

导出格式

格式	动画	半透明	说明
WebM	✅	✅	视频格式，支持完整半透明
GIF	✅	❌	动图，1-bit 透明，不支持半透明边缘
APNG	✅	✅	动画 PNG，原生 alpha 通道
WebP	✅	✅	动画 WebP，Chrome/Edge 支持

技术栈

• React + TypeScript + Vite
• PIXI.js — WebGL 渲染
• omggif — GIF 解码
• gif.js — GIF 编码
• upng-js — APNG 编码
• wasm-webp — 动画 WebP 编码

本地开发

npm install
npm run dev

构建

npm run build

部署

项目通过 GitHub Actions 自动部署到 GitHub Pages。

友情链接

• Linux.do — 一个关于 Linux 和开源的技术社区