pixelfx

它做什么

• 232 个特效、20 个类别，每个都是一小段代码文件——不用图片；纯函数类导出 draw(p, t, o) 循环无缝，模拟类以 120 Hz 步进真实粒子
• 双缓冲——像素进 color、加法发光进叠加其上的 light——且所有随机数都设种子，第 40 帧每次完全一致
• 不改代码换配色——任何特效都能吃一条由暗到亮的色板 ramp，火焰烧成蓝色、治疗泛出粉光
• skill 自带质量闭环——起草、渲染 contact sheet、看图、修最差处、再渲染；check.mjs 抓溢出、接缝、未设种子的随机与慢帧
• 随处导出——带 Aseprite 风格 JSON（帧矩形、时长、轴点）的精灵图，Phaser 图集加载器与 Godot、Unity 导入器直接可读；gallery 可现场跑整个库

什么时候用

浏览器游戏需要火、打击、拾取物与天气效果、但没有画师也没有贴图预算——从 GitHub 安装、零依赖直接用；也可以给 skill 一句「Make five takes on a coin pickup sparkle and show me the best two」。引擎团队拿同样一批特效的精灵图版本；特效作者用 node tools/new.mjs 得到可运行的起点，并对照质量标准迭代。

如何上手

# Claude Code skill，装成插件：
/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfx

# 或把 skills/pixelfx 复制进 ~/.claude/skills/

# 库本体，零依赖：
npm i github:patch-gg/pixelfx

# 创作新特效：
node tools/new.mjs arcane/my-spell
node tools/render.mjs arcane/my-spell
node tools/check.mjs arcane/my-spell

注意事项

MIT 覆盖代码与特效，但 gallery/fonts 里的 Patch Pixel 字体是 Patch 自有、不在其列（见 NOTICE.md）；部分特效改编自 Hugo Duprez 的 MIT 特效，文件顶部有标注。引擎侧走精灵图导出而非直接引入——Godot、Unity、GameMaker、Defold、LÖVE、Bevy 读图集，代码本体面向浏览器 canvas API。在线 gallery（https://patch-gg.github.io/pixelfx/）可现场播放全部特效。2026-10-30 创建，非常新；232 为撰稿时的特效数。