构建触控的设计师指南

​

目录

1. 概述
   1. 为 XBOX 主机游戏添加触控的好处
2. 最佳实践
   1. 先玩其他支持触控的游戏
   2. 使用触控游玩你未修改的游戏
   3. 从模板开始并保持简约
   4. 遵循控件位置指南
      1. 左轮
      2. 右轮
      3. 上部
      4. 下部
   5. 遵循特定控件类型和高级场景的技巧
      1. 4 向和 8 向方向键
      2. 陀螺仪瞄准和射击游戏技巧
      3. 处理复杂和组合操作
   6. 使用 Touch Adaptation Kit 编辑器
   7. 根据当前游戏内场景更改触控
   8. 使用电影布局在电影和过场动画期间保持沉浸感
   9. 使用原生触控完全自定义触控交互
   10. 使用自定义资产匹配游戏的美术风格
   11. 针对触控更改游戏内 UI、提示和控件重新映射
   12. 检查触控和 XBOX Game Streaming 的常见问题
       1. 游戏期间断开连接
       2. 与各种设备类型的兼容性

​

概述

​

为 XBOX 主机游戏添加触控的好处

​

最佳实践

​

先玩其他支持触控的游戏

​

使用触控游玩你未修改的游戏

​

从模板开始并保持简约

​

遵循控件位置指南

​

左轮

内侧

提示

1. 在角色控制游戏中使用非相对（绝对）左摇杆。术语相对指的是摇杆如何响应相对于触摸开始位置的触摸移动。有关更多信息，请参阅摇杆。
2. 如果游戏具有基于左摇杆输入量在行走和跑步之间改变速度的系统，请使用相对左摇杆。在玩家需要逐渐更改输入以更改速度的情况下，非相对摇杆效果不佳。
3. 在可以使用方向键或左摇杆控制角色移动的 2D 游戏中，使用方向键而不是摇杆控件。除非左摇杆提供方向键不提供的功能（例如速度或精细角度方向）。当使用摇杆而不是方向键时，最好对 2D 角色移动使用非相对摇杆。
4. 对于只导航菜单的特定布局，尽可能使用方向键控件。如果不能使用方向键，请使用非相对摇杆。
5. 对简单布局使用相对摇杆。相对摇杆对于习惯游戏手柄的玩家更熟悉。但是，非相对摇杆可以通过允许玩家更快地应用其所需的输入而无需始终拖动其触摸来提供更高的技能上限。尝试两种类型的摇杆以更好地了解什么是最愉快的。

外侧

提示

1. 为次要和第三级操作创建外环控件簇。这为此操作提供更大的命中区域。当在簇中仅使用单个控件时，请考虑使用簇语法 [<你的次要操作控件>, null] 或 [null, <你的次要操作控件>] 来创建一个带有空白位置的双控件簇，以便相对于 [<你的次要操作控件>] 有效地将单个控件放置在环内稍微更远或更外的位置。
2. 将次要操作放在内环左上部分之外的插槽 7 和插槽 8 中。这提供了轻松访问，无需进一步伸向屏幕中间。在轮子中的所有其他插槽都已满并且需要空间之前，不要拆分次要插槽（控件簇）。
3. 将第三级操作直接放在内环下方的插槽 4 和插槽 5 中。这是一个舒适的位置，可以从主要操作快速移动拇指到那里。在轮子中的所有其他插槽都已满并且需要空间之前，不要拆分第三级插槽（控件簇）。

4. 考虑哪些操作需要与玩家移动一起按住（例如按住蹲下或冲刺）。创建带有 action 分配的摇杆控件以允许两个操作同时发生，同时让右拇指腾出用于其他重要操作。有关示例，请参阅通过阈值时从行走切换到冲刺的摇杆。

​

右轮

内侧

提示

1. 对于可能需要同时按住另一个操作的频繁使用操作（例如按住瞄准），请考虑使用带有 pullAction 的按钮控件以允许使用单次触摸激活瞄准和射击。

外侧

提示

1. 为次要和第三级操作创建外环控件簇以为此操作提供更大的命中区域。当在簇中仅使用单个控件时，请考虑使用簇语法 [<你的次要操作控件>, null] 或 [null, <你的次要操作控件>] 来创建一个带有空白位置的双控件簇，以便相对于 [<你的次要操作控件>] 有效地将单个控件放置在环内稍微更远或更外的位置。在轮子中的所有其他插槽都已满并且需要更多空间之前，不要向次要簇添加额外的控件。
2. 将次要操作放在主要操作右上方之外的插槽 1 和插槽 2 中。这允许轻松访问，无需进一步伸向屏幕中间。在轮子中的所有其他插槽都已满并且需要空间之前，不要拆分次要插槽（控件簇）。
3. 将第三级操作直接放在内环下方的插槽 4 和插槽 5 中。这是一个舒适的位置，可以从主要操作快速移动拇指到那里。在轮子中的所有其他插槽都已满并且需要空间之前，不要拆分第三级插槽（控件簇）。

