タッチコントロール構築のデザイナーズガイド

概要

この記事では、XBOX コンソールゲームにタッチコントロールを追加することがなぜ有益なのかについて説明し、優れたタッチコントロール体験を作成する方法についてのベストプラクティスを提供します。タッチコントロールは、クラウドゲームタイトルにおいてプレイヤーから最も多く要望される機能の 1 つです。これらのコントロールは XBOX Cloud Gaming (Beta) と XBOX Remote Play の両方でサポートされています。XBOX のタッチコントロールは、プレイヤーがゲームと対話する新しい方法を解放し、プレイヤーにいつどのようにプレイするかについてより多くの選択肢を提供します。ゲーム開発者と協力して 200 以上のゲームにタッチコントロールを統合することで、多くのことが学ばれました。タッチコントロールにより、開発者はゲームパッドを使用せずにさまざまなデバイスとプラットフォームでプレイヤーがゲームと対話する方法において、より創造的で柔軟になることができます。開発の早い段階でタッチコントロールと物理ゲームパッドのマッピングを検討することにより、開発者はさまざまな好みや状況に応じた、より直感的でアクセスしやすいゲームプレイ体験を設計できます。

XBOX コンソールゲームにタッチコントロールを追加する利点

タッチコントロールにより、プレイヤーはどこにいてもゲームパッドを必要とせずにゲームを楽しむことができます。これにより、より広く多様な視聴者、特にゲームパッドを持っていないか、ゲームパッドなしでプレイすることを好む新しいまたはカジュアルなプレイヤーがゲームにアクセスできるようになります。XBOX Game Streaming のテレメトリとデータは、タッチコントロールを実装したゲームで、さまざまなジャンルにわたってゲームプレイ時間とユーザーの感情に有形の増加を示しています。XBOX Cloud Gaming プレイヤーの 20% がタッチをゲームをプレイする唯一の方法として使用しています。さらに、タッチコントロールを提供するタイトルは、ジャンルを問わず平均して、提供しないタイトルの約 2 倍プレイされています。また、タッチコントロールを使用するプレイヤーは、そのタイトルの全体的なストリーミング感情と比較して、平均して同等かそれ以上の満足度を提供しています。そのため、タッチ対応ゲームが関連性があり、そして最も重要なことは、タッチコントロールで良好にプレイできることが重要です。最後に、タッチ対応ゲームには、次のスクリーンショットに示すように、「タッチでプレイ」フィルターおよび「タッチ対応」ラベルによりカタログで特別にハイライトされます。これらすべての要因を組み合わせると、ゲームをタッチ対応にすることの重要性、そして何よりも、タッチコントロールで良好にプレイできるようにすることの重要性は明らかです。

ベストプラクティス

このガイドでは、ゲームでタッチコントロールを作成するための必須のプラクティスを提供します。それらは、タッチスクリーンデバイスでプレイヤーにスムーズで自然な体験を提供することに焦点を当てています。これらのプラクティスのほとんどは、既存のゲームコードを変更する必要なく簡単に統合できます。

他のタッチ対応ゲームを先にプレイする

多くの優れたタッチ対応ゲームの例が既に存在しています。入力要件が同じゲームは 2 つとありませんが、既存のタッチ対応タイトルに慣れることで、ゲームに合うかもしれないタッチコントロールとレイアウトの種類、ネイティブタッチの使用方法などを学ぶことができます。タッチコントロールでゲームをプレイする方法の詳細については、クラウドゲームまたはリモートプレイで XBOX タッチコントロールを使用するを参照してください。

タッチコントロールを使用して、未変更のゲームをプレイする

タッチコントロールでゲームがどのように動作するかを理解するには、単純にゲームをタッチコントロールでプレイしてみることが重要です。これは、Content Test Application 内の Standard レイアウトを使用して、開発キットからタッチデバイスにストリーミングすることで簡単に行えます。ストリーミング開発環境の設定方法の詳細については、ゲームストリーミングテストの前提条件を参照してください。

Standard レイアウトはゲームでタッチコントロールの感触を得るのに便利ですが、一般的にゲームをプレイするためのレイアウトとしてはお勧めしません。ゲーム用のタッチコントロールを開発するには、次のガイドラインを参照してください。

