Adobe Experience Managerでの3Dアセットのプレビュー

Adobe Experience Manager では、オーサリングプロセスの一環として、3D アセットのアップロード、配信、インタラクティブプレビューをサポートしています。

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

Experience Managerの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

Experience Managerで3Dアセットをプレビューする際のパフォーマンスに関する考慮事項

アセットの詳細表示ページで 3D アセットを開くときにかかる時間は、帯域幅、画像の複雑さ、サーバーの待ち時間など、いくつかの要因によって異なります。

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

3Dアセットをプレビューするには、Experience Manager:

  1. 3D アセットが Experience Manager にアップロードされていることを確認します。詳しくは、3D プレビューでサポートされるファイル形式アセットのアップロードを参照してください。

  2. Experience Manager の​ナビゲーション​ページで​アセット/ファイル​をタップします。

    ナビゲーションページ

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

    3D カードの選択
    カード表示で、プレビューする 3D アセットのカードをタップ

  4. 3Dアセットのカードをタップします。

    インタラクティブ 3D プレビュー
    アセット詳細表示ページでの 3D アセットのインタラクティブプレビュー

  5. 3D アセットのアセット詳細表示ページで、次のいずれかの操作をおこないます。

    表示 説明 マウス操作 タッチスクリーンアクション
    カメラを回す 3D シーンとオブジェクトの周囲でビューを周回させます。 左クリックしながらドラッグします。 1本指で押しながらドラッグします。
    カメラをパン ビューを左右上下にパンします。 右クリックしながらドラッグします。 2本指で押しながらドラッグします。
    カメラをズーム 3Dシーンの領域の内外を移動します。 ホイールをスクロールします。 2本指でピンチ。
    カメラ視野の中心を変更 3Dシーン内のオブジェクト上の1点をカメラの中心に戻します。 ダブルクリック. ダブルタップ.
    リセット ページの右下隅付近にあるリセットアイコンをタップして、視野のターゲットポイントを3Dアセットの中心に戻します。 リセットを使用しても、アセット全体を表示したり、適切な表示サイズで表示するために、カメラを近づけたり遠ざけたりできます。
    全画面表示モード 全画面表示モードに入るには、ページの右下隅にある全画面表示アイコンをタップします。
  6. 作業が完了したら、ページの右上隅付近にある「閉じる」をタップします。

このページ