建置觸控控制項的設計師指南

​

目錄

1. 概觀
   1. 為 XBOX 主機遊戲新增觸控控制項的優點
2. 最佳做法
   1. 先玩其他支援觸控的遊戲
   2. 使用觸控控制項遊玩未修改的遊戲
   3. 從範本開始並保持精簡
   4. 遵循控制項放置指導方針
      1. 左側滾輪
      2. 右側滾輪
      3. 上方
      4. 下方
   5. 遵循特定控制項類型和進階情境的秘訣
      1. 4 向和 8 向方向鍵
      2. 陀螺儀瞄準和射擊遊戲秘訣
      3. 處理複雜和組合動作
   6. 使用觸控調整套件編輯器
   7. 變更觸控控制項以符合目前的遊戲內情境
   8. 使用電影式配置，在影片和過場動畫期間保持沉浸感
   9. 使用原生觸控完整自訂觸控互動
   10. 使用自訂資產以符合遊戲的美術風格
   11. 針對觸控控制項變更遊戲內 UI、提示和控制項重新對應
   12. 檢查觸控控制項和 XBOX Game Streaming 的常見問題
       1. 遊戲過程中中斷連線
       2. 與各種裝置類型的相容性

​

概觀

​

為 XBOX 主機遊戲新增觸控控制項的優點

​

最佳做法

​

先玩其他支援觸控的遊戲

​

使用觸控控制項遊玩未修改的遊戲

​

從範本開始並保持精簡

​

遵循控制項放置指導方針

​

左側滾輪

內部

秘訣

1. 在角色控制的遊戲中，使用非相對 (絕對) 左搖桿。_相對_一詞是指搖桿如何根據觸控開始的位置來回應觸控移動。如需詳細資訊，請參閱搖桿。
2. 如果遊戲有根據左搖桿輸入量變更速度 (例如從走路變為跑步) 的系統，請改用相對左搖桿。在玩家需要逐漸改變輸入以變更速度的情況下，非相對搖桿的效果不佳。
3. 在可以使用方向鍵或左搖桿控制角色行進的 2D 遊戲中，請使用方向鍵而非搖桿控制項。除非左搖桿提供方向鍵所沒有的功能 (例如速度或精細的角度方向)，否則請這麼做。使用搖桿而非方向鍵時，建議在 2D 角色行進中使用非相對搖桿。
4. 對於只用來瀏覽選單的特定配置，請盡可能使用方向鍵控制項。如果無法使用方向鍵，請使用非相對搖桿。
5. 簡單的配置請使用相對搖桿。習慣使用遊戲台的玩家對相對搖桿會比較熟悉。不過，非相對搖桿可讓玩家更快速地套用所需的輸入，而不必一直拖曳觸控，因此能提供更高的技術上限。請試用這兩種搖桿，充分了解哪一種最有樂趣。

外部

秘訣

1. 為次要和第三動作建立外環控制項叢集。這可為此動作提供較大的點擊區域。在叢集中只使用單一控制項時，請考慮使用 [<your secondary action control>, null] 或 [null, <your secondary action control>] 的叢集語法，建立含有一個空白位置的雙控制項叢集，與 [<your secondary action control>] 相比，可有效地將單一控制項放置在環的稍內側或稍外側。
2. 將次要動作放在內環左上方的外側，即插槽 7 和插槽 8。這樣不需要往螢幕中央伸展就能輕鬆觸及。在滾輪中的所有其他插槽都已填滿且需要空間之前，請勿分割次要插槽 (控制項叢集)。
3. 將第三動作放在內環的正下方，即插槽 4 和插槽 5。這是從主要動作快速移動拇指的舒適位置。在滾輪中的所有其他插槽都已填滿且需要空間之前，請勿分割第三插槽 (控制項叢集)。

4. 考量哪些動作需要在玩家行進時同時按住 (例如按住以蹲下或衝刺)。建立具有 action 指派的搖桿控制項，讓兩個動作能同時發生，同時讓右拇指能空出來執行其他重要動作。如需範例，請參閱超過閾值時從走路切換為衝刺的搖桿。

​

右側滾輪

內部

秘訣

1. 對於可能需要同時按住另一個動作的常用動作 (例如開鏡瞄準)，請考慮使用具有 pullAction 的按鈕控制項，讓單次觸控就能同時啟動瞄準和射擊。

外部

秘訣

1. 為次要和第三動作建立外環控制項叢集，為此動作提供較大的點擊區域。在叢集中只使用單一控制項時，請考慮使用 [<your secondary action control>, null] 或 [null, <your secondary action control>] 的叢集語法，建立含有一個空白位置的雙控制項叢集，與 [<your secondary action control>] 相比，可有效地將單一控制項放置在環的稍內側或稍外側。在滾輪中的所有其他插槽都已填滿且需要更多空間之前，請勿在次要叢集中新增其他控制項。
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"
                }
            }
        }
    }
} 

​

使用觸控調整套件編輯器

​

變更觸控控制項以符合目前的遊戲內情境

在 Minecraft Dungeons 中，第一次取得遠程武器時，會新增遠程攻擊控制項。

​

使用電影式配置，在影片和過場動畫期間保持沉浸感

秘訣

1. 可能的話，只在玩家需要時才顯示觸控控制項。
   1. 偵測玩家的觸控輸入相對簡單。如需詳細資訊，請參閱使用 IGameInput 為遊戲建置原生觸控介面和完整的 SimpleCloudAwareSample 遊戲範例。
   2. 即使顯示了觸控調整套件配置，仍可偵測觸控。透過使用原生觸控 API，玩家可以點選螢幕，讓遊戲顯示最精簡的電影式配置。在一段時間未偵測到觸控輸入後，遊戲可以隱藏此配置。

2. 或者，也可以在不修改遊戲程式碼的情況下達成類似的效果。可以將右上方區域中控制項的觸控配置圖層，與使用 toggle 屬性和圖層動作的按鈕控制項搭配使用。

​

使用原生觸控完整自訂觸控互動

• 物品欄管理： 原生觸控可讓玩家直接點選物品，甚至使用拖曳等技巧，讓選取和裝備物品變得更輕鬆、更快速。與傳統以控制器為基礎的管理方式相比，這可以大幅提升使用品質。

• 選單： 在觸控螢幕上操作選單更加直覺。只要點選想要的項目即可，不必使用方向鍵或搖桿瀏覽到該項目。
• 完整原生觸控支援： 有些遊戲支援完整的原生觸控，不需要使用觸控調整套件重新對應至控制器。這可讓玩家完全專注於行動遊戲體驗。這些遊戲通常已經有行動版本或支援觸控友善介面，因此支援原生觸控相對容易。主要設計為使用滑鼠遊玩的遊戲，通常也比較容易支援原生觸控。

​

使用自訂資產以符合遊戲的美術風格

​

針對觸控控制項變更遊戲內 UI、提示和控制項重新對應

​

檢查觸控控制項和 XBOX Game Streaming 的常見問題

​

遊戲過程中中斷連線

秘訣

1. 確保遊戲從中斷連線狀態返回時，觸控控制項 (包括配置、資產和狀態) 能正確載入和運作。使用 API 控制觸控控制項的狀態時，這一點尤其重要。
2. 玩家中斷連線時，盡可能暫停遊戲，以避免進度遺失或遊戲結束的情況。這可以透過偵測受限事件或串流用戶端的中斷連線來完成。

​

與各種裝置類型的相容性

秘訣

1. 確保所有觸控控制項在各種螢幕大小的裝置上都能運作，且容易觸及。
2. 確認裝置上感應器的可用性。如果無法使用感應器，請提供不需要感應器的其他選項。例如，您的遊戲使用陀螺儀進行瞄準。如果裝置上沒有陀螺儀，請改用觸控板控制項。
3. 若要輕鬆測試不同的螢幕大小，可以使用電腦變更電腦版內容測試應用程式或網頁瀏覽器的視窗大小。如果手邊沒有支援觸控的電腦，內容測試應用程式提供將滑鼠點選視為觸控事件的設定，可進行基本測試。最後，使用 TAK 編輯器延伸模組預覽視窗檢視，即可輕鬆檢視不同尺寸的觸控控制項。