pixelfx 是 Patch 团队 10 月 30 日刚开源的一个像素风游戏特效库：244 个特效，每一个都是一小段 JS 代码，而不是图片文件。火焰、爆炸、闪电、天气、魔法、受击闪光……全部用代码实时画出来，可以一键换色，可以导出给 Phaser、Godot、Unity 用的精灵表。更妙的是，它还自带一个 Claude Code Skill，能让 AI 按同样的风格帮你现做新特效。MIT 协议，代码和特效都能免费商用。
244 个特效，分成 22 类
每个特效都是 src/fx/<分类>/<名字>.js 下的一个文件，分类很细：
- 动作类：12 个招式（箭矢射击、冲刺斩击、火球投掷、地面重击……）和 12 个近战特效；
- 元素类：火焰 12 个、爆炸 12 个、水 12 个、冰 10 个、闪电 11 个、科幻 12 个；
- 战斗反馈：打击感 11 个、投射物 13 个、生成与死亡 10 个；
- 魔法与状态：奥术 12 个、神圣 10 个、暗影 12 个、状态 13 个；
- 环境与界面：自然 13 个、天气 12 个、UI 12 个、拾取 11 个、转场 10 个，还有 12 个小动物（蝙蝠、蝴蝶、飞行的骷髅……）。
打开它的在线画廊就能直接试玩所有特效，不用安装。
怎么用：两种路子
在浏览器游戏里直接用代码。支持 Canvas、Phaser、PixiJS、Kaplay、three.js，零依赖：
npm i github:patch-gg/pixelfx
然后 import 对应的特效文件，用 createFx 创建、update 推进、draw 绘制，调色只需要传一个 palette 参数——一把火可以烧成蓝色，一个治疗光环可以泛粉光，不用改代码。
在任何引擎里用精灵表。Godot、Unity、GameMaker、Defold、LÖVE、Bevy 都行，一条命令导出透明 PNG 精灵表加 Aseprite 风格的 JSON：
node tools/render.mjs ice/frost-nova --sheet
一条命令也可以把整个库导出来。tools/render.mjs 还支持 --gif、--mp4 导出动图。
“演”出来的打击感
pixelfx 有个很不一样的设计：带角色的 61 个特效和 12 个招式都是“演”出来的。一个挥砍不只是刀光，还包括起手蓄势、命中瞬间的定格、目标的受击后仰和收招恢复。作者的原话是：光有效果像贴纸，有了身体的反应才像一次真正的打击。
技术上也很有意思：每个特效要么是纯函数（给定时间 t 就能算出那一帧，循环无缝），要么是 120Hz 步进的粒子模拟；颜色和光线分两个缓冲，亮的东西因为光线缓冲而真的“发光”；所有随机数都来自种子，同一帧每次渲染都一样；还有一个按 12fps 定格的 3D 骨架小人，姿势数据可以直接拿去驱动你自己的角色。
自带 Claude Code Skill
仓库里有个 pixelfx Skill，教 Claude Code 查找、使用、导出和制作特效。装成插件：
/plugin marketplace add patch-gg/pixelfx /plugin install pixelfx@pixelfx
或者把 skills/pixelfx 复制到 ~/.claude/skills/。之后就可以直接说人话：“给法师的大招加个冰霜新星”“做五个捡金币的闪光特效，给我看最好的两个”“把火焰和爆炸这两类导出给 Godot 用”。想自己写新特效也有脚手架：node tools/new.mjs arcane/my-spell 生成起点，render、check 两条命令检查渲染和常见问题，docs/AUTHORING.md 里写了绘制 API 和质量标准。
协议与出处
MIT 协议，代码和特效都免费，商用也没问题。部分特效改编自 Hugo Duprez 的 MIT 开源特效，方法论也来自他的文章《How to make (good) pixel art effects with Claude》。做游戏、做演示、做教学都用得上；如果你最近在折腾像素风项目，这个库值得先收藏再慢慢翻。
相关阅读：同样是“让 AI 出品不再像 AI”的思路，可以看看unslop：专治 AI 味界面的 Claude Skill，两天 1,939 星，先审计再一轮轮改；需要图片编辑工具的话，PhotoCraft：开源免费的 Photoshop 平替，纯 Rust 重写、真 PSD 文件往返也值得一看。
转自 GitHub 作者 Patch 的文章《pixelfx》，原文链接：https://github.com/patch-gg/pixelfx
暂无评论内容