Show Menu
トピック×

AEMでの3Dアセットのプレビュー

Adobe Experience Managerは、オーサリングプロセスの一環として、3Dアセットのアップロード、配信、およびインタラクティブプレビューをサポートしています。
AEM のアセットの詳細ページから、インタラクティブ 3D ビューアを使用できます。このビューアには、3D アセットをオービット、ズームおよびパンできるインタラクティブなカメラコントロールのコレクションが含まれます。

AEMでサポートされる3Dプレビューの形式

インタラクティブ 3D プレビューでは、次のファイル形式をサポートしています。
3D ファイル拡張子
ファイル形式
MIME タイプ
備考
GLB
バイナリ GL 伝送
model/gltf-binary
GLTF
GL 伝送形式
model/gltf+json
下記の​ 備考 ​を参照。
OBJ
WaveFront 3D オブジェクトファイル
application/x-tgif
STL
ステレオリソグラフィ
application/vnd.ms-pki.stl
DN
Adobe Dimension
model/x-adobe-dn
取り込みのみサポート。プレビューは使用できません。
USDZ
汎用シーン記述 Zip アーカイブ
model/vnd.usdz+zip
取り込みのみサポート。プレビューは使用できません。
注意 :gLTF モデルのプレビューでマテリアルがレンダリングされない場合は、次のように、マテリアルに適切に名前を付け、モデルと同じルートフォルダー内の textures フォルダーにマテリアルを格納してください。
Asset(フォルダー)
    model.gltf
    model.bin
    textures(フォルダー)
    material_0_baseColor.jpeg
    material_0_normal.jpeg

Performance considerations when you preview 3D assets in AEM

アセットの詳細表示ページで 3D アセットを開くときにかかる時間は、帯域幅、画像の複雑さ、サーバーの待ち時間など、いくつかの要因によって異なります。
さらに、カメラをインタラクティブに操作する際に、ワークステーション、ノートパソコン、モバイルタッチデバイスなどのクライアントコンピューターの性能を考慮することも重要です。グラフィック性能に優れ、ある程度パワフルなシステムなら、インタラクティブな 3D 表示をよりスムーズで満足なものにすることができます。
AEMで3Dアセットをプレビューするには
  1. 3D アセットが AEM にアップロードされていることを確認します。詳しくは、 3D プレビューでサポートされるファイル形式 アセットのアップロード を参照してください。
  2. From AEM, on the Navigation page, tap Assets > Files.
  3. ページの右上隅付近にある「表示」ドロップダウンリストで「 カード表示 」をタップし、プレビューする 3D アセットに移動します。
    カード表示で、プレビューする 3D アセットのカードをタップ
  4. 3D アセットのカードをタップして、アセットの詳細表示ページで開きます。
    アセット詳細表示ページでの 3D アセットのインタラクティブプレビュー
  5. 3D アセットのアセット詳細表示ページで、次のいずれかの操作をおこないます。
    • カメラを回転 - 3D シーンとオブジェクトの周りを回転します。
      • マウス :左クリックしながらドラッグします。
      • タッチスクリーン :1 本指で押しながらドラッグします。
    • カメラをパン - ビューを左右上下にパンします。
      • マウス :右クリックしながらドラッグします。
      • タッチスクリーン :2 本指で押しながらドラッグします。
    • カメラをズーム - 3D シーンの領域をズームインまたはズームアウトします。
      • マウス :ホイールをスクロールします。
      • タッチスクリーン :2 本指でピンチします。
    • カメラ視野の中心を変更 - 3D シーン内のオブジェクト上の 1 点をカメラ視野の中心に配置します。
      • マウス :ダブルクリックします。
      • タッチスクリーン :ダブルタップします。
    • リセット - ページの右下隅付近にあるリセットアイコンをタップして、視野のターゲットポイントを 3D アセットの中心に戻します。リセットを使用しても、アセット全体を表示したり、適切な表示サイズで表示するために、カメラを近づけたり遠ざけたりできます。
    • 全画面表示モード - 全画面表示モードに入るには、ページの右下隅にある全画面表示アイコンをタップします。
  6. When you are finished, near the upper-right corner of the page, tap Close.