Agent Skills
› phaserjs/phaser
phaserjs/phaser
GitHub提供Phaser 4中Actions命名空间的批量操作指南,涵盖游戏对象数组的对齐、网格布局及属性批量修改,并包含Utils辅助函数使用说明。
Install All Skills
npx skills add phaserjs/phaser --all -g -y
Skills in Collection (28)
提供Phaser 4中Actions命名空间的批量操作指南,涵盖游戏对象数组的对齐、网格布局及属性批量修改,并包含Utils辅助函数使用说明。
需要对多个游戏对象进行批量位置或属性设置
使用网格布局对齐精灵
处理游戏对象组的批量操作
npx skills add phaserjs/phaser --skill actions-and-utilities -g -y
用于在 Phaser 4 中创建和控制精灵动画的技能,涵盖精灵表、图集加载及播放链式控制。
sprite animation
spritesheet
npx skills add phaserjs/phaser --skill animations -g -y
指导在Phaser 4游戏中集成音频功能,涵盖声音加载、播放控制、音量调节及Web Audio API与HTML5 Audio的后端选择策略。
添加背景音乐或音效
调整游戏音量或静音
处理音频空间化或格式兼容
npx skills add phaserjs/phaser --skill audio-and-sound -g -y
Phaser 4 摄像机系统技能,涵盖 CameraManager 管理、多摄像机、视口滚动、缩放、跟随精灵及震动淡入等视觉效果。
camera
viewport
scroll
zoom
follow
shake
fade
npx skills add phaserjs/phaser --skill cameras -g -y
Phaser 4中曲线与路径开发技能,涵盖Spline、Bezier等曲线创建、点采样、Graphics绘制及PathFollower精灵自动沿路径移动功能。
curve
path
spline
bezier
path follower
npx skills add phaserjs/phaser --skill curves-and-paths -g -y
Phaser游戏开发中用于管理GameObject、Scene及全局的键值对数据,支持事件驱动的状态变更与响应式绑定。
使用setData或getData操作数据
监听数据变化事件
管理游戏状态
npx skills add phaserjs/phaser --skill data-manager -g -y
Phaser 4事件系统使用指南,涵盖EventEmitter模式、场景与游戏事件、自定义事件及事件驱动通信。提供监听、触发、移除监听等核心API用法及命名常量最佳实践。
处理 Phaser 事件监听与触发
使用 EventEmitter API
解决 scene 或 game 事件相关问题
npx skills add phaserjs/phaser --skill events-system -g -y
指导在Phaser 4中应用视觉滤镜和后处理效果,涵盖Bloom、模糊、自定义着色器及内部/外部滤镜管线的使用与性能优化。
添加屏幕特效如泛光或模糊
实现自定义着色器效果
配置渲染后处理管线
npx skills add phaserjs/phaser --skill filters-and-postfx -g -y
Phaser 4游戏对象组件参考,涵盖Transform、Alpha、Tint等混合系统行为及用法。
使用 Phaser 4 游戏对象组件
查询 mixin 系统机制
npx skills add phaserjs/phaser --skill game-object-components -g -y
Phaser 4 游戏初始化技能,指导创建 Phaser.Game 实例及配置 GameConfig。涵盖渲染器选择、Canvas 设置、缩放、像素艺术、FPS 及启动流程,适用于新游戏项目搭建与基础配置调整。
new Phaser.Game
GameConfig
game setup
renderer
pixel art
FPS
npx skills add phaserjs/phaser --skill game-setup-and-config -g -y
提供 Phaser 4 几何与数学工具的使用指南,涵盖向量、矩形、圆形等几何类及距离、角度、随机数等数学函数的操作方法。
需要计算游戏对象的位置、距离或角度时
进行碰撞检测或点包含判断时
使用 Phaser.Math 进行数值处理如插值或取整时
npx skills add phaserjs/phaser --skill geometry-and-math -g -y
Phaser 4图形绘制技能,涵盖Graphics对象与Shape对象的用法、性能优化及纹理生成。适用于需要绘制矩形、圆形、多边形等基础图形的游戏开发场景。
使用 Phaser Graphics API 绘制图形
创建和管理 Shape 游戏对象
在 Phaser 中实现自定义绘图逻辑
npx skills add phaserjs/phaser --skill graphics-and-shapes -g -y
Phaser 4 中 Group、Container 和 Layer 的用法指南。涵盖逻辑分组、视觉变换继承及渲染层级管理,详解对象池与嵌套变换场景。
使用 Phaser 4 的 Group 进行对象管理
使用 Container 实现视觉父子关系
配置 Layer 控制渲染顺序
npx skills add phaserjs/phaser --skill groups-and-containers -g -y
Phaser 4 输入处理技能,覆盖键盘、鼠标、触摸及游戏手柄交互。支持事件监听与轮询,实现点击、拖拽、多指触控等,用于构建用户交互逻辑。
处理 Phaser 游戏中的用户输入
实现键盘按键响应
处理鼠标或触摸点击与拖拽
集成游戏手柄支持
npx skills add phaserjs/phaser --skill input-keyboard-mouse-touch -g -y
Phaser 4 资源加载技能,涵盖 Loader 插件用法、多种格式(图片/音频/JSON等)加载及进度追踪。指导在 preload 或运行时队列与并行加载资源,管理 URL 解析配置,确保场景创建前资源就绪。
使用 Phaser Loader 加载外部资源
处理 spritesheet 或 atlas 加载
监控资源加载进度
配置 baseURL 和 path 进行资源路径解析
npx skills add phaserjs/phaser --skill loading-assets -g -y
Phaser 4粒子系统技能,指导创建ParticleEmitter、配置发射器属性(速度、生命周期等)、使用发射/死亡区域、重力井及控制粒子运动与特效。
创建粒子特效
配置粒子发射器
实现爆炸或烟雾效果
npx skills add phaserjs/phaser --skill particles -g -y
Phaser 4 Arcade Physics 技能,涵盖物理配置、刚体创建、速度重力控制及碰撞检测。用于实现游戏对象运动与交互逻辑。
使用 Phaser 4 添加物理效果
处理精灵碰撞或重叠
设置重力或世界边界
npx skills add phaserjs/phaser --skill physics-arcade -g -y
指导在 Phaser 4 中使用 Matter.js 物理引擎,涵盖刚体、约束、复合体、传感器及碰撞过滤等核心功能配置与使用。
Matter physics
constraint
joint
rigid body
sensor
npx skills add phaserjs/phaser --skill physics-matter -g -y
指导 Phaser 4 中 RenderTexture 和 DynamicTexture 的使用,涵盖绘制、快照及命令缓冲机制。
使用 RenderTexture
使用 DynamicTexture
创建游戏对象快照
实现离屏渲染
npx skills add phaserjs/phaser --skill render-textures -g -y
指导 Phaser 4 游戏实现响应式布局与屏幕缩放,涵盖 ScaleManager 配置、多种缩放模式(FIT/ENVELOP等)、自动居中及全屏处理。
ScaleManager
responsive
resize
fullscreen
FIT
scale mode
npx skills add phaserjs/phaser --skill scale-and-responsive -g -y
Phaser 4 场景技能,涵盖场景生命周期、转换、并行运行及通信。指导开发者管理场景状态与 SceneManager,适用于游戏逻辑开发与场景架构设计。
处理 Phaser 场景生命周期
实现场景间数据传递或切换
npx skills add phaserjs/phaser --skill scenes -g -y
Phaser 4 中创建和操作 Sprite/Image 对象的技能,涵盖工厂方法、纹理选择及位置、缩放、旋转等视觉操作。
创建游戏对象
Sprite/Image 实例化
设置变换属性
npx skills add phaserjs/phaser --skill sprites-and-images -g -y
Phaser 4 文本渲染技能,涵盖 Text、BitmapText 及动态文本的创建、样式配置、对齐与换行。指导根据性能需求选择 Canvas 或位图字体,适用于游戏 UI 和高分显示等场景。
Phaser 4 游戏开发中需要显示文本
配置 Text 或 BitmapText 样式
实现文字换行、对齐或动态效果
npx skills add phaserjs/phaser --skill text-and-bitmaptext -g -y
Phaser 4 瓦片地图技能,涵盖加载 Tiled JSON、创建图层、碰撞检测及动态瓦片等功能。
Tilemap
Tiled
tilemap layer
tile collision
tile properties
npx skills add phaserjs/phaser --skill tilemaps -g -y
Phaser 4 时间管理技能,涵盖 Clock 插件、TimerEvent 定时任务、延迟调用及 Timeline 序列调度。用于处理游戏内延时、循环逻辑、时间缩放与暂停等基于时间的交互控制。
timer
delay
delayedCall
TimerEvent
Clock
time event
npx skills add phaserjs/phaser --skill time-and-timers -g -y
Phaser 4 动画技能,指导使用 TweenManager 实现属性随时间变化。涵盖创建补间、链式调用、缓动函数、交错播放及回调等核心概念与代码模式。
tween
ease
animate
this.tweens.add
tween chain
stagger
npx skills add phaserjs/phaser --skill tweens -g -y
指导用户将 Phaser 3 项目迁移至 v4,涵盖渲染器重构、API 变更及废弃组件处理。
migrate
upgrade
v3 to v4
breaking changes
Phaser 3 to 4
npx skills add phaserjs/phaser --skill v3-to-v4-migration -g -y
介绍 Phaser 4 新增特性,涵盖 Filters、RenderNodes、新游戏对象及渲染能力。用于学习 v4 新 API 和渲染机制。
Phaser 4 features
new in v4
RenderNode
SpriteGPULayer
npx skills add phaserjs/phaser --skill v4-new-features -g -y


