build-mobile-threejs-games

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Build Mobile Three.js Games

开发移动端Three.js游戏

Treat mobile as a primary control and performance surface.
将移动端作为首要的控制与性能载体。

Controls

控件设计

Provide a clear movement control, reachable primary actions, target selection, cancel/reset paths, and non-drag alternatives for inventory. Keep controls out of unsafe areas, avoid overlapping action zones, and show feedback for held, unavailable, and queued actions.
提供清晰的移动控制、触手可及的核心操作、目标选择、路径取消/重置功能,以及物品栏的非拖拽式替代操作方式。确保控件避开不安全区域,避免操作区域重叠,并对长按、不可用和排队中的操作提供反馈。

Responsive HUD

响应式HUD

Design for representative portrait and landscape viewports. Keep vital status, target data, inventory, tooltips, and dialogs legible without covering the playfield. Support orientation changes without resetting gameplay state.
针对典型的竖屏和横屏视口进行设计。确保重要状态信息、目标数据、物品栏、提示框和对话框清晰可读,且不遮挡游戏区域。支持横竖屏切换,且不会重置游戏状态。

Performance and QA

性能与测试

Use device-appropriate quality defaults and adaptive decorative effects. Test touch targets, multi-touch, long sessions, audio unlock, pause/background return, reduced motion, low-end quality, and actual mobile-size viewports in the repository-approved browser.
使用适配设备的默认画质设置和自适应装饰效果。在仓库指定的浏览器中测试触摸目标、多点触控、长时间游戏、音频解锁、暂停/后台返回、减少动画、低端设备画质以及真实移动设备尺寸的视口。