Standard レイアウトを使用することで、ゲームを制御するのが難しい場所と、より良いレイアウトを作成できる場所が明らかになります。以下のベストプラクティスでは、タッチを使用してより楽しく流動的な体験を実現する方法を説明します。

テンプレートから始めて最小限に保つ

ゲームでカスタムタッチコントロールを開始するのは簡単です。ゲームコードの変更は必要ありません。数分で、XBOX GitHub からのテンプレートまたは Create コマンドの使用によって、ゲームの特定のニーズに合わせてサンプルレイアウトをカスタマイズできます。不要なボタンをすべて排除して、テンプレートをカスタマイズします。テンプレートは既にコントロールの場所についてのベストプラクティスの多くを適用していますが、次のセクションではレイアウトをカスタマイズするための、より深い一連のガイドラインを提供します。

コントロール配置ガイドラインに従う

伝統的なゲームパッドコントロールスキームは、最大 4 つの同時入力を使用することがよくあります。次の画像に示すように、通常、ゲームプレイでは両方の親指とコントローラー上の 2 本の指を同時に使用する必要があります。(緑のコントロールは通常、親指でアクセスされます。赤のコントロールは指でアクセスされます。) タッチインターフェイスは、ゲームパッドとは対照的に、はるかに制約が多いです。通常、デバイスを保持しながら左右の親指を使用して一度に 2 つの入力しか可能ではありません。より多くの同時入力を可能にするためのコントロールは、通常、タッチデバイスの側面や背面には存在しません。さらに、タッチコントロールは、ゲームパッドのようなボタンを押したりトリガーを作動させたりする際の物理的な応答を提供できません。コントロールをどこに配置し、どのようにマップするかを慎重に検討することが、楽しい体験を提供するために不可欠です。以下の標準的なコントローラーレイアウトの画像には、可能なすべてのボタンが表示されています。最もよく使用されるコントロールは、灰色のバンドで示されているように、プレイヤーの指が快適に届くゾーンにあります。プレイヤーの親指が画面の中央にはあまり届かないこと、および快適な動きの領域が、デバイスを握っている場所からしばしばほぼ放射状であることに注目してください。 Standard レイアウトは物理的な XBOX コントローラーから利用可能なすべての入力を提供しますが、ゲームをプレイするための最良の方法ではおそらくないでしょう。また、おそらくプレイヤーにとってあまり楽しくないでしょう。ほとんどの場合、ゲームごとに異なるコントロールと異なる組み合わせが使用されるため、Touch Adaptation Kit が提供するさまざまなコントロールゾーンに基づいて、プレイヤーに最もアクセスしやすいコントロールをカスタマイズすることをお勧めします。次の画像は、コントロールを配置できる場所を示しています。ゾーン内のものは、画面上のさまざまな場所に配置されるスロットに配置されます。通常、プレイヤーの親指は、ゲームプレイのほとんどの時間で左右のホイールの上にあります。これらの場所は、ゲームの主要なアクションが配置されるべき場所です。対照的に、upper および lower ゾーンは、あまり頻繁に使用されないアクションに最適です。特にタブレットなどの大きなデバイスでは、プレイヤーがこれらのコントロールに届くように意識的に親指を動かす必要があるかもしれません。次のセクションでは、各ゾーンと、さまざまなゲームアクションを配置する場所を検討するための多くの詳細を提供します。最後に、ゲームをプレイして、すべてのアクションを使用頻度で順位付けすることが非常に重要です。たとえば、シューティングゲームの FPS モードでは、頻繁なアクションは射撃、リロード、照準、およびキャラクターの移動です。あまり一般的でないアクションは、武器の切り替え、手榴弾の投擲、およびアイテムの使用です。最も使用されないアクションは、メニューとマップを開くことです。プライマリ、セカンダリ、およびターシャリアクションの観点から、次のガイドラインを使用してこの順位付けを適用してタッチコントロールを配置できます。

左ホイール

左ホイールは、通常、プレイヤーの移動や運動、およびプレイヤーの移動中に行う必要のあるアクションに使用されます。

内側

左内側ホイールリングは、通常、キャラクターを移動させる 1 つのコントロールのみ予約されています。これはプライマリの運動アクションです。

ヒント

