Skill 广场
网页游戏音频音效开发 Skill

网页游戏音频音效开发.Skill

@phaserjs/audio-and-sound

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

接收游戏音效与背景音乐资源配置,编写加载、循环播放、立体声相及空间3D定位代码,实现流畅跨端的游戏音频体验。

编程HTML5游戏开发工程师独立网页游戏制作者Phaser前端互动动画开发者2026-09-28 更新master

网页游戏音频音效开发

本功能用于在Phaser 4网页游戏中构建完整的音频播放与音效控制系统。开发者只需提供音频资源路径或音频雪碧图配置,即可快速生成背景音乐循环、即发即弃音效、空间环绕声与音量声相调节逻辑;同时自动处理移动端浏览器自动播放拦截与跨平台格式降级。使用门槛为具备基本的JavaScript与Phaser场景开发基础。

常见场景

它能帮你做什么?

01

背景音乐与常驻音效管理:配置跨场景长音频的循环播放、淡入淡出及浏览器切台自动暂停与恢复。

02

战斗音效与音频雪碧图整合:将技能、受击等多段短音效打包为单个雪碧图文件,通过标记点高效触发播放。

03

空间环绕定位音效:利用Web Audio空间声相,让脚步声和环境声根据角色移动位置动态改变方位与衰减。

三步完成

怎么使用

1安装 Skill

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

2说清楚目标

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

3检查结果

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

复制就能用

你可以直接这样说

“帮我在Phaser中配置支持MP3和OGG降级的背景音乐,实现无缝循环与失焦暂停。”

“如何在Phaser里使用音频雪碧图(Audio Sprite)通过标记点播放不同的击打音效?”

“请为敌人生成带有Web Audio空间声相的咆哮声,让其音量随敌人与主角距离衰减。”

适用人群

适合谁?

HTML5游戏开发工程师独立网页游戏制作者Phaser前端互动动画开发者

上手门槛

使用难度

进阶

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

兼容范围

支持哪些 AI?

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

中文用户增强

Skill Px 做了什么?

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