pixelfx

pixelfx

像素风特效代码库

开发官网

应用介绍

独立游戏做到特效这一步,常见的困境是:买素材包风格对不上,自己画一套火焰、爆炸、魔法又太耗时间。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 下的一个文件,可以直接读、改、组合。

应用截图