应用介绍
独立游戏做到特效这一步,常见的困境是:买素材包风格对不上,自己画一套火焰、爆炸、魔法又太耗时间。pixelfx 的做法是把特效写成代码:244 个像素风特效,每一个都是一小段 JavaScript,火焰、爆炸、冰霜、闪电、天气、界面反馈、拾取物和小生物都有,可以在网页画廊里直接播放、换色、镜像,然后放进浏览器游戏,或者导出成精灵图给任何引擎用。
涉及角色的特效还演出了完整的动作:起手、释放、命中停顿、收招,目标也会受击,另有 12 个把多个特效串成整套攻击的招式。仓库还附带一个 Claude Code 技能,能按“起稿、渲染、看图、修改”的流程帮你做新特效。方法来自 Hugo Duprez 的文章,MIT 协议。
在线画廊:按火焰、爆炸、水、冰、闪电、科幻、近战、冲击等 21 个类别浏览,可播放、换色、镜像。
浏览器游戏集成:无依赖,适用于 Canvas、Phaser、PixiJS、Kaplay、three.js,用 createFx 在游戏分辨率里绘制。
导出精灵图:把特效导出成 sprite sheet,供 Unity、Godot 等其他引擎使用。
完整招式:12 个整套动作,从起手到收招,把多个特效串起来。
Claude Code 技能:让 AI 按像素画师的流程做出新的特效。
代码即素材:每个特效是 src/fx 下的一个文件,可以直接读、改、组合。
涉及角色的特效还演出了完整的动作:起手、释放、命中停顿、收招,目标也会受击,另有 12 个把多个特效串成整套攻击的招式。仓库还附带一个 Claude Code 技能,能按“起稿、渲染、看图、修改”的流程帮你做新特效。方法来自 Hugo Duprez 的文章,MIT 协议。
软件功能
在线画廊:按火焰、爆炸、水、冰、闪电、科幻、近战、冲击等 21 个类别浏览,可播放、换色、镜像。
浏览器游戏集成:无依赖,适用于 Canvas、Phaser、PixiJS、Kaplay、three.js,用 createFx 在游戏分辨率里绘制。
导出精灵图:把特效导出成 sprite sheet,供 Unity、Godot 等其他引擎使用。
完整招式:12 个整套动作,从起手到收招,把多个特效串起来。
Claude Code 技能:让 AI 按像素画师的流程做出新的特效。
代码即素材:每个特效是 src/fx 下的一个文件,可以直接读、改、组合。

