产品信息
- 形态
- 网页应用
- 分类
- 开发与工程 › 游戏开发
- 定价
- 开源
- 授权协议
- MIT
- 首发日期
- 2026年11月11日
- 收录时间
- 2026年11月11日
概览
pixelfx 是一个包含 244 个像素风特效与动画的开源库，每个特效均由一小段 JavaScript 代码实现。涵盖火焰、爆炸、魔法、天气、UI、拾取物、生物等类别，并提供一个用于生成新特效的 Claude Code skill。
主要能力
- 代码级集成：无外部依赖，可直接在基于 canvas、Phaser、PixiJS、Kaplay、three.js 的浏览器游戏中使用
createFx或createAct播放特效。 - Sprite Sheet 导出：通过命令行工具将特效渲染为透明 PNG 网格图及 Aseprite 风格的 JSON 文件（包含帧矩形、时长、fps、循环、pivot 等信息），适用于 Godot、Unity、GameMaker、Defold、LÖVE、Bevy 等引擎。
- 调色板替换：每个特效接受一个由暗到亮的十六进制颜色数组作为
palette参数，无需修改代码即可改变特效颜色。 - 动作编排（Acting）：涉及角色的 61 个特效和 12 个连招内置了动作时序数据，定义了蓄力、命中停顿、屏幕震动、击退与恢复等阶段，可通过
createAct完整播放角色与目标的交互过程。
适合谁
面向需要在游戏项目中快速引入像素风视觉特效的开发者，以及希望借助 AI 辅助工作流（draft, render, look, refine）自行制作像素特效的用户。项目采用 MIT 协议开源。
功能特性
- 244 个像素特效：涵盖火焰、爆炸、水、冰、闪电、科幻、近战、魔法等 21 个分类。
- 无依赖浏览器集成：纯 JavaScript 实现，可直接在 canvas、Phaser、PixiJS、three.js 等环境中运行。
- Sprite Sheet 导出：通过 CLI 工具将特效渲染为透明 PNG 和 Aseprite 风格 JSON，适配主流游戏引擎。
- 自定义调色板：传入十六进制颜色数组即可重绘特效颜色，无需修改底层代码。
- 动作时序编排：内置蓄力、命中停顿、震屏、击退与恢复等时序数据，支持角色与特效联动播放。
- Claude Code Skill：提供一个 AI 技能，按照草稿、渲染、观察、细化的流程生成新的像素特效。
版本更新
新版本提醒我
首个版本 · pixelfxQ&A
- 如何在浏览器游戏中使用 pixelfx？由 AI 生成
- 可以通过 `npm i github:patch-gg/pixelfx` 安装，或直接复制 `src/core` 及所需特效文件。使用 `createFrame`、`createFx` 和 `composite` 等 API 在游戏循环中更新并绘制特效到 canvas 上。
- 支持哪些非 Web 游戏引擎？由 AI 生成
- 支持 Godot、Unity、GameMaker、Defold、LÖVE、Bevy 等引擎。通过运行 `node tools/render.mjs <特效名> --sheet` 导出 sprite sheet（PNG 和 JSON），这些格式可被 Phaser 的 atlas loader 以及 Godot、Unity 的 Aseprite 导入器读取。
- 如何修改特效的颜色？由 AI 生成
- 每个特效接受一个 `palette` 参数，即一个从暗到亮的十六进制颜色数组。可以在创建特效时传入该参数，或在 CLI 渲染时通过 `--opts` 传入 JSON 格式的 palette 来改变颜色。
- 什么是 Acting 功能？由 AI 生成
- Acting 为涉及角色的特效提供了动作时序数据（如蓄力、命中停顿、击退）。使用 `createAct` 替代 `createFx` 可以连同角色和目标一起播放完整的攻击动作，包括自动处理命中时的画面冻结和震动。
收藏
这个产品还没有主理人
由平台收录或原作者已注销。如果它是你的作品，证明与它的关系后即可成为主理人。
认领这个产品
