All content in this course uses:

3.1 - 快適性とアクセシビリティ

このレッスンでは、シミュレーター酔いのリスクを減らし、アプリの性能または包括性を高めて、できるだけ多くの人に楽しんでもらう方法を学びます。このレッスンが終わる頃には、あなたのアプリはより快適で利用しやすいものになっていることでしょう。

シーンがロードされたとき、新しい世界にいきなり現れるのは少し違和感があるかもしれません。一般的に、新しい環境ではフェードインするのが良いとされています。

1.  フェードインするための Screen Space キャンバスを新たに作成：

 を選択し、名前を「Fade_Canvas」に変更します。


2.  カメラの真正面にキャンバスをレンダリングさせる：

オブジェクトの Canvas コンポーネントで、

オブジェクトを右クリックし、

 プロパティを black に設定します。

キャンバスが視野全体を覆うように、

 のプロパティを大きな数値（例：100）に設定します。


4.  Main Camera の真正面にキャンバスを出現させ、他のすべてのオブジェクトの手前にもキャンバスを出現させる：

プログラムを実行すると、黒いキャンバスが視界を完全に覆うようになります。

フェードするためのシンプルな黒いキャンバスを作る

黒いキャンバスの設定が完了したので、シーンのロード時にそこからフェードする必要があります。

1.  キャンバスとそのすべての要素をフェードさせる：

 オブジェクト上に、Canvas Group コンポーネントと Fade Canvas コンポーネントを追加します。


2.  シーンがロードされたことを検知するイベントを作成：

Hierarchy で、空のオブジェクトを追加し、名前を「Scene Loader」に変更します。このオブジェクトには、シーンの読み込みのイベントが格納されます。

 オブジェクトに On Scene Load コンポーネントを追加します。


3.  Scene Load で黒からのフェードイン：

 をクリックして新しい関数を追加します。

 オブジェクトを割り当てます。


4.  Scene ビューの黒い画像をデフォルトで非表示にする： 

これで、シーンがロードされたときに、黒からフェードインするように見えるはずです。作成したリセットシーンの UI 画面でテストしてみてください。

シーンのロード時でのフェードイン

フェードによってプレイヤーの快適さを向上させるもう一つのチャンスは、テレポートの際です。通常、テレポートの際には、動きの錯覚（「ベクション」）を減らし、快適さを向上させるために、短いフェードが行われます。

1.  Teleportation Area (ラグ) にフェード機能を追加：

プレハブで、デフォルトの Teleportation Area コンポーネントを削除し、カスタムの Teleport Area With Fade コンポーネントに置き換えます。

新しいコンポーネントの下部には、元のコンポーネントと同じように、

 の各プロパティを割り当てます。


2.  Teleportation Anchor (マット) にフェード機能を追加：

に入ると、すべてのマットに一度に変更を加えることができます。

デフォルトの Teleportation Anchor コンポーネントを削除し、カスタムの Teleport Anchor With Fade コンポーネントに置き換えます。

新しいコンポーネントのプロパティを元のコンポーネントに合わせて編集します。

すべてのマットのプレハブまたはプレハブのバリアントに変更が適用されていることを確認してください。 

Teleportation Anchor (点) と Teleportation Area (範囲) が、テレポート時に黒くフェードアウトするようになりました。

フェードによるテレポート

いくつかの設定を追加するには、メインメニューのパネルからアクセスできる新しいパネルを追加します。

 と選択してボタンを追加します。 

名前を「Settings Button」に変更します。

プロパティに歯車のアイコンを設定します。

デフォルトの Text を削除して、テキストがない状態にします。

ボタンのサイズと位置を変更し、メニューの右下にうまく収まるようにします。


2.  設定画面を新規に作成する：

コピーしたオブジェクトの名前を「Settings Background」に変更します。 

ウェルカムパネルを一時的に無効にし、設定画面のみを表示することで、編集しやすくなります。


3.  設定画面にプレースホルダーコンテンツを追加：

パネルのコンテンツを 3 つのプレースホルダーテキストオブジェクト（"Setting 1" / "Setting 2" / "Setting 3"）に置き換えます。

 オブジェクトを追加し、Toggle で生成されるデフォルトのテキストを削除します。 

各テキストオブジェクトを親にしてグループ化するとよいでしょう。

ラベルには、トグルに付属するデフォルトの Text ラベルの代わりに、TextMeshPro Text を使用します。


4.  設定の歯車アイコンを「X」アイコンに置き換える：

歯車アイコンの Image コンポーネントで、


5.  これらのメニューの間を行き来できるようにする：

イベントで、設定画面を有効に、ウェルカム画面を無効に設定します。

イベントで、設定画面を無効に、ウェルカム画面を有効に設定します。


6.  リセットメニューが表示されたときに、設定メニューを非表示にする：

イベントに、設定画面を無効にする新しいアクションを追加します。

メインメニューの歯車アイコンから Settings メニューにアクセスできるようになり、3 つのプレースホルダートグル設定があります。また、Close ボタンを押すと、設定メニューからウェルカムパネルに戻ることができるようになります。 

設定パネルの追加