キャラクター制御ゲームでは、非相対的 (絶対的) な左ジョイスティックを使用します。相対的 という用語は、タッチが始まった場所に対してジョイスティックがタッチの動きにどのように反応するかを指します。詳細については、ジョイスティックを参照してください。
ゲームに左ジョイスティックの入力量に基づいて歩きから走りへなど、速度を変更するシステムがある場合は、代わりに相対的な左ジョイスティックを使用します。プレイヤーが徐々に入力を変更して速度を変更する必要がある状況では、非相対的なジョイスティックはうまく機能しません。
D-pad または左ジョイスティックのいずれかを使用してキャラクターの動作を制御できる 2D ゲームでは、ジョイスティックコントロールの代わりに Directional Pad を使用します。ただし、左ジョイスティックが D-pad にない機能 (たとえば、速度や細かい角度方向) を提供する場合を除きます。D-pad の代わりにジョイスティックを使用する場合は、2D キャラクターの運動には非相対的なジョイスティックを使用することが望ましいです。
メニューのみをナビゲートする特定のレイアウトでは、可能な場合は D-pad コントロールを使用します。D-pad が使用できない場合は、非相対的なジョイスティックを使用します。
シンプルなレイアウトには相対的なジョイスティックを使用します。相対的なジョイスティックは、ゲームパッドに慣れているプレイヤーにとってより馴染みやすいです。ただし、非相対的なジョイスティックは、プレイヤーが常にタッチをドラッグする必要なく、望む入力をより素早く適用できるため、より高いスキルシーリングを提供できます。両方のタイプのジョイスティックを試して、最も楽しいものの感覚をつかんでください。

外側

外側のホイールリングは、その他の頻繁なアクションに便利です。ただし、最も頻繁なアクションは通常、右ホイールに属します。

ヒント

セカンダリおよびターシャリアクション用の外側リングコントロールクラスターを作成します。これにより、このアクションのより大きなヒット領域が提供されます。クラスター内で 1 つのコントロールのみを使用する場合、[<セカンダリアクションコントロール>, null] または [null, <セカンダリアクションコントロール>] のクラスター構文を使用して、空白スポットのある 2 コントロールクラスターを作成し、[<セカンダリアクションコントロール>] に比べて、単一のコントロールを効果的にリングのわずかに内側または外側に配置することを検討してください。
内側リングの左上部分の外側 (スロット 7 とスロット 8) にセカンダリアクションを配置します。これにより、画面の中央にさらに手を伸ばす必要なく簡単にアクセスできます。ホイール内の他のすべてのスロットが埋まって空間が必要になるまで、セカンダリスロット (コントロールクラスター) を分割しないでください。
内側リングの真下 (スロット 4 とスロット 5) にターシャリアクションを配置します。これは、プライマリアクションから親指を素早く移動させるのに快適な位置です。ホイール内の他のすべてのスロットが埋まって空間が必要になるまで、ターシャリスロット (コントロールクラスター) を分割しないでください。

どのアクションがプレイヤーの運動と共に保持される必要があるかを検討してください (しゃがむまたはスプリントするための保持など)。両方のアクションが一緒に起こることを許可しながら、右の親指を他の重要なアクションに使えるように、action 割り当てを持つジョイスティックコントロールを作成します。例については、しきい値を超えたときに歩きからスプリントに切り替わるジョイスティックを参照してください。

右ホイール

右ホイールは、攻撃、射撃、ジャンプ、アイテムの使用、または特殊スキルなどの主要なキャラクターアクションと共にカメラの動きを実行するために最もよく使用されます。

内側

通常、右内側ホイールリングは、プライマリ攻撃など、最も頻繁に使用されるアクションを実行する 1 つのコントロールのみに予約します。内側ホイールリングを複数のコントロールでクラスター化することはできますが、最も頻繁に使用されるアクションに大きなヒット領域を専用にしておくことが最善です。

ヒント

別のアクションが保持される必要があるかもしれない頻繁に使用されるアクション、たとえば照準を合わせる (aim down sights) 場合、pullAction を持つボタンコントロールを使用して、単一のタッチで照準と射撃の両方を有効にすることを検討してください。

外側

外側のホイールリングは通常、移動中に実行できるクイックアクションに使用されます。これらのアクションの例は、ジャンプ、ダッシュ、リロードです。

ヒント

セカンダリおよびターシャリアクション用の外側リングコントロールクラスターを作成して、このアクションのより大きなヒット領域を提供します。クラスター内で 1 つのコントロールのみを使用する場合、[<セカンダリアクションコントロール>, null] または [null, <セカンダリアクションコントロール>] のクラスター構文を使用して、空白スポットのある 2 コントロールクラスターを作成し、[<セカンダリアクションコントロール>] と比較して、単一のコントロールを効果的にリングのわずかに内側または外側に配置することを検討してください。ホイール内の他のすべてのスロットが埋まって空間が必要になるまで、セカンダリクラスターに追加のコントロールを追加しないでください。
プライマリアクションの右上の外側 (スロット 1 とスロット 2) にセカンダリアクションを配置します。これにより、画面の中央にさらに手を伸ばす必要なく簡単にアクセスできます。ホイール内の他のすべてのスロットが埋まって空間が必要になるまで、セカンダリスロット (コントロールクラスター) を分割しないでください。
内側リングの真下 (スロット 4 とスロット 5) にターシャリアクションを配置します。これは、プライマリアクションから親指を素早く移動させるのに快適な位置です。ホイール内の他のすべてのスロットが埋まって空間が必要になるまで、ターシャリスロット (コントロールクラスター) を分割しないでください。

ジャンプのようなアクションはターシャリスロットに配置します。

ダッシュのようなアクションも存在する場合、ターシャリにコントロールクラスターを使用する代わりに、スロット 4 でダッシュ、スロット 5 でジャンプを使用します。これにより、空間が実質的に半分に分割され、プライマリアクション、ジャンプ、ダッシュ、およびプレイヤーの動きの間の簡単な組み合わせが可能になります。次の画像は、プライマリ攻撃、ダッシュ、およびジャンプの間の簡単な組み合わせがクラスタリングで可能であることを示しています。

他のアクションがジャンプのようなアクションにどれだけ近い必要があるかに応じて、セカンダリスロット (スロット 1 と 2 の間のクラスター) またはスロット 6 に配置することを検討してください。そこから、スロット 5 と 6 の間のクラスタリングにより、ジャンプの近くに座る別のアクションが配置されます。

次の画像は、ジャンプの近くに座るガードとロールの 3 つのアクションをスロット 5 と 6 の間でクラスタリングすることを示しています。

可能な限り、カメラを制御するためにジャイロスコープセンサーコントロールを使用します。これにより、右の親指が常に別のアクションのために解放されます。最後の手段として、カメラを制御するために相対的な右ジョイスティックを使用します。

上部

上部ゾーンは、頻度の低い、メニューやナビゲーションのようなアクションに最も便利です。このゾーンは右上隅から始まり、中央に向かって成長します。

ヒント

ゲームのシネマティックセクションでは、スキップアクションのために上部を使用できます。右上隅はナビゲーションアクションの一般的な場所であり、レターまたはピラーボックスに配置される可能性があります。
左上隅はシステムボタン用に予約されています。プレイヤーは、上部の行でゲームを一時停止またはナビゲートする可能性のある同様のアクションを期待しています。マップ、インベントリ、およびメニューなどをこの領域に配置することを検討してください。

下部

下部ゾーンは画面の下部の中央にあります。このゾーンは、コントロール用に最も使用頻度の低い領域です。一部のデバイスでは、画面の中央に届くのが難しい場合があります。

ヒント

コントロールの位置を調整するために下部ゾーンに空白のコントロールを配置することもできますが、デバイスのさまざまなフォームファクターによってはコントロールがより少なく表示される場合があることに注意してください。多くの空白のコントロールを追加することで、下の隅にコントロールを配置しようとしないでください。それらはしばしばコントロールホイールと重なります。プレイヤーは、快適なプレイ姿勢のためにホイールをわずかに下に移動することが頻繁にあります。

特定のコントロールタイプおよび高度なシナリオのヒントに従う

4 方向および 8 方向の D-pad

D-pad は一般に、4 方向または 8 方向の移動でキャラクターを制御するために使用されます。また、メニューをナビゲートするのにも便利です。既定では、D-pad コントロールは物理 D-pad のように動作し、複数の方向を同時に有効にできます。これは 8 方向 とも呼ばれます。対照的に、4 方向 D-pad は 4 つの方向の 1 つだけをアクティブにできます。D-pad を排他的に 4 方向に制限するには、コントロールに "interaction": {"activationType": "exclusive"} を追加します。

ヒント

