PixelFX教程:244个像素艺术特效即取即用,附Claude自动造特效技能

📌 项目日期:2026年11月 | 数据来源:GitHub官方仓库 | 星数:1,067+

📋 项目简介

pixelfx 把像素游戏特效做成了可检索的代码图书馆:244个特效——火焰、爆炸、魔法、天气、UI、拾取物、小生物——每个都是一小段代码。在线画廊试玩、重新配色、镜像翻转,直接丢进浏览器游戏,或导出sprite表给任何引擎。方法承自 Hugo Duprez 的"代码是粘土,相信眼睛,喂参考图"。

它还带一个 Claude Code 技能,让Agent像挑剔的像素画家一样持续造新特效。游戏向的工具链还有 Holo Card Studio全息闪卡;媒体处理类技能参考 FFmpeg Skill。

🔧 内容一览

类别数量代表
moves 招式12箭矢射击、冲刺斩、大地践踏、火球投掷
自然/魔法大量火焰、爆炸、魔法、天气
游戏UI大量拾取物、提示、小生物

角色特效全部"演出化":起手→释放→命中定格→收招,目标受击;12个整招链成完整攻击循环。

📦 使用

# 在线画廊试玩
https://patch-gg.github.io/pixelfx/

# 试玩→换色→镜像→导出sprite表
# 放进浏览器游戏:直接拷贝对应特效代码
# 其他引擎:导出sprite sheet

# 让Claude Code造新特效:安装仓库内技能

✅ 使用建议

📚 常见问题

PixelFX是什么?

244个像素艺术特效与动画的代码库:火焰、爆炸、魔法、天气、UI、拾取物、小生物等,每个都是一小段代码——可在线试玩、重新配色、镜像、放进浏览器游戏或导出sprite表给任意引擎。

角色特效有什么特别?

涉及角色的特效都是"演出来的":角色有起手、释放、命中定格、收招动作,目标会受击;12个整招把特效串成从起手到收招的完整攻击。

附带的技能是什么?

一个Claude Code技能,按"挑剔像素画家"的方式造新特效:起草→渲染→看→修正,方法源自Hugo Duprez的《How to make (good) pixel art effects with Claude》。