ByteNoteByteNote
244 个像素特效每个都是一段代码,还配了个 Claude skill
字

字节笔记本

2026年11月6日 · 约 2 分钟读完

244 个像素特效每个都是一段代码,还配了个 Claude skill

API中转
¥120

做像素小游戏,玩法逻辑从来不难,难的是「看起来对味」的反馈细节:命中要定格、拾取要闪光、升级要转场。patch-gg 的 pixelfx 把这 244 个细节做成了代码库:每个特效都是 src/fx 目录下的一个 JS 文件,MIT 许可,5,252 星,仓库 10 月 30 日创建,涨速肉眼可见。

pixelfx 仓库

规模按 README 目录口径:244 个特效分 21 类,招式、火焰、爆炸各 12 个起步,水、冰、闪电、奥术、暗影、状态、自然、天气、UI、拾取、转场、怪物各有 10 到 13 个。它首先是代码库不是贴图包:浏览器游戏里直接用(canvas、Phaser、PixiJS、Kaplay、three.js 都行),零依赖;要进其他引擎也可以导出精灵表。在线画廊支持实时试玩、改色、镜像。带角色的特效是「演出来」的:蓄力、出招、命中定格、恢复一条龙,挨打的目标也有反应,12 个完整招式把特效串成完整攻击链。

方法学上有出处:特效做法来自像素画师 Hugo Duprez 的博客文章,核心是「代码是黏土,相信眼睛,喂参考图」,部分特效直接改编自他的开源实现;这个仓库的贡献是把个人技法做到库的规模。更有意思的是附带的 Claude Code skill:让 Claude 按挑剔像素画师的流程做新特效,起草、渲染、看效果、再修改,四步循环。

按简报口径提醒两点:它是像素风专用的,写实或扁平风游戏用不上;skill 生成的新特效仍要人眼验收,draft-render-look-refine 里的 look 这一步省不掉。对独立游戏开发者,这 244 段代码的粒度刚好:复制一段就能用,比去素材站淘图再抠格式快得多。

相关文章

分享: