キーボードとゲームパッドでプロトタイプを作成

Adobe XD では、キーボードショートカットとゲームパッドのトリガーを使用して、ネイティブのデスクトップアプリケーションとプロトタイプをシミュレートし、充実したゲームエクスペリエンスやデザインを実現できます。 プロトタイプをワイヤー接続するとき、「トリガー」ドロップダウンリストから「キーとゲームパッド」を選択して、任意のキーを割り当てることができます。 その後、プレビューウィンドウ、web ブラウザー、またはモバイルアプリケーションでのこれらのアニメーションを再生または録音し、関係者と共有して共同でレビューを行うことができます。 これにより、ユーザーエクスペリエンス全体にリッチなレイヤーを追加しながら、より優れたプロトタイプストーリーを伝えることができます。

「キーとゲームパッド」は、次の場合に選択できます。

• 1 つのオブジェクトまたはアートボードを別のアートボードにワイヤー接続する場合
• 2つのコンポーネント状態を接続します。
  
• 1 つのコンポーネントのステートを別のアートボードにワイヤー接続する場合
• 音声、オーディオ、ビデオ、または Lottie を再生する場合

キーボードトリガーの操作

特定のデスクトップアプリケーション、アクセシビリティ、ショートカットまたはゲームのプロトタイプを作成するときは、プロトタイプとやり取りするためにキーボードが必要です。 プロトタイプでは、キーボードショートカットをトリガーとして使用して、画面やコンポーネントの状態を切り替えたり、音声、オーディオ、ビデオ、または Lottie を再生したりすることができます。

プロトタイプを接続する際には、「キーとゲームパッド」を選択します。 次に、キーボードの任意のキーを押し、個々のオブジェクト、コンポーネントのステート、またはアートボード全体にトリガーとして割り当てることができます。 これにより、同じアートボードから複数のトリガーを使用できます。

修飾キーとキーを組み合わせて、CMD SやCTRL Rなどのショートカットを使用してトリガーを定義することもできます。スペースバーや、ファンクション、スリープ、音量、電源などのシステムレベルキーは使用できません。同じアートボード上の同じショートカットに複数のトリガーを割り当てると、最後のトリガーが割り当てられ、プレビュー中にトリガーされます。

ゲームパッドトリガーを使用する

ゲームのプロトタイプをテストする最も効果的な方法は、実際のゲームコントローラハードウェアを使用することです。 プロトタイプでは、ゲームパッドをトリガーとして使用して、画面やコンポーネントの状態を切り替えたり、音声、オーディオ、ビデオ、または Lottie を再生したりすることができます。 次に、接続されたゲームパッドコントローラーを使用して、デスクトッププレーヤーまたはwebブラウザーでプロトタイプを操作します。
\n"]} ```

Xbox コントローラ（Series X/S または One）を Bluetooth 経由または PlayStation コントローラー（DualSense または DualShock 4）経由で接続し、「キーとゲームパッド」を選択します。 次に、接続したゲームパッドで任意のキーを押すと、個々のオブジェクト、コンポーネントのステート、またはアートボード全体に、そのキーをトリガーとして割り当てることができます。

プロトタイプのデザインとプレビューには必ず同じコントローラーを使用してください。 例えば、Xbox コントローラーを使用してデザインした場合、デスクトップや web でのプロトタイプのテストにも、Xbox コントローラーを使用する必要があります。

モバイルアプリケーションおよびモバイル web エクスペリエンス

XD では、デスクトッププレビューアプリケーションおよび web プロトタイプでのキーボードゲームパッドサポートがサポートされます。 モバイルアプリケーションまたはモバイルブラウザーでプロトタイプをプレビュー表示している場合、キーボードやゲームパッドデバイスが接続されていないため、タップを使用してアートボード間を移動できます。

サポートされているゲームコントローラーとブラウザー

USB および Bluetooth のサポート：

ブラウザーのサポート：

キーボードまたはゲームパッドのキーを使用したプロトタイプ

その他の関連ヘルプ

• XD でのプロトタイプの操作