3D モデルビューア コンポーネントと 3D エディタ

名前

3D モデルビューア コンポーネントの名前。

3D アセットの GLB ソースファイル。アセット ファイルのサイズは 3 MB 以下にする必要があります。

詳細なガイドラインについては、3D アセットガイドをご覧ください。また、GLB ファイルが有効であることを確認するには、Khronos glTF Validator を使用してください。

ジェスチャー キューのアイコン

3D モデル上にジェスチャー キューのアイコンを表示して、ユーザーにモデルの操作を促すことができます。ジェスチャー キューは、アニメーションの時間制限まで小さく動いてユーザーの注意を引き、ユーザーがモデルを操作し始めると消えます。動的データにバインドできます。

ジェスチャー キューのテキスト

ジェスチャー キューのアイコンの下に表示するテキスト。ジェスチャー キューのアイコンが指定されている場合にのみ、適用されます。動的データにバインドできます。

アニメーションの時間制限を設定

このチェックボックスをオンにすると、ジェスチャー キューのアニメーションの時間制限を秒単位で設定できます。動的データにバインドできます。

3D モデルの GLB ソースファイル。

このフィールドは読み取り専用です。ソースファイルを変更するには、3D エディタ ダイアログを終了し、[プロパティ] パネルでコンポーネントの [ソース] プロパティを編集します。

詳細

サイズ - ソースファイルのサイズ。

マテリアル

一度に 1 つのマテリアルを設定できます。

• 選択済み - その 3D モデルに使用されているすべてのマテリアルがこのプルダウンに表示されます。表示または編集するマテリアルを選択します。

ベースカラー

現在のマテリアルに使用する開始時の色とテクスチャ。

メタリック / ラフ

メタリックとラフのプロパティによって、マテリアルが光をどのように反射するかが決まります。

• テクスチャ - テクスチャを選択して、マテリアルのどの部分がメタリックかを示します。
• メタリック - マテリアルのメタリック度合いを示す 0～1 の値。メタリック度合いが高いほど環境光を反射します。
• ラフ - マテリアルのマット度合いを示す 0～1 の値。反射の鮮明さに影響します。0 は完全な反射、1 は完全なマットを示します。

標準の地図

テクスチャを選択して、マテリアルに凹凸や表面のディテールを追加します。

発光色

マテリアルからの発光を表現する色とテクスチャを選択します。

オクルージョン

環境光による影を表現するテクスチャを選択します。

マテリアルのその他のオプションを設定します。

• 両側 - このマテリアルを両面として扱う場合は、このチェックボックスをオンにします。
• アルファ ブレンド - テクスチャのアルファ値（透明度）の処理方法を選択します。
  • 不透明 - アルファ値は無視され、テクスチャは常に完全な不透明になります。
  • ブレンド - 0～1 の間のアルファ値は半透明です。
  • マスク - テクスチャの各部分は、アルファ値と指定したアルファ カットオフ値との比較により、完全な不透明または完全な透明になります。アルファ値がカットオフ値よりも高い場合に不透明として扱われます。

画像 - 背景として使用する画像または環境（HDR ファイル）を選択します。動的データにバインドできます。

環境光（HDR）

画像ベースの光を使用して、現実の環境に基づくきめ細かい環境光を提供できます。

• 画像 - 使用する HDR 形式のパノラマ画像を選択します。動的データにバインドできます。
• 露出 - 露光レベル。
• 影の強さ - 影の不透明度。
• 影のぼかし - 影のぼかし度合い。

アニメーション

GLB ソースファイルにアニメーションが含まれている場合は、アニメーションを自動再生に設定できます。現在のところ、3D エディタはアニメーションの作成をサポートしていません。

• デフォルト - デフォルトとして使用する既存のアニメーションを選択します。
• 自動再生 - コンポーネントの読み込み時にデフォルトのアニメーションの再生を開始するには、このチェックボックスをオンにします。
• アニメーションの時間制限を設定 - このチェックボックスをオンにして、アニメーションが自動的に一時停止するまでの秒数を入力します。

最初のカメラビュー

コンポーネントが読み込まれた際のカメラ設定を指定します。カメラの回転の制限とズームの制限について以下の設定が適用されます。

• ヨー - 垂直軸を中心としたカメラの回転角度（度）。
• 傾斜 - 水平軸を中心としたカメラの回転角度（度）。
• ズーム - カメラのビューとモデルとの近さ。
• 現在のカメラビューを最初のカメラビューにする - 3D エディタ ダイアログのプレビューでカメラビューを調整してからこのボタンをクリックすると、そのカメラビューを最初のカメラビューとして使用できます。

軌道の軸

軌道の軸とは、カメラの回転の中心となる 3D 空間内の点です。デフォルトでは、3D モデルの中心に設定されています。

• X - 軌道の軸の X 座標。
• Y - 軌道の軸の Y 座標。
• Z - 軌道の軸の Z 座標。
• リセット - 軌道の軸の座標をデフォルトに戻します。

視野

カメラの垂直視野。

• 角度 - 1～179 度の角度。

ユーザー操作によるモデルの回転範囲を制限する場合は、[ヨー] または [傾斜] のチェックボックスをオンにして、角度の最小値と最大値を設定します。

• ヨー（横方向） - 垂直軸を中心としてカメラを回転できる範囲。
• 傾斜（上下） - 水平軸を中心としてカメラを回転できる範囲。

カメラのズームの制限

• タイプ - ユーザー操作によるズームの範囲に制限をかけるかどうかを選択します。
  • カメラ距離（制限なし） - 制限をかけません。これがデフォルトの設定です。
  • カメラ距離（制限あり） - 最小距離と最大距離を設定します。[最小] ズームレベルは、[最大] ズームレベルよりも小さい値に設定する必要があります。
  • カメラ距離（固定） - ユーザーはズームレベルを変更できません。[最小] ズームレベルと [最大] ズームレベルを同じ値に設定する必要があります。

ホットスポット

ホットスポットとは、ユーザーによる操作が可能な 3D モデル上の点のことです。ホットスポットがクリックされたときに、情報カードの表示、またはイベントの起動を行えます。

• ホットスポットを追加 - ホットスポットを新規作成します。このボタンを選択した後、ホットスポットを設定する 3D モデル上の点をクリックします。ホットスポットは、以下の項目をカスタマイズできます。
• 名前 - ホットスポットの名前。ホットスポットを削除するには、ホットスポット名の横にある削除アイコン をクリックします。
• 情報カード - ホットスポットがクリックされたときに情報カードを表示するかどうか。
  • なし - 情報カードを表示しません。
  • 情報カード - 情報カードを表示します。
• タイトル - 情報カードに表示するタイトル。動的データにバインドできます。
• 説明 - 情報カードに表示するテキスト。動的データにバインドできます。

画像

さまざまな状態用の画像を指定して、ホットスポットの外観をカスタマイズできます。すべてのホットスポットが同じ画像のセットを使用します。

• アップ - ユーザーがホットスポットを操作していないときに使用するデフォルトの画像。
• ダウン - ユーザーがホットスポットをクリックしたときに使用する画像。
• オーバー - ユーザーがホットスポットにカーソルを合わせたときに使用する画像。
• サイズ - ホットスポットの幅と高さ。

情報カードのスタイル

情報カードの外観は、色を設定することでカスタマイズできます。

• フォントの色 - 情報カードのタイトルとテキストの色。
• 背景色 - 情報カードの背景の色。
• ボーダーの色 - 情報カードのボーダーの色。