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

バージョン
記事リンク
AEM 6.5
ここをクリックしてください
AEM as a Cloud Service
この記事

Experience Manager Assets は、3D アセットの取り込み、管理、プレビュー、配信をサポートしています。

自動的に生成されたサムネールレンディションまたはインタラクティブ 3D ビューアーを使用して、3D アセットをプレビューできます。Experience Manager のアセットの詳細ページから、インタラクティブ 3D ビューアを使用できます。このビューアーには、3D アセットを回転、ズーム、パンできるインタラクティブなカメラコントロールのコレクションなどが含まれます。

Experience Manager のサムネールプレビューでサポートされる形式 supported-thumbnail-previewing-assets

Experience Managerは、デフォルトで次のファイル形式のサムネールを生成します。

3D ファイル拡張子
ファイル形式
MIME タイプ
備考
GLB
バイナリ GL 伝送
model/gltf-binary
FBX
Autodesk FBX
application/octet-stream
OBJ
WaveFront 3D オブジェクトファイル
application/x-tgif
3DS
3D スタジオモデル
application/x-3ds
USDz
ユニバーサルシーンの説明
model/vnd.usdz+zip

Experience Manager のインタラクティブ 3D プレビューでサポートされる形式 supported-3d-previewing-assets

Experience Managerは、次のファイル形式のインタラクティブ 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
NOTE
gLTF モデルのプレビューでマテリアルがレンダリングされない場合は、次のように、マテリアルに適切に名前を付け、モデルと同じルートフォルダー内の textures フォルダーにマテリアルを格納してください。
Asset(フォルダー)
model.gltf
model.bin
textures(フォルダー)
material_0_baseColor.jpeg
material_0_normal.jpeg

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

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

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

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

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

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

    ナビゲーションページ

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

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

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

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

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

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

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab