mcpField
B
build-mobile-threejs-games

build-mobile-threejs-games

github.com/mengto开发7.1k1.3k 次安装3 天前更新
代码仓库

关于 build-mobile-threejs-games

用于构建 Three.js 游戏的开发技能,重点涵盖移动端控制、响应式 HUD 和设备适配性能。它引导游戏开发者设计触控交互并检查移动端特有质量问题。

主要功能

  1. 01提供移动、动作、目标选择和取消控制
  2. 02控制区域避开屏幕不安全区域
  3. 03适配纵向与横向 HUD 布局
  4. 04方向切换时保留游戏状态
  5. 05测试触控、多点触控、音频、后台恢复和性能

适用场景

  1. 01为移动端 Three.js 游戏设计触控控制
  2. 02让游戏信息适配手机屏幕
  3. 03检查多点触控与长时间运行表现
  4. 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