2D ゲームでキャラクターが対角線を含む 8 方向に移動できる場合、8 方向 D-pad を使用します。
2D ゲームでキャラクターが左、右、上、下の 4 方向にのみ移動できる場合、4 方向 D-pad を使用します。
メニューを制御する場合、4 方向 D-pad を使用します。

ジャイロスコープでの照準およびシューティングゲームのヒント

タッチコントロール用に複雑なゲームを適応させる際の一般的なシナリオは、ユーザーがタッチコントロールと合理的に相互作用できる 2 本の親指しかないにもかかわらず、一度に 2 つ以上のアクションをアクティブにする必要があるかもしれないということです。これらのより複雑なタスクを支援するために、追加の入力を提供するためにジャイロスコープを使用できます。

ヒント

プレイヤーが見るカメラを制御するためにジャイロスコープを使用します。デバイスを左右前後に傾けてカメラを正確に制御できることは、プレイヤーにとって直感的に理解できます。
マウス入力 ("output": "relativeMouse" を指定) と一緒にジャイロスコープを使用することは、特にファーストおよびサードパーソンゲームで、ジョイスティック ("output": "relativeJoystick" を指定) を使用するよりも照準に大きく優れています。
物理空間でのスマートフォンの 90 度の回転は、通常、ゲーム内キャラクターを 120 度回転させます。この機能により、プレイヤーはゲーム間で切り替えても、コントロールがより馴染みのあるものと感じられるようになります。
タッチパッドと一緒にジャイロスコープを使用することが推奨されます。より優れたプレイヤーは、素早いオリエンテーションのためにこの組み合わせを望みます。細かい照準のほとんどはジャイロスコープから得られます。
ジョイスティックとジャイロスコープを組み合わせて、より多くのプレイ方法を可能にすることを検討してください。ジャイロスコープコントロールは、ジョイスティックが提供するものに加えて、小さな調整を行うために使用できます。
「常時オン」スタイルのジャイロスコープは最も高いスキルシーリングを持ちますが、このスタイルは動く乗り物にいるプレイヤーにはあまりよく機能しません。
可能な限り、メニューやジャイロスコープが不要なゲームの他のセクションには、ジャイロスコープコントロールのない別のレイアウトを使用します。
アクションとゲームがそれらの機能をどのようにサポートするかに応じて、"renderAsButton": true を持つタッチパッドを使用してほとんどのボタンを作成します。Aim+Fire が主な例ですが、これはブロックや手榴弾投擲のようなものに適用できます。以下は、Aim (LT) + Fire (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"
            },
        }
    }
}

Aim+Fire は常に画面の中央に近い場所、通常は右ホイールの外側のスロット 5 に配置します。プレイヤーがカメラを右に完全に回転できない端に配置すると、スワイプする余地がなくなります。
ファーストまたはサードパーソンシューティングゲーム用の新しいタッチレイアウトを作成する場合、ファーストパーソンシューティングスターターテンプレートを使用します。各アクション位置は十分に分析されています。

Gears 5 では、次のスクリーンショットに示すように、正確な照準を実現するために renderAsButton: true を持つタッチパッドとジャイロスコープを Aim+Fire コントロールに使用しています。

複雑なアクションと組み合わせアクションの処理

2 本の親指だけで複雑なアクションを実行することは、プレイヤーにとって難しい場合があります。Touch Adaptation Kit は、タッチによって複雑なアクションを実行するためのいくつかのメカニズムを提供します。

ヒント

複数のアクションを単一のコントロールに割り当てることができます。たとえば、しゃがみは左バンパーと右バンパーを同時に押すことで有効になります。次のボタン定義により、プレイヤーは 1 回の押しでしゃがみを有効にできます。

コントロールに複数のアクションを割り当てる場合、既定のアイコノグラフィは使用できません。次の例に示すように、コントロールが持つセマンティックアクションを示すためにスタイルをカスタマイズすることが重要です。

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

pullAction をボタンコントロールに割り当てることができます。これは、プレイヤーが 1 回のタッチとドラッグモーションを使用して 2 つのアクションを有効にするのに役立ちます。たとえば、照準は LT に割り当てられ、射撃は RT に割り当てられます。次のボタン定義により、プレイヤーはボタンを押しながら照準を合わせ、外側に引っ張ることで射撃できます。

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

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"
                }
            }
        }
    }
}

