Oneshot Gems
立即玩

游戏开发者指南

让纵向布局支持游戏的主要决策

竖屏游戏不是把横屏场景硬塞进高长方形。先决定玩家在接下来几秒内需要看见什么、做什么,再安排画面,让这些要素能同时看见。在制作长关卡前,先在支持的最窄视口中验证一个游戏场景。

本页内容

留出清晰易读的游戏区域

把手机屏幕草图分为三块:实际游玩区域、常驻状态信息和临时提示。中央优先留给核心玩法;分数、生命和暂停信息应一眼可见,同时不遮住危险或目标。对于向上推进的平台游戏,要让角色上方的下一个落脚点保持可见。对于文字谜题,要给提示和当前操作的字块行留足宽度,避免被浮层挤占。

使用视口宽度而不是猜测的手机分辨率。 MDN 解释了视口元元素如何告诉移动浏览器使用设备宽度进行页面布局。单独检查游戏区域:正确配置的页面仍然可以包含假定固定大小的画布或面板。

选择游戏如何适应

决定游戏世界是重新排布、由镜头跟随,还是将多余空间留作边框。规则允许列数增减时可以重新排布;世界比屏幕大时可以使用镜头;宽高比需要固定时,可用留黑边等方式保留设计好的游戏区域。不要只为填满每个像素而拉伸角色或移动目标位置。

将控件固定在边缘前,检查系统界面和屏幕刘海。Apple 的布局指南介绍安全区域,建议让重要内容避开硬件遮挡。如果 Android 手机和平板都在支持范围内,应分别测试它们的屏幕比例。即使游戏只支持竖屏,也应明确处理玩家旋转设备后的布局,避免出现只剩半边的破损画面。

回顾完整一轮

在较窄的手机屏幕和较宽的设备上,分别测试教程、动作密集的时刻和结束画面。每个阶段都要确认玩家能否同时看见目标、眼前的危险和当前状态。先修复裁切和视觉层级,再添加关卡。

关于⁨竖屏手机游戏设计⁩的常见问题

竖屏游戏也应该支持横屏吗?

仅当游戏设计从中受益时。仅纵向决策是有效的,但在设备旋转时提供可用的布局,而不是依赖于特定的方向锁定。

HUD 应该始终位于顶部吗?

不一定。把信息放在持续可见、又不妨碍核心玩法的位置。最佳位置取决于游戏区域,因此要分别测试游玩中、有浮层时和结束画面。

延伸阅读

发现信息过时了? 报告需要更正的内容

继续玩下去。

免费浏览器游戏,随时等你开玩。发现喜欢的游戏,让它成为你的下一个最爱。

跟随好奇心探索