Dynamic Media を使用すると、3D アセットを、没入感のあるエクスペリエンスとしてアップロード、管理、表示および配信できます。
Dynamic Media で 3D アセットを使用するときに、追加のインストールは必要ありません。
Dynamic Media は、次の 3D ファイル形式をサポートしています。
3D ファイル拡張子 | ファイル形式 | MIME タイプ | 備考 |
---|---|---|---|
GLB | バイナリ GL 伝送 | model/gltf-binary | マテリアルとテクスチャを単一のアセットとして含めます。 |
OBJ | WaveFront 3D オブジェクトファイル | application/x-tgif | |
STL | ステレオリソグラフィ | application/vnd.ms-pki.stl | |
USDZ | 汎用シーン記述 Zip アーカイブ | model/vnd.usdz+zip | 取り込みのみサポート。表示やインタラクションは利用不可。 USDZ は独自の 3D 形式で、Safari や iOS でネイティブに表示できます。 |
次のワークフローの手順説明は、Dynamic Media 内の 3D アセットをすぐに使い始めることを目的としたものです。
Dynamic Mediaで3Dアセットを操作する前に、Experience Manager管理者がDynamic MediaCloud Servicesを有効にして設定していることを確認してください。
詳しくは、Dynamic Media Cloud Services の設定を参照してください。
3D アセットのアップロード
3D アセットの管理
3D アセットの整理と検索
3D アセットの表示
3D アセットメタデータの操作
3D アセットの公開
この節では、3D アセットの表示およびインタラクション方法を、アセットの詳細ページ内から、または Sites の 3D メディアコンポーネント内からの 2 通り説明します。
このインタラクティブ 3D ビューアには、3D アセットをオービット、ズームおよびパンできる、インタラクティブなカメラコントロールのコレクションが含まれます。
アセットの詳細ページビューで 3D アセットを開くのにかかる時間は、いくつかの要因に依存することに注意します。以下の要因が含まれます。
さらに、カメラをインタラクティブに操作する際に、ワークステーション、ノートパソコン、モバイルタッチデバイスなどのクライアントコンピューターの性能を考慮することも重要です。グラフィック性能に優れ、ある程度パワフルなシステムなら、インタラクティブな 3D 表示をよりスムーズで満足なものにすることができます。
ディメンショナルビューアプリセットをビューアプリセットエディターで開いて、3D ファイルをアップロードせずに 3D アセット内を移動する練習ができます。ディメンショナルビューアプリセットには、操作できる組み込みの 3D アセットがあります。
詳しくは、ビューアプリセットの管理を参照してください。
ソフトウェアインターフェイスを使用したアセットのプレビューも参照してください。
アセットの詳細ページから 3D アセットの表示とインタラクションをおこなうには
3DアセットがExperience Managerにアップロードされたことを確認します。
詳しくは、Dynamic Media で使用する 3D アセットのアップロードを参照してください。
Experience Managerのナビゲーションページで、アセット/ファイルをタップします。
ページの右上隅付近にある「表示」ドロップダウンリストで「カード表示」をタップします。
表示する 3D アセットに移動します。
3D アセットのカードをタップして、アセットの詳細ページで開きます。
3D アセットの詳細表示ページで、次のいずれかの操作をおこないます。
ページの右上隅にある「閉じる」をタップして、アセットページに戻ります。
Web ページが編集モードの場合、3D アセットとのインタラクションはおこなえません。アセットをインタラクティブにするには、プレビュー機能を使用して、3D メディアコンポーネントの機能にフルアクセスできるページエディターで Web ページを表示します。
このタスクは、3D メディアコンポーネントを Web ページに追加し、3D アセットをコンポーネントに割り当てた後にのみ実行できます。詳しくは、Web ページへの 3D メディアコンポーネントの追加および 3D メディアコンポーネントへの 3D アセットの割り当てを参照してください。
ソフトウェアインターフェイスを使用したアセットのプレビューも参照してください。
3D メディアコンポーネント内の 3D アセットの表示とインタラクションをおこなうには
Web ページが編集モードの間に、次のいずれかの操作をおこないます。
/editor.html
を削除します。プレビューモードで表示された完全にインタラクティブな 3D アセット
プレビューモードで表示された完全にインタラクティブな 3D アセット。
プレビューモードの間に、次のいずれかの操作をおこないます。
Dynamic MediaにはDynamic Media3Dメディアコンポーネントが含まれており、このコンポーネントをExperience Managerサイトで使用して、Webページ上で3Dモデルをインタラクティブに表示できます。
ツール/一般/テンプレートに移動します。
3D コンポーネントを有効にするページテンプレートに移動し、テンプレートを選択します。
「編集」をタップしてテンプレートを開きます。
ページの右上付近にあるドロップダウンメニューで、「構造」モードを選択します(まだアクティブでない場合)。
「レイアウトコンテナ」領域の空の領域をタップして選択し、関連するツールバーを開きます。
ツールバーで、ポリシーアイコンをタップし、ポリシーエディターを開きます。
「プロパティ」セクションの「許可されたコンポーネント」タブで、「Dynamic Media」までスクロールし、リストを展開して、「3D メディア」をチェックします。
「完了」をタップして変更を保存し、ポリシーエディターを閉じます。
これで、この Dynamic Media を使用するすべてのページに 3D メディアコンポーネントを配置できます。
Web コンテンツ管理システムとして Adobe Experience Manager を使用している場合は、3D メディアコンポーネントを使用して Web ページに 3D アセットを追加できます。
ページへの Dynamic Media アセットの追加も参照してください。
Experience Managerサイトを開き、Dynamic Media3Dメディアコンポーネントを追加するWebページを選択します。
編集(鉛筆)アイコンをタップして、ページをページエディターで開きます。ページの右上付近の編集モードが選択されていることを確認します。
ツールバーで、サイドパネルアイコンをタップして、パネルの表示を切り替えるか、「オン」にします。
サイドパネルで、プラス記号アイコンをタップし、コンポーネントリストを開きます。
コンポーネントリストから、3D メディアコンポーネントを、3D ビューアを表示するページ上の場所にドラッグします。
これで、3D アセットをコンポーネントに割り当てる準備が整いました。
詳しくは、3D メディアコンポーネントへの 3D アセットの割り当てを参照してください。
Experience Managerサイトページエディターで、前にページに追加した3Dメディアビューアコンポーネントを選択します。
設定アイコン(レンチ)をタップして、コンポーネント設定ダイアログボックスを開きます。
3D メディアダイアログボックスの「ビューアプリセット」ドロップダウンリストで、「ディメンション」を選択して、ディメンショナルビューアプリセットをコンポーネントに割り当てます。
右上隅のチェックマークをタップして、変更を保存します。
Web ページに 3D メディアコンポーネントを追加した後、3D アセットを割り当てることができます。
Web ページへの 3D メディアコンポーネントの追加を参照してください。
Experience Managerサイトページエディターで、アセットアイコンをクリックし、サイドパネルのアセットを開きます。
ドロップダウンリストで、「3D」を選択して 3D アセットファイルタイプのみを表示します。
サイドパネルで、編集中のページに表示する 3D アセットを検索するか、スクロールして見つけます。
3D アセットを Assets サイドパネルからドラッグし、前にページに追加した 3D メディアコンポーネントにドロップします。
WebページがExperience Managerサイト編集モードの間、3Dメディアコンポーネントは3Dアセットを表示しますが、アセットとのやり取りは不可能です。 アセットをインタラクティブにするには、プレビュー機能を使用して、3D メディアコンポーネントの機能にフルアクセスできるページエディターで Web ページを表示します。
Dynamic Media は、Dynamic Media で静的コンテンツとしてサポートされる様々な 3D ファイル形式を受け入れます。静的コンテンツとは、3D アセットをアップロードして公開することはできますが、3D アセットに関連付けられた Dynamic Imaging や画像の再編集はサポートされていないことを意味します。これは、Dynamic Media Imaging サーバーが 3D 形式を認識しないためです。したがって、Dynamic Media で 3D アセットを公開すると、インスタント URL をコピーできます。3D アセットの URL は、通常の Dynamic Media の URL 構造に従います。ただし、Dynamic Media 内の従来の画像アセットとは異なり、アセットの URL 内のパラメーターは編集できません。
静的アセットの URL の取得も参照してください。
カード表示で、アセット名のすぐ下、アセットが発行されたことを示す日時の左側に、小さな地球アイコンが表示されます。リスト表示では、公開されたアセットと公開されていないアセットが「公開」列でわかります。
WCMとしてExperience Managerを使用している場合は、この公開方法を使用して、Dynamic Media3DアセットをWebページに直接追加します。
Dynamic Media アセットの公開も参照してください。
ページの公開も参照してください。
静的 Dynamic Media 3D アセットを公開するには
3D アセット(GLB、OBJ、または STL ファイル形式)を開き、アセットの詳細ページに表示します。
ツールバーの「クイック公開」をタップします。
「閉じる」をタップしてダイアログボックスを終了し、アセットの詳細ページに戻ります。
3D アセットのファイル名の左にあるドロップダウンリストから、「レンディション」をタップします。
「オリジナル」をタップします。3D アセットが公開(「アクティブ化」)されると、次の 3D アセットの条件がすべて満たされた場合、URL ボタンがページの左下隅近くに表示されます。
「URL」をタップして 3D アセットのダイレクト実稼動 URL を表示し、Web ページにコピーして使用できます。
Experience ManagerをWCMとして使用しない場合は、次の2つの方法でDynamic Media3Dアセットをパブリッシュします。
URL - サードパーティの Web コンテンツ管理システムを使用していて、ディメンショナルビューアを使用して Dynamic Media 3D アセットを Web ページにリンクする場合は、URL を使用します。
Web アプリケーションへの URL のリンクを参照してください。
埋め込み - Web ページに埋め込まれた Dynamic Media 3D アセットをディメンショナルビューアで表示する場合、「埋め込み」を使用します。埋め込みコードをクリップボードにコピーして、Web ページに貼り付けることができます。埋め込みダイアログボックスでは、コードの編集はできません。
Web ページへの Dynamic Media ビデオ、画像ビューア、またはディメンショナルビューアの埋め込みを参照してください。