アクセシビリティを向上させる最も簡単な方法の 1 つは、環境をナビゲートする方法を増やすことです。ユーザーが Snap Turning を有効または無効にできるようにします。

1.  プレースホルダーの設定を変更する：

最初の設定テキストを「Snap Turning」と編集します。

Toggle コンポーネントで、Snap Turning がデフォルトで有効になっているため、

プロパティが有効になっていることを確認します。


2.  トグルを Snap Turn コンポーネントにリンクさせる：

イベントで、＋ をクリックして新しいアクションを追加します。

XR Rig には Snap Turn プロバイダーコンポーネントが含まれているため、Object スロットに割り当てます。

「enabled」プロパティには、必ず dynamic bool (boolean) を選択してください。これは、トグルの状態によって動的に影響を受けることを意味します。

これで、Snap Turning を有効にしたり無効にしたりする機能的なチェックボックスができたはずです。 

Snap Turning 設定の追加

また、アクセシビリティを飛躍的に向上させる設定として、レイを使って遠くのオブジェクトを掴むことができます。

1.  設定がデフォルトでどのように表示されるかを設定する：

プロパティを有効または無効にします。

トグルのテキストを「Distance Grab」に変更します。


2.  すべての掴めるオブジェクトが、同じレイヤー上でアクセスできるようにする：

各オブジェクトの XR Grab Interactable コンポーネントで、

 レイヤーが含まれていることを確認します。


3.  レイが別のレイヤーセットに変更できるようにする：

の両方のオブジェクトを選択します。

両方のオブジェクトに Set Interaction Layer コンポーネントを追加します。

 レイヤーを含むように設定することで、オブジェクトを掴めるようになります。


4.  「Distance Grab」トグルがこれらのターゲットレイヤーをトリガーするようにする：

を 2 回クリックして、新しいアクションを 2 つ（両手に 1 つずつ）追加します。

一方のオブジェクトスロットに RightHand Ray を、もう一方のオブジェクトスロットに Lefthand Ray を割り当てます。

どちらのアクションも、SetInteractionLayer > ToggleTargetLayer (Dynamic bool) 関数を選択します。

機能をトグルの値に結びつけるためには、リストの上部にある

オプションを選択する必要があります。

これで、離れた場所からレイでオブジェクトを掴む機能を有効または無効にするトグルができました。

Distance Grab 設定の追加

まとめ


スキルをさらに向上させたい、新しいコンセプトを探求したい、プロジェクトを改善したいとお考えの方は、下記のオプションの追加アクティビティをチェックしておくと良いでしょう。 

それぞれ [Easy]、[Medium]、[Difficult]、[Expert] のタグが付けられており、コーディングが必要な場合は [Requires Programming] のタグも付けられています。  

1.  画面外で聞こえるナレーションの追加 [Easy]

メインメニューのテキストを読み上げて、シーンの最初に再生される音声ナレーションを追加する：

OnSceneLoad スクリプトを使用して、このトリガーを行います。

その他の追加：音声のみを再生する

2.  クローズドキャプション設定の追加 [Medium]

クローズドキャプションを追加して、音声のアクセシビリティを高める： 

暖炉などの周囲の音については、音の場所で何の音なのかを示すクローズドキャプションを追加します。

その他の追加：クローズドキャプションの「ビルボード」をプレイヤーの方に向けて、常にプレイヤーの方を向いているようにして、常に読める（Course Library の「LookAtPlayer」スクリプトを使用するか、独自のスクリプトを作成します）ようにします。 

その他の追加：テレビでは、言葉の入ったビデオを使い、ビデオ内の言葉（提供された「Unity-shape-the-world」のビデオにはナレーションが入っている）に合わせてクローズドキャプションを付けます [Requires programming] (プログラミング必要) 

3.  連続した動作の設定を追加 [Medium] (難易度：中)

連続した動作のオン/オフを切り替える設定を追加：

トグルの Snap Turning の時と同じテクニックを使います。

XR Rig には、Continuous Move Provider コンポーネントと Continuous Turn Provider コンポーネントを追加する必要があります。

その他の追加：単一のトグルまたはドロップダウンで、(a) 連続的な移動と旋回、(b) スナップターンとテレポートを交互に切り替えることができます。 

追加のアクティビティ

3.1.ext - Voiceover.mp4

3.1.ext - Continuous movement.mp4

3.1.ext - Closed captions.mp4

3_1_5_v2.mp4

3_1_2_v2.mp4

3_1_3_v2.mp4

3_1_4_v2.mp4

3_1_6_v2.mp4

3_1_1_v2.mp4

3_1_recap_v1.mp4

このレッスンを終える頃には、以下のことができるようになります：

シミュレータ酔いのリスクを軽減するために、ユーザーの視野を制限することの重要性を、特にロコモーション (移動) に関連して説明することができる。

アプリをより包括的なものにするために、モーター、オーディオ、ビジュアル、認知的アクセシビリティを改善する機会を認識する。 

より快適に、よりアクセスしやすく、より多くの人に楽しんでもらえるようにプロジェクトを修正する。

Unity Version 2020.3