次の方法で共有

タッチ コントロール プレビューのカスタマイズ

  • [アーティクル]

この記事では、TAK エディターを使用してタッチ アダプテーション レイアウトのプレビューをカスタマイズするために使用できるさまざまなオプションの概要について説明します。 プレビューをカスタマイズして、さまざまなゲーム シーンをシミュレーションでき、タッチ コントロールがさまざまなコンテキストでどのように表示されるかをテストすることができます。 これは、プレビューに背景色またはイメージを割り当てることで実行できます。

背景

色または画像を使用して背景をカスタマイズするには、プレビュー設定を使用するか、コマンド パレットでコマンドを実行する方法の 2 つの方法があります。

プレビュー設定を使用する

  1. エディターでバンドルのレイアウト ファイルを開き、プレビューを起動します。

  2. プレビュー パネルの右上隅にある [設定を開く] をクリックします。

    レイアウト プレビューの [設定を開く] ボタンのスクリーンショット

  3. 背景をカスタマイズするためのオプションが含まれたモーダルが表示されます。 色または画像を割り当てることができます:

    1. 色: カラー ピッカーをクリックして色を選択します。 または、入力フィールドに色を入力することもできます。 色は、CSS でサポートされている任意の形式 (#0000ffff、rgba(0, 0, 255, 1)、hsl(240, 100%, 50%) または blue など) で指定できます。

      プレビュー設定モーダルでカラー ピッカーを示すスクリーンショット

    2. 画像: [画像の選択] をクリックして、ファイル ピッカーを開きます。 画像の場所に移動し、それを選択します。 または、画像の URL を入力フィールドに入力することもできます。

      プレビュー設定モーダルで選択されている画像のスクリーンショット

コマンド パレットを使用する

  1. エディターでバンドルのレイアウト ファイルを開き、プレビューを起動します。 このコマンドは、プレビューが開いている場合にのみ使用できます。

  2. コマンド パレットを起動します (Windows では Ctrl+Shift+P または macOS では Cmd+Shift+P)。

  3. [背景] を検索し、[タッチ アダプテーション キット: プレビューの背景を設定する] を選択します:

    コマンド パレットの [プレビュー背景の設定] コマンドの選択のスクリーンショット

  4. 使用可能なオプションのいずれかを選択します:

    プレビューの背景を設定するために使用できるオプションのスクリーンショット

    1. Default: 背景を既定の透明チェッカーボード パターンにリセットします。
    2. Color: 背景に色を割り当てます。 CSS カラー値の形式でテキストとして入力する必要があります。
    3. Image: 背景に画像を割り当てます。 ファイル ピッカーが開き、画像を選択します。
    4. URL: URL を使用して背景に画像を割り当てます。 URL を入力するテキスト入力が表示されます。

次の手順

Xbox に提出するためにバンドルをパックする