4. 在第三级插槽中使用类似跳跃的操作。

5. 根据其他操作需要距离跳跃类操作多近，可以将它们放在次要插槽（插槽 1 和 2 之间的簇）中，或插槽 6 中。从那里，在插槽 5 和 6 之间聚集将另一个操作放置在跳跃附近。

6. 尽可能使用陀螺仪传感器控件控制相机。这在所有时间为另一操作腾出右拇指。作为最后的手段，使用相对右摇杆控制相机。

​

上部

提示

1. 在游戏的过场部分，上部可用于跳过操作。右上角是导航操作的常见位置，可能位于字母框或柱形框中。
2. 左上角保留给系统按钮。玩家期望在顶部行中有可能暂停或导航游戏的类似操作。请考虑在此区域放置地图、库存和菜单等内容。

​

下部

提示

1. 虽然可以将空白控件放在下部区域来调整控件的位置，但请记住，各种设备形态可能允许看到更少的控件。不要通过添加许多空白控件将控件定位在底部角。它们经常与控件轮重叠。玩家经常将他们的轮子略微下移以获得舒适的游戏位置。

​

遵循特定控件类型和高级场景的技巧

​

4 向和 8 向方向键

提示

1. 在 2D 游戏允许角色以八个方向（包括对角线）移动时，请使用 8 向方向键。
2. 在 2D 游戏只允许角色以四个方向（左、右、上、下）移动时，请使用 4 向方向键。
3. 在控制菜单时，请使用 4 向方向键。

​

陀螺仪瞄准和射击游戏技巧

提示

1. 使用陀螺仪控制玩家视角相机。对玩家来说，能够左右倾斜设备以及前后倾斜设备来精确控制相机是直观的。
2. 在游戏中，使用带有鼠标输入的陀螺仪（指定 "output": "relativeMouse"）比使用摇杆（指定 "output": "relativeJoystick"）在瞄准方面要好得多，特别是在第一人称和第三人称游戏中。
3. 手机在物理空间中 90 度旋转通常使游戏内角色转动 120 度。此功能使玩家更容易在游戏之间切换，并使控件感觉对他们更熟悉。
4. 使用陀螺仪与触控板结合使用是首选。更好的玩家将希望使用此组合进行快速定向——大部分精细瞄准来自陀螺仪。
5. 考虑将摇杆与陀螺仪结合以允许更多的游戏方式。除了摇杆提供的功能之外，陀螺仪控件可用于进行小调整。
6. “始终开启”风格的陀螺仪具有最高的技能上限；但是，此风格不适合在移动车辆中的玩家。
7. 尽可能对不需要陀螺仪控件的菜单和游戏其他部分使用不同的布局。
8. 使用 "renderAsButton": true 创建大多数带触控板的按钮，具体取决于其操作以及游戏如何支持这些功能。瞄准+射击是主要示例，但这可以应用于阻挡和投掷手雷之类的操作。以下是瞄准 (LT) + 射击 (RT) 触控板控件的示例。

{
    "type": "touchpad",
    "axis": [
        {
            "input": "axisX",
            "output": "relativeMouseX",
            "sensitivity": 5
        },
        {
            "input": "axisY",
            "output": "relativeMouseY",
            "sensitivity": 2.5
        }
    ],
    "renderAsButton": true,
    "action": [ "rightTrigger", "leftTrigger" ],
    "styles": {
        "default": {
            "faceImage": {
                "type": "icon",
                "value": "fire"
            },
        }
    }
}

9. 始终将瞄准+射击放在屏幕中央附近，通常在右轮外的插槽 5。如果放在边缘（玩家无法将相机完全向右转动的位置），他们将没有空间来滑动。
10. 在为第一人称或第三人称射击游戏构建新的触控布局时，请使用第一人称射击游戏入门模板。每个操作位置都经过精心分析。

​

处理复杂和组合操作

提示

1. 多个操作可以分配给单个控件。例如，蹲下是通过同时按下左肩键和右肩键来激活的。以下按钮定义允许玩家通过单次按下来启用蹲下。

{
    "type": "button",
    "action": [ "leftBumper", "rightBumper"],
    "styles": {
        "default": {
            "faceImage": {
                "type": "icon",
                "value": "crouch"
            }
        }
    }
}

2. pullAction 可以分配给按钮控件。它帮助玩家使用一次触摸和拖动动作激活两个操作。例如，瞄准分配给 LT，射击分配给 RT。以下按钮定义允许玩家在按住按钮时瞄准，然后通过向外拉动进行射击。

