patch-gg/pixelfx

这是什么？

核心功能

• 01包含 20 个分类共 232 个特效，如火焰、冰霜、天气和 UI。
• 02可直接在浏览器游戏中使用，无额外依赖。
• 03导出带透明背景的精灵图和 Aseprite 格式 JSON，供其他引擎使用。
• 04支持自定义调色板，无需修改代码即可更换特效颜色。
• 05提供 Claude Code 技能，用于查找、导出和制作特效。
• 06基于固定种子生成随机效果，同一帧每次输出一致。

适用场景

• 为 2D 浏览器游戏添加打击、法术或拾取效果。
• 将爆炸或火焰动画导出为精灵图，用于 Godot 或 Unity。
• 借助 Claude Code 中的 AI 助手快速原型化新的像素特效。
• 通过更换调色板复用已有特效，例如将火焰改为蓝色火焰。

快速上手

1. 1

   从 GitHub 安装到你的项目

   npm i github:patch-gg/pixelfx
2. 2

   渲染某个特效的精灵图

   node tools/render.mjs ice/frost-nova --sheet

使用前须知

• !主要面向 JavaScript 画布和浏览器游戏；其他引擎需要导出精灵图。
• !gallery/fonts 中的 Patch Pixel 字体不受 MIT 许可证覆盖。

收录于专题

标签

常见问题

pixelfx 是什么？

包含 232 个像素风特效的 JavaScript 库，覆盖火焰、爆炸、魔法、天气与 UI，并附带用于生成新特效的 Claude Code 技能。 pixelfx 是一个包含 232 个像素风特效和动画的合集，每个特效都是一段小型 JavaScript 代码。分类涵盖火焰、爆炸、水、冰、闪电、魔法、天气、近战、拾取物、状态效果和 UI 反馈等。特效可以在在线画廊中预览，也可以用自定义调色板重新着色，并支持镜像和旋转。

pixelfx 可以免费使用吗？用的什么许可证？

pixelfx 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

pixelfx 还在维护吗？

活跃维护中。pixelfx 最近一次提交是在 2026年10月31日。

pixelfx 适合用来做什么？

为 2D 浏览器游戏添加打击、法术或拾取效果。 将爆炸或火焰动画导出为精灵图，用于 Godot 或 Unity。 借助 Claude Code 中的 AI 助手快速原型化新的像素特效。 通过更换调色板复用已有特效，例如将火焰改为蓝色火焰。

pixelfx 怎么安装和运行？

从 GitHub 安装到你的项目: npm i github:patch-gg/pixelfx 渲染某个特效的精灵图: node tools/render.mjs ice/frost-nova --sheet

在哪里获取 pixelfx？

源代码和安装说明在 GitHub 上：https://github.com/patch-gg/pixelfx