Yakuza Like a Dragon では、左ジョイスティック入力が 2.5 のしきい値を超えるとスプリントするために右トリガーが有効になります。

“action” を持つジョイスティックは、ジョイスティックを使用しながら割り当てられたアクションを有効にできます。たとえば、放射状のメニューは左バンパーを押すことで有効になり、右ジョイスティックを動かすことで選択できます。次のジョイスティック定義により、プレイヤーは左バンパーを押しながら、右ジョイスティックを使用して放射状メニューからアクションを選択できます。

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

Sea of Thieves では、action を持つジョイスティックを使用して装備を選択するために放射状メニューが使用されます。

Touch Adaptation Kit エディターの使用

Visual Studio Code 用 Touch Adaptation Kit (TAK) エディター拡張機能は、Touch Adaptation Bundle (TAB) を作成、プレビュー、検証、およびパッケージ化するためのツールです。これらのファイルには .takx ファイル拡張子があります。継続的なゲームストリームなしで、VS Code 内から XBOX Game Streaming 用のゲームに TAK エディターを使用できます。この VS Code 拡張機能を使用すると、インライン IntelliSense が提供され、タッチコントロール作成の体験が簡素化されます。

現在のゲーム内シナリオに合わせてタッチコントロールを変更する

ゲームは、実行時の動的なゲームの状態に基づいて、タッチレイアウトを変更したり、レイアウトの状態を変更したりできます。両方の方法を一緒に使用して、プレイヤーに最も自然な体験を作成できます。詳細については、ゲームの状態に基づいてタッチレイアウトを変更したり、状態を変更したりする方法のドキュメントを参照してください。例として、Minecraft Dungeons はプレイヤーが新しい能力を学ぶにつれてゲームメカニクスを段階的に表示するためにタッチレイアウトの状態変更を使用します。 Minecraft Dungeons では、最初は移動や近接攻撃などの基本的なコントロールのみが表示されます。

追加のコントロールが追加された Minecraft Dungeons タッチレイアウトのスクリーンショット

Minecraft Dungeons では、初めて遠距離武器を取得すると、遠距離攻撃コントロールが追加されます。

ムービーやカットシーン中の没入感を保つために、シネマティックレイアウトを使用する

ムービーやカットシーンは、主にゲームのストーリーを楽しむために視聴されることを目的としています。必要なコントロールは通常、一時停止やスキップなどのものに制限されます。最も没入感のある視聴体験を作成するには、可能な限り多くのコントロールを排除することが重要です。

ヒント

可能な場合、プレイヤーが必要とするときにのみタッチコントロールを表示します。
1. プレイヤーからのタッチ入力を検出することは比較的簡単です。詳細については、IGameInput を使用したゲーム用のネイティブタッチインターフェイスの構築および完全な SimpleCloudAwareSample ゲームサンプルを参照してください。
2. Touch Adaptation Kit レイアウトが表示されていてもタッチを検出できます。ネイティブタッチ API を使用することで、プレイヤーは画面をタップしてゲームに最小限のシネマティックレイアウトを表示させることができます。ゲームは、タッチ入力が検出されない状態でしばらくしてこのレイアウトを非表示にできます。

例として、Persona 3 Reload にはネイティブタッチ検出付きのカスタムシネマティックレイアウトがあります。 Persona 3 Reload では、カットシーンが再生されている間、タッチコントロールは非表示です。 Persona 3 Reload では、カットシーンをスキップするコントロールの小さな選択を示すネイティブタッチを検出することで、タッチコントロールが表示されます。

あるいは、ゲームコードの変更なしで同様の効果を実現できます。toggle プロパティとレイヤーアクションを使用するボタンコントロールと組み合わせて、右上ゾーンのコントロールのタッチレイアウトレイヤーを使用できます。

ネイティブタッチを使用してタッチ操作を完全にカスタマイズする

ネイティブタッチは、タッチスクリーンデバイスでゲームをプレイするための最も馴染みのある方法です。モバイルデバイスのプレイヤーは、ゲームを制御するために直接タッチサポートを構築するゲームに慣れています。GameInput API を使用することで、ゲームでネイティブタッチを有効にできます。これにより、ゲーム世界と対話するより直感的で自然な方法が提供されます。ネイティブタッチは、XBOX コントローラーのボタンとスティックに再マッピングされた Touch Adaptation Kit オーバーレイを補完または置き換えることができます。詳細については、IGameInput を使用したゲーム用のネイティブタッチインターフェイスの構築および完全な SimpleCloudAwareSample ゲームサンプルを参照してください。以下はネイティブタッチサポートのいくつかの例です。

