Skill 广场
Phaser游戏逐帧动画配置 Skill

Phaser游戏逐帧动画配置.Skill

@phaserjs/animations

4.8优秀AI 评分基础检查通过源自 GitHub

输入精灵图或图集资源,编写全局与局部动画配置,实现序列帧播放、队列串联、事件监听与过渡混色控制。

编程H5游戏开发工程师独立游戏开发者前端交互特效工程师2026-09-28 更新master

Phaser游戏逐帧动画配置

本能力专为 Phaser 4 游戏开发者设计,用于构建流畅的角色与特效逐帧动画。开发者只需提供 Spritesheet、Texture Atlas 或 Aseprite 导出的素材及配置,即可快速生成全局或单体精灵动画定义,支持设置帧率、循环、往返(Yoyo)及单帧独立时长。同时支持动画链式衔接、帧触发事件判定、倒放与速度缩放控制。使用者需具备基础的 JavaScript/TypeScript 与 Phaser 游戏引擎开发经验。

常见场景

它能帮你做什么?

01

角色连招与受击状态切换:通过动画链(chain)将攻击前摇、挥砍与收刀动作按序串联,并在特定帧绑定判定回调与音效。

02

图集与Aseprite动画批量解析:读取Aseprite导出的JSON与纹理图集,批量映射标签并自动生成规范的全局动作配置。

03

环境特效与群体动作错峰播放:为火焰、爆炸等特效设置往返播放与随机起始帧,结合错峰播放让多怪物动画更自然。

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“帮我为角色 spritesheet 生成一个包含跑动、跳跃和倒退的 Phaser 4 动画配置”

“如何在 Phaser 4 中监听攻击动画第4帧并触发碰撞判定?”

“使用 Aseprite 导出的 JSON 资源在 Phaser 4 中解析并按标签播放动画”

“配置从待机(idle)到奔跑(walk)的 200 毫秒混合平滑过渡(Animation Mixing)”

适用人群

适合谁?

H5游戏开发工程师独立游戏开发者前端交互特效工程师

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度