一个代码写成的像素风特效库(作者称 244 个:火焰、爆炸、魔法、天气、UI、拾取物等),能直接放进网页游戏或导出精灵图;附带一个 Claude Code 技能,按“起稿、渲染、看图、修改”的循环帮你做新特效。
星数 1361(+27 / 24h)
理由
- 每个特效是一个无依赖的 JS 文件;涉及角色的特效会“演出来”:起势、出手、命中定格、恢复,目标会受击,另有 12 个完整招式把特效串成一套攻击
- 网页游戏(canvas、Phaser、PixiJS、three.js 等)直接 import 代码;Godot、Unity、GameMaker 等用 node tools/render.mjs <分类/特效> --sheet 导出透明 PNG 精灵图和 Aseprite 风格 JSON
- 方法来自 Hugo Duprez 用 Claude 做像素特效的文章,部分代码改编自他的 MIT 特效;check 脚本会查越界、接缝、没设种子的随机数和慢帧
用法
- 技能:/plugin marketplace add patch-gg/pixelfx,再 /plugin install pixelfx@pixelfx,或把 skills/pixelfx 复制到 ~/.claude/skills/;然后直接说“给法师大招加一个冰霜新星”“把火焰和爆炸类导出成 Godot 用的精灵图”
- 当库用: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;在线画廊 patch-gg.github.io/pixelfx
风险
- 技能只写了 Claude Code 的装法;做新特效要模型多轮渲染、看图、修改,效果取决于模型的看图能力
- README 写明代码和特效按 MIT 可商用,但 GitHub 没识别出许可证文件,Patch Pixel 字体不在授权内;仓库 10 月 30 日建