3D アセットの表示

AEM のアセットの詳細ページから、インタラクティブ 3D ビューアを使用できます。このビューアには、3D アセットをオービット、ズームおよびパンできるインタラクティブなカメラコントロールのコレクションが含まれます。

chlimage_1-16

AEM 3D のデフォルトのステージを使用する他に、サードパーティ製アプリケーションで作成して AEM にアップロードしたステージも使用できます。

AEM 3D でのステージの使用を参照してください。

メモ

3D アセットを表示するには、デバイスまたはデスクトップのブラウザーが WebGL に対応している必要があります。また、基盤となるグラフィックハードウェアには、目的のサイズのモデルをレンダリングできるだけの性能とメモリが必要です。

3D アセットを表示する際のパフォーマンスに関する考慮事項

アセットの詳細ページビューで 3D アセットを開くのにかかる時間は、いくつかの要因に依存します。以下の要因が含まれます。

  • サーバーへの帯域幅と遅延。
  • モデルサイズ(面の数)。
  • マップの数とサイズ。
  • ステージの複雑さ。例えば、IBL 画像のサイズなどです。

さらに、カメラをインタラクティブに操作する際に、ワークステーション、ノートパソコン、モバイルタッチデバイスなどのクライアントコンピューターの性能を考慮することも重要です。グラフィック性能に優れ、ある程度パワフルなシステムなら、インタラクティブな 3D 表示をよりスムーズで満足なものにすることができます。

表示3Dアセット:

  1. 3D アセットが AEM にアップロードされていることを確認します。

    AEM での 3D アセットのアップロードと処理を参照してください。

  2. Adobe Experience Manager の​ナビゲーション​ページで「アセット」をタップします。

  3. ページの右上隅付近にある「表示」ドロップダウンリストで「カード表示」をタップします。

  4. 表示する 3D アセットに移動します。

  5. 3D アセットのカードをタップして、アセットの詳細ページで開きます。

  6. 次のいずれかの操作をおこないます。

    • アセットの詳細ページの右下隅にあるカメラコントロールパレットを使用して、アセットの様々な表示を変更します。

      従来の Apple のシングルボタンマウスなど、スクロールホイールのない非接触型入力デバイスを使用している場合は、ズームモードまたはパースペクティブモードでも 3D アセットのズームまたはパースペクティブを変更できます。このアクションは、SHIFT キーを押しながらマウスボタンを押して上または下方向にドラッグすることによって、実行します。

      一般的なノートコンピューターのタッチパッドを使用していると、多くの場合、2 本指を使用したジェスチャでズーム動作またはパースペクティブ動作をコントロールすることは困難です。そのような場合は、SHIFT キーを押しながらアクションを実行します。そうすると、ピンチジェスチャの速度が低下し、必要とする正確なズームレベルまたはパースペクティブを実現しやすくなります。または、SHIFTキーを押しながら1本の指で上下にドラッグして、ズームや遠近法の動作に影響を与えることもできます。

    カメラコントロール名
    説明

    ズーム

    または

    パースペクティブ

    タップまたはクリックしてズームモードとパースペクティブモードを切り替えます。

    または、ALT/OPTION キーを押しながらアクションを実行して、一時的にパースペクティブモードに切り替えます。
    キーを放すとズームモードに戻ります。

    • ズーム — ドリーインおよびドリーアウトの動作で、カメラを表示しているアセットに近づくか遠ざけ
      ます。ズームは、マウスのスクロールホイール(利用可能な場合)、モバイルデバイスでの 2 本の指によるピンチ操作、あるいは Shift キーを押したまま左マウスボタンを使用して上または下にドラッグしたときのデフォルトの動作です。
    • パースペクティブ-表示内のアセットの相対サイズを維持しながら、表示の焦点距離(の場とも呼ばれます)を変更します。パースペクティブは、スクロールホイール(利用可能な場合)、モバイルデバイスでの 2 本の指によるピンチ操作、あるいは Shift キーを押したまま左マウスボタンを使用して上または下にドラッグする動作の代替の動作です。

    オービット

    または

    パン

    タップまたはクリックしてオービットモードとパンモードを切り替えます。

    または、ALT/OPTION キーを押しながらアクションを実行して、一時的にパンモードに切り替えます。キーを放すとオービットモードに戻ります。

    • [軌道]:3Dアセットの中心付近にあるターゲット点を中心とする球上のビューカメラを既定値に移動します。オービットは、モバイルデバイスでの左ボタンドラッグまたはシングルタッチドラッグのデフォルトの動作です。
    • [パン]:ビュー平面内のカメラを移動します。ターゲットポイントはカメラ対応して移動するので、以降のオービットアクションでは、カメラは新しいターゲットポイントを中心として移動します。パンは、左ボタンドラッグおよびシングルタッチドラッグの代替動作です。

    調査

    または

    ターゲット

    タップまたはクリックして調査モードとターゲットモードを切り替えます。

    • Examine-Tapキーを押すか、クリックしてターゲットモードに入ります。
    • ターゲット- 3Dアセットの任意の場所をタップまたはクリックして、アセットのその部分の表示を中央に配置します。
      オービットアクションでは、新しいターゲットポイントが使用されます。
    リセット タップまたはクリックして、視野のターゲットポイントをモデルの中心に戻します。リセットでも、アセット全体を表示したり、適切な表示サイズで表示するために、カメラを近づけたり遠ざけたりします。
  7. アセットの詳細ページの右上隅近くにある​ステージセレクター​アイコンをタップします。 3D アセットに適用する背景とライティングを含むステージ名を選択します。

    ステージは、3Dモデルが表示される環境 — 背景、接地面、照明を提供します。

    AEM 3D でのステージの使用を参照してください。

  8. アセットの詳細ページの右上隅近くにある「カメラセレクター」アイコンをタップし、3Dアセットに適用するカメラ表示を選択します。

    多くの場合、ステージには事前定義済みのカメラが含まれています。現在のカメラを再選択して、事前定義済みの設定に戻すことができます。

    AEM 3D でのステージの使用を参照してください。

  9. ページの右上隅にある「保存」をタップします。

  10. 次のいずれかの操作をおこないます。

    • 3D アセットをレンダリングします。

      3D アセットのレンダリングを参照してください。

    • ページの右上隅にある「閉じる」をタップして、アセットページに戻ります。

このページ