バージョン | 記事リンク |
---|---|
AEM as a Cloud Service | ここをクリックしてください |
AEM 6.5 | この記事 |
Adobe Experience Manager では、オーサリングプロセスの一環として、3D アセットのアップロード、配信、インタラクティブプレビューをサポートしています。
Experience Manager のアセットの詳細ページから、インタラクティブ 3D ビューアを使用できます。このビューアには、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
アセットの詳細表示ページで 3D アセットを開くときにかかる時間は、帯域幅、画像の複雑さ、サーバーの待ち時間など、いくつかの要因によって異なります。
さらに、カメラをインタラクティブに操作する際に、ワークステーション、ノート型コンピューター、モバイルタッチデバイスなどのクライアントコンピューターの性能を考慮することも重要です。グラフィック性能に優れ、ある程度パワフルなシステムなら、インタラクティブな 3D 表示をよりスムーズで満足なものにすることができます。
Experience Manager で 3D アセットをプレビューするには:
3D アセットが Experience Manager にアップロードされていることを確認します。詳しくは、3D プレビューでサポートされるファイル形式とアセットのアップロードを参照してください。
Experience Manager のナビゲーションページでアセット/ファイルを選択します。
ページの右上隅付近にある「表示」ドロップダウンリストで「カード表示」を選択し、プレビューする 3D アセットに移動します。
カード表示で、プレビューする 3D アセットのカードを選択
3D アセットのカードを選択します。
アセット詳細表示ページでの 3D アセットのインタラクティブプレビュー
3D アセットのアセット詳細表示ページで、次のいずれかの操作を行います。
表示 | 説明 | マウス操作 | タッチスクリーン操作 |
---|---|---|---|
カメラを回転 | 3D シーンとオブジェクトの周囲でビューを周回させます。 | 左クリックしながらドラッグします。 | 1 本指で押しながらドラッグします。 |
カメラをパン | ビューを左、右、上、下にパンします。 | 右クリックしながらドラッグします。 | 2 本指で押しながらドラッグします。 |
カメラをズーム | 3D シーンの領域の内外に移動します。 | ホイールをスクロールします。 | 2 本指でピンチします。 |
カメラを中心に戻す | カメラを中心の位置に戻し、3D シーンのオブジェクトに合わせます。 | ダブルクリックします。 | ダブルタップします。 |
リセット | ページの右下隅付近にあるリセットアイコンを選択して、視野のターゲットポイントを 3D アセットの中心に戻します。リセットを使用しても、アセット全体を表示したり、適切な表示サイズで表示するために、カメラを近づけたり遠ざけたりできます。 | ||
全画面表示モード | フルスクリーンモードに入るには、ページの右下隅にあるフルスクリーンアイコンを選択します。 |
作業が完了したら、ページの右上隅付近にある「閉じる」を選択します。