首页 / 设计 · 编程 / pixelfx

pixelfx

适合游戏开发做像素特效，244种效果可试玩换色导出

访问官网

什么是 pixelfx

pixelfx 是开源（MIT）的像素风特效与动画代码库，共 244 种效果，每种都是一小段代码。可在网页上试玩、换色并导出精灵图。另附一个用于生成新特效的 Claude Code 技能。

打开 patch-gg.github.io/pixelfx 画廊，播放特效、用调色板重新着色、镜像，并选择背景或角色。
用于浏览器游戏（canvas、Phaser、PixiJS、Kaplay、three.js）时，使用npm i github:patch-gg/pixelfx安装，或复制 src/core 和所需特效。
用 createFx（或包含角色与目标的 createAct）创建特效，每帧调用 update 和 draw，再合成到画布。
用于其他引擎（Godot、Unity、GameMaker、Defold、LÖVE、Bevy）时，运行node tools/render.mjs / --sheet导出精灵图。
安装 Claude Code 技能：/plugin marketplace add patch-gg/pixelfx，然后/plugin install pixelfx@pixelfx。
让 Claude Code 制作新特效，例如"为金币拾取闪光做五个版本并展示最好的两个"。

为浏览器游戏无依赖地添加火焰、爆炸、魔法、天气和 UI 特效导出带 Aseprite 风格 JSON 的像素特效精灵图，用于 Godot、Unity 或 Phaser 通过调色板为特效重新着色而无需修改代码借助 Claude Code 技能生成新的像素艺术特效用带蓄力、命中停顿和收招的动作原型设计攻击招式