{
    "type": "button",
    "action": "leftTrigger",
    "pullAction": "rightTrigger",
    "styles": {
        "default": {
            "faceImage": {
                "type": "icon",
                "value": "aim"
            }
        },
        "pulled": {
            "faceImage": {
                "type": "icon",
                "value": "fire"
            }
        }
    }
}

3. 带有 action 和 actionThreshold 的摇杆除其轴输出外，仅在达到 actionThreshold 值时才激活分配的操作。例如，仅激活左摇杆输入。冲刺通过用左摇杆输入按下 RT 激活。以下摇杆定义允许玩家通过超过 2.5 的阈值值激活冲刺。玩家可以仅使用左摇杆从行走切换到冲刺。

{
    "type": "joystick",
    "action": "rightTrigger",
    "actionThreshold": 2.5,
    "axis": {
        "input": "axisXY",
        "output": "leftJoystick",
        "deadzone": {
            "threshold": 0.05,
            "radial": true
        }
    },
    "styles": {
        "default": {
            "knob": {
                "faceImage": {
                    "type": "icon",
                    "value": "walk"
                }
            }
        },
        "activated": {
            "knob": {
                "faceImage": {
                    "type": "icon",
                    "value": "sprint"
                }
            }
        }
    }
}

4. 带有 “action” 的摇杆可以在使用摇杆时激活分配的操作。例如，径向菜单通过按下左肩键激活，可以通过移动右摇杆进行选择。以下摇杆定义允许玩家按住左肩键并通过使用右摇杆从径向菜单中选择操作。

{
    "type": "joystick", 
    "action": "leftBumper",
    "axis": {
        "input": "axisXY",
        "output": "rightJoystick",
        "deadzone": {
            "threshold": 0.05,
            "radial": true
        }
    },
    "styles": {
        "default": {
            "knob": {
                "faceImage": {
                    "type": "icon",
                    "value": "inventory"
                }
            }
        }
    }
} 

​

使用 Touch Adaptation Kit 编辑器

​

根据当前游戏内场景更改触控

在 Minecraft Dungeons 中，当首次获得远程武器时，会添加远程攻击控件。

​

使用电影布局在电影和过场动画期间保持沉浸感

提示

1. 尽可能，仅在玩家需要时显示触控。
   1. 检测玩家的触摸输入相对简单。有关更多信息，请参阅使用 IGameInput 为你的游戏构建原生触摸界面和完整的 SimpleCloudAwareSample 游戏示例。
   2. 即使显示 Touch Adaptation Kit 布局也可以检测触摸。通过使用原生触摸 API，玩家可以点击屏幕以使游戏显示一个最小的电影布局。游戏可以在一段时间内未检测到触摸输入后隐藏此布局。

2. 或者，可以在不修改游戏代码的情况下实现类似效果。可以将上部右侧区域中的控件触控布局层与使用 toggle 属性和层操作的按钮控件结合使用。

​

使用原生触控完全自定义触控交互

• 库存管理： 原生触控可以让玩家简单地点击物品甚至使用拖动等技巧，从而更轻松、更快地选择和装备物品。与传统的基于控制器的管理相比，这可能是相当大的生活质量改进。

• 菜单： 在触控屏上操作菜单更直观。只需点击所需项，而不是使用方向键或摇杆导航到项。
• 完全原生触控支持： 一些游戏支持完全原生触控，无需使用 Touch Adaptation Kit 重新映射到控制器。这允许玩家完全专注于移动游戏体验。这些游戏通常已经有移动版本或支持触控友好的界面，使原生触控支持相对容易。主要设计为使用鼠标玩的游戏也倾向于更容易支持原生触控。

​

使用自定义资产匹配游戏的美术风格

​

针对触控更改游戏内 UI、提示和控件重新映射

​

检查触控和 XBOX Game Streaming 的常见问题

​

游戏期间断开连接

提示

1. 当游戏从断开状态返回时，确保正确加载和操作触控，包括布局、资产和状态。当使用 API 控制触控状态时，这一点特别重要。
2. 当玩家断开连接时，尽可能暂停游戏，以防止进度丢失或游戏结束情况。可以通过寻找约束事件或流式传输客户端的断开连接来实现。

​

与各种设备类型的兼容性

提示

1. 确保所有触控在具有各种屏幕尺寸的设备上都能正常工作且易于访问。
2. 确保设备上传感器的可用性。如果不可用，请提供不需要传感器的其他选项。例如，你的游戏使用陀螺仪进行瞄准。如果设备上没有陀螺仪，请改用触控板控件。
3. 要轻松测试不同的屏幕尺寸，可以使用 PC 更改 PC 内容测试应用程序或 Web 浏览器的窗口大小。如果没有随时可用的触摸启用 PC，内容测试应用程序允许基本测试，将鼠标点击视为触摸事件的设置。最后，使用 TAK 编辑器扩展预览窗口视图轻松查看不同尺寸的触控。