MR で表示と 3D で表示

• 4 分

さまざまな 3D および Mixed Reality (MR) シナリオを実現するために、複数の MR コンポーネントをこのキャンバス アプリに追加できます。 コンポーネントは、特定の要件に対応するために使用できるコントロールのコレクションです。 たとえば、MR コンポーネントを使用して次のことができます。

• 3D コンテンツを表示および操作します。
• 3D コンテンツと 2D 画像をカメラからのフィードにオーバーレイします。
• MR を搭載したデバイスを使用して、距離、面積、体積を測定します。
• MR オーバーレイを使用して、現実世界の空間を識別します。

上記の Mixed Reality 機能の一部を Easy Sales アプリケーションに組み込みましょう。

MR で表示

MR の表示は、このアプリケーションに含まれる主要な機能の 1 つです。 ユーザーはそれを使用して、自然世界の環境で画像と 3D モデルを表示できます。 ユーザーはボタンをクリックしてそれにアクセスできます。選択した 3D モデルまたは画像がデバイスのライブ カメラ フィードにオーバーレイされます。

3D コンテンツは、.glb ファイル形式である必要があります。また、画像は .jpg または .png 形式である必要があります。 Power Apps の MR コンポーネントでは、Babylon React Native を使用しています。

• プロパティ

  • ソース:データ ソースで、表示する .glb ファイルが認識されます。 MR で表示コンポーネントでは、以下からのモデル読み込みがサポートされています。

    • オブジェクトの幅:表示される画像または 3D コンテンツの幅。

    • オブジェクトの高さ:表示される画像または 3D コンテンツの高さ。

    • オブジェクトの深さ:3D コンテンツの 3 次元の奥行き。

    • 単位:オブジェクトの幅、高さ、奥行きのフィールドに使用する単位。

    • 写真 Mixed Reality セッション中にキャプチャされた画像。

• オブジェクト スケーリングの処理方法

  MR で表示コンポーネントをモデルに配置したときは、モデルの元の寸法が使用されます。 これらの寸法は、オブジェクトの幅、オブジェクトの高さ、オブジェクトの深さというプロパティです。

  スケーリング技法を使用して、モデルのサイズを変更してみましょう。

  • 寸法が定義されていない場合は、モデルが既に想定されるスケールになっているものとして、そのまま変更しません。
  • 1 つの寸法が定義されており、残りが既定値の 0 である場合は、指定された寸法に基づいてオブジェクト全体を拡大縮小します。
  • 2 つの寸法が定義されている場合は、指定された寸法に一致するようにモデルを調整してから、3 つ目の寸法のスケールの平均を求めます。

  たとえば、オブジェクトの高さが 8、オブジェクトの幅が 5、オブジェクトの深さが 3 のモデルがあるとします。 オブジェクトの高さを 24、オブジェクトの幅を 10 に設定し、オブジェクトの深さは未変更のままにします。 高さは 3 だけ増加し、幅は 2 だけ増加しています。 これら 2 つの測定値の平均は 2.5 です。 その後、その量で深さ (奥行) をスケーリングします。 最終的にスケーリングされたモデルは、オブジェクトの高さが 24、オブジェクトの幅が 10、オブジェクトの深さが 7.25 になります。

  • 3 つの寸法がすべて設定されている場合、モデルのサイズを指定と一致させます。

3D で表示

3D モデルをキャンバス アプリに追加できます。 ユーザーは簡単なジェスチャを使用して、3D で表示コンポーネントを使用したモデルの回転とズームを行うことができます。 コンポーネントには既定の図形が含まれています。 Source プロパティを変更すれば、この図形を別のものに変更できます。 ギャラリー コントロールにリンクすることで、1 つの 3D モデルを表示することも、ユーザーがギャラリーから選択できるようにすることもできます。 3D コントロールのビューで使用可能なファイル形式は、.glb、.obj、.stl です。 ユーザーは、任意のファイル形式の 3D モデルを .glb に変換してアプリケーションで使用できます。

3D モデルのギャラリーが必要な場合は、ギャラリーの外部に 3D で表示コンポーネントを配置し、そのソースをギャラリーの指定されたプロパティに設定します。 読み込み時間の短縮に役立つように、3D モデルを Power Apps での使用に合わせて確実に最適化するようにします。 3D で表示コンポーネントを使用して、3D モデルの指定されたポイントにピン (円形のマークとして表示される) を追加できます。