インベントリ管理: ネイティブタッチにより、プレイヤーがアイテムを単にタップし、ドラッグなどの技術を使用することさえできるようになり、アイテムを選択して装備することがより簡単で速くなります。これは、従来のコントローラーベースの管理と比較して、生活の質を大幅に向上させることができます。

Minecraft Dungeons では、インベントリ管理はネイティブタッチを使用して行われます。

メニュー: メニューの操作はタッチスクリーンでより直感的です。D-pad やジョイスティックを使用してアイテムに移動する代わりに、目的のアイテムをタップするだけです。
完全なネイティブタッチサポート: 一部のゲームは完全なネイティブタッチをサポートしており、Touch Adaptation Kit を使用してコントローラーに再マッピングする必要がありません。これにより、プレイヤーはモバイルゲーム体験に完全に集中できます。これらのゲームは通常、既にモバイルバージョンを持っているか、タッチフレンドリーなインターフェイスをサポートしているため、ネイティブタッチサポートが比較的簡単です。主にマウスでプレイするように設計されたゲームも、ネイティブタッチをより簡単にサポートする傾向があります。

Fortnite では、XBOX Cloud Gaming を通じてプレイする際にネイティブタッチがサポートされます。

ゲームのアートスタイルに合わせるためにカスタムアセットを使用する

コントロール用に組み込みのアイコンのセットからアセットを選択することもできますが、最も没入感があってシームレスな体験は、ゲームのアートスタイルに合うアートワークを使用してコントロールをカスタマイズすることです。これを行うことで、Touch Adaptation Kit オーバーレイが目的的で自然で、ゲームに不可欠なものと感じられるようになります。これは、コントローラーだけを念頭に置いて設計されたゲームへの単純な再マッピングとは対照的です。例として、Minecraft Dungeons はゲーム内のデザイン言語を反映するブロック状のアイコノグラフィを使用しています。 Minecraft Dungeon では、カスタムアセットがゲームのユニークなアートスタイルに合わせています。

タッチコントロール用のゲーム内 UI、ヒント、およびコントロール再マッピングを変更する

UI、ヒント、およびコントロール再マッピングは通常、プレイヤーが使用する入力タイプに基づいて変更されます。たとえば、ゲームがゲームパッドとキーボードとマウスの両方の入力タイプをサポートしている場合、通常、ゲームパッド入力が検出されるとゲームパッド固有のボタンプロンプトが表示されます。ゲームは通常、キーボードまたはマウス入力が検出されるとキーボードとマウスの UI を表示します。入力タイプに基づくこの動的なユーザーエクスペリエンスは、Touch Adaptation Kit コントロールにも適用されます。XGameStreamingGetGamepadPhysicality API を使用することで、入力が物理ゲームパッドからのものか、仮想コントローラー入力に変換されたタッチレイアウトからのものかを識別できます。これに応じて、プレイヤーに最も適切なイメージを表示するようにユーザーエクスペリエンスをカスタマイズできます。例として、Gears 5 は入力タイプに基づいてゲーム内プロンプトを動的に調整します。 Gears 5 では、ゲームパッド入力タイプを使用する場合に UI とヒントが利用可能です。 Gears 5 では、再マッピングされた入力を持つゲームパッド入力タイプを使用する場合、UI とヒントが利用可能です。 Gears 5 では、タッチコントロールのアイコンに一致するタッチ入力タイプに対して UI とヒントが利用可能です。Gears 5 は入力タイプごとに再マッピングをインテリジェントに処理するため、タッチでプレイする際には再マッピングされたコントローラー入力は表示または使用されません。

タッチコントロールと XBOX Game Streaming の一般的な問題を確認する

ゲームプレイ中の切断

モバイルデバイスでは、プレイヤーがゲームを一時的に離れる状況が多くあります。たとえば、ホーム画面に移動する、メッセージやニュースを確認する、電話をかけるなどです。これらの状況により、ストリーミングクライアントが切断または一時停止することがあります。その結果、ゲームからの状態の不一致が発生する可能性があります。

ヒント

