关于 build-mobile-threejs-games
用于构建 Three.js 游戏的开发技能,重点涵盖移动端控制、响应式 HUD 和设备适配性能。它引导游戏开发者设计触控交互并检查移动端特有质量问题。
主要功能
- 01提供移动、动作、目标选择和取消控制
- 02控制区域避开屏幕不安全区域
- 03适配纵向与横向 HUD 布局
- 04方向切换时保留游戏状态
- 05测试触控、多点触控、音频、后台恢复和性能
适用场景
- 01为移动端 Three.js 游戏设计触控控制
- 02让游戏信息适配手机屏幕
- 03检查多点触控与长时间运行表现
- 04验证移动端暂停、音频和减少动态效果
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ mengto/ skills --skill build-mobile-threejs-games安装后在 Claude Code 中输入/build-mobile-threejs-games确认已加载。
附带文件agents/openai.yaml
详细介绍
构建 Three.js 手机游戏
将移动设备作为主要的控制和性能平台。
控制
提供清晰的移动控制、触手可及的主要操作、目标选择、取消/重置路径,以及库存操作的非拖动替代方式。控制项应避开不安全区域,避免操作区域重叠,并针对按住、不可用和排队中的操作显示反馈。
响应式 HUD
针对典型的纵向和横向视口进行设计。确保重要状态、目标数据、库存、工具提示和对话框清晰易读,且不会遮挡游戏区域。支持屏幕方向变化,同时不重置游戏状态。
性能与质量保证
采用适合设备的默认画质设置,并自适应装饰效果。在仓库批准的浏览器中,测试触控目标、多点触控、长时间游戏、音频解锁、暂停后返回、减少动态效果、低端设备画质,以及实际手机尺寸的视口。
评论
支持 Markdown