ゲームが切断状態から戻ったときに、レイアウト、アセット、および状態を含むタッチコントロールの適切な読み込みと動作を確保します。これは、タッチコントロールの状態を制御するために API が使用されている場合に特に重要です。
プレイヤーが切断されている場合は、進行状況の損失またはゲームオーバーの状況を防ぐため、可能な場合はゲームプレイを一時停止します。これは、constrain イベントまたはストリーミングクライアントの切断を探すことで行えます。

さまざまなデバイスタイプとの互換性

タッチコントロールを使用できるデバイスには、スマートフォン、タブレット、および 2-in-1 PC など、さまざまなタイプがあります。これらのデバイスのさまざまな特性 (画面サイズの違いやセンサーの有無を含む) は、これらの違いが考慮されていない場合、快適なゲームプレイを妨げる可能性があります。

ヒント

すべてのタッチコントロールが動作し、さまざまな画面サイズのデバイスで簡単に届くようにします。
デバイスでセンサーが利用可能であることを確認します。利用できない場合は、センサーを必要としない他のオプションを用意します。たとえば、ゲームが照準にジャイロスコープを使用する場合、デバイスでジャイロスコープが利用できない場合は、代わりにタッチパッドコントロールを使用します。
さまざまな画面サイズを簡単にテストするには、PC を使用して PC Content Test Application または Web ブラウザーのウィンドウサイズを変更できます。すぐに利用可能なタッチ対応 PC がない場合、Content Test Application ではマウスクリックをタッチイベントとして扱う設定を使用した基本的なテストが可能です。最後に、さまざまなサイズのタッチコントロールを簡単に表示するには、TAK エディター拡張機能のプレビューウィンドウビューを使用します。

最終更新日 2026年8月31日

​目次

​概要

​XBOX コンソール ゲームにタッチ コントロールを追加する利点

​ベスト プラクティス

​他のタッチ対応ゲームを先にプレイする

​タッチ コントロールを使用して、未変更のゲームをプレイする

​テンプレートから始めて最小限に保つ

​コントロール配置ガイドラインに従う

​左ホイール

内側

ヒント

外側

ヒント

​右ホイール

内側

ヒント

外側

ヒント

​上部

ヒント

​下部

ヒント

​特定のコントロール タイプおよび高度なシナリオのヒントに従う

​4 方向および 8 方向の D-pad

ヒント

​ジャイロスコープでの照準およびシューティング ゲームのヒント

ヒント

​複雑なアクションと組み合わせアクションの処理

ヒント

​Touch Adaptation Kit エディターの使用

​現在のゲーム内シナリオに合わせてタッチ コントロールを変更する

​ムービーやカットシーン中の没入感を保つために、シネマティック レイアウトを使用する

ヒント

​ネイティブ タッチを使用してタッチ操作を完全にカスタマイズする

​ゲームのアート スタイルに合わせるためにカスタム アセットを使用する

​タッチ コントロール用のゲーム内 UI、ヒント、およびコントロール再マッピングを変更する

​タッチ コントロールと XBOX Game Streaming の一般的な問題を確認する

​ゲームプレイ中の切断

ヒント

​さまざまなデバイス タイプとの互換性

ヒント

目次

概要

XBOX コンソールゲームにタッチコントロールを追加する利点

ベストプラクティス

他のタッチ対応ゲームを先にプレイする

タッチコントロールを使用して、未変更のゲームをプレイする

テンプレートから始めて最小限に保つ

コントロール配置ガイドラインに従う

左ホイール

右ホイール

上部

下部

特定のコントロールタイプおよび高度なシナリオのヒントに従う

4 方向および 8 方向の D-pad

ジャイロスコープでの照準およびシューティングゲームのヒント

複雑なアクションと組み合わせアクションの処理

Touch Adaptation Kit エディターの使用

現在のゲーム内シナリオに合わせてタッチコントロールを変更する

ムービーやカットシーン中の没入感を保つために、シネマティックレイアウトを使用する

ネイティブタッチを使用してタッチ操作を完全にカスタマイズする

ゲームのアートスタイルに合わせるためにカスタムアセットを使用する

タッチコントロール用のゲーム内 UI、ヒント、およびコントロール再マッピングを変更する

タッチコントロールと XBOX Game Streaming の一般的な問題を確認する

ゲームプレイ中の切断

さまざまなデバイスタイプとの互換性