Dynamic Media での 3D アセットの使用 working-with-three-d-assets-dm
Dynamic Media を使用すると、3D アセットを、没入感のあるエクスペリエンスとしてアップロード、管理、表示および配信できます。
- 3D アセットをワンクリックで公開（ツールバーの クイック公開 を使用）して URL を生成。
- Adobe Dimension を使用した、高品質でインタラクティブなディメンショナルビューアプリセットで、3D アセットの表示のサポートを最適化。
- 3D メディア WCM コンポーネントによって、Adobe Experience Manager Sites ページに 3D アセットを簡単に追加可能。
Dynamic Media で 3D アセットを使用するために、追加の設定は必要ありません。
Dynamic Media でサポートされる 3D 形式 supported-three-d-file-formats-in-dm
Dynamic Media は、次の 3D ファイル形式をサポートしています。
サポートされる 3D 形式も参照してください。
クイックスタート：Dynamic Media 内の 3D アセット quick-start-three-d
次のワークフローの手順説明は、Dynamic Media - Scene7 モードの 3D アセットをすぐに使い始めることを目的としたものです。
Dynamic Media の 3D アセットを操作する前に、Experience Manager の管理者が既に Dynamic Media - Scene7 モードで Dynamic Media クラウドサービスを有効にして設定を完了していることを確認してください。
「Dynamic Media - Scene7 モードの設定」の Dynamic Media クラウドサービスの設定および Dynamic Media - Scene7 モードのトラブルシューティングを参照してください。
-
3D アセットのアップロード
-
3D アセットの管理
-
3D アセットの整理と検索
-
3D アセットの表示
-
3D アセットメタデータの操作
-
-
3D アセットの公開
3D アセットの表示とインタラクションについて viewing-three-d-assets
この節では、3D アセットの表示および操作を行う 2 つの方法として、アセットの詳細ページ内から行う方法と、Experience Manager Sites の 3D メディアコンポーネント内から行う方法を説明します。
このインタラクティブ 3D ビューアには、3D アセットをオービット、ズームおよびパンできる、インタラクティブなカメラコントロールのコレクションが含まれます。
アセットの詳細ページビューで 3D アセットを開くのにかかる時間は、いくつかの要因に依存します。要因には以下のものが含まれます。
- サーバーの帯域幅
- サーバーの待ち時間
- 画像の複雑さ
さらに、カメラをインタラクティブに操作する際に、ワークステーション、ノートパソコン、モバイルタッチデバイスなどのクライアントコンピューターの性能を考慮することも重要です。グラフィック性能に優れ、ある程度パワフルなシステムなら、インタラクティブな 3D 表示をよりスムーズで満足なものにすることができます。
アセットの詳細ページからの 3D アセットの表示とインタラクション viewing-three-d-assets-from-asset-details-page
ソフトウェアインターフェイスを使用したアセットのプレビュー も参照してください。
アセットの詳細ページから 3D アセットの表示とインタラクションを行うには：
-
3D アセットが Experience Manager にアップロードされていることを確認します。
詳しくは、Dynamic Media で使用する 3D アセットのアップロードを参照してください。
-
Experience Manager の ナビゲーション ページで アセット／ファイル に移動します。
-
ページの右上隅付近にある「表示」ドロップダウンリストで「カード表示」を選択します。
-
表示する 3D アセットに移動します。
-
3D アセットのカードを選択します。
-
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 アセットの中心に戻します。リセットを使用しても、アセット全体を表示したり、適切な表示サイズで表示するために、カメラを近づけたり遠ざけたりできます。 全画面表示モード 全画面表示モードに入るには、ページの右下隅にある全画面表示アイコンを選択します。 -
ページの右上隅にある「閉じる」を選択して、アセットページに戻ります。
3D メディアコンポーネント内の 3D アセットの表示とインタラクション interacting-with-asset-inside-three-d-media-component
Web ページが 編集 モードの場合、3D アセットとのインタラクションは行えません。アセットをインタラクティブにするには、プレビュー 機能を使用して、3D メディアコンポーネントの機能にフルアクセスできるページエディターで Web ページを表示します。
ソフトウェアインターフェイスを使用したアセットのプレビュー も参照してください。
3D メディアコンポーネント内の 3D アセットの表示とインタラクションを行うには：
-
Web ページが 編集 モードの間に、次のいずれかの操作を行います。
- ページ右上付近にある「プレビュー」をクリックして、プレビュー モードに入ります。
- ブラウザーのページ URL から
/editor.htmlを削除します。
プレビュー モードで表示された完全にインタラクティブな 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 アセットの中心に戻します。リセットを使用しても、アセット全体を表示したり、適切な表示サイズで表示するために、カメラを近づけたり遠ざけたりできます。 全画面表示モード 全画面表示モードに入るには、ページの右下隅にある全画面表示アイコンを選択します。
3D メディアコンポーネントの操作について working-with-three-d-media-component
Dynamic Media には、web ページ上で 3D モデルのインタラクティブな表示を実現するために Adobe Experience Manager Sites で使用できる、Dynamic Media 3D メディアコンポーネントが含まれています。
ページテンプレートへの 3D メディアコンポーネントの追加 adding-three-d-media-component-to-page-template
-
ツール／一般／テンプレート に移動します。
-
3D コンポーネントを有効にするページテンプレートに移動し、テンプレートを選択します。
-
「編集」を選択すると、テンプレートを開くことができます。
-
ページの右上付近にあるドロップダウンメニューで、「構造」モードを選択します（まだアクティブでない場合）。
-
「レイアウトコンテナ」領域の空の領域を選択すると、関連するツールバーが開きます。
-
ツールバーで、ポリシー アイコンを選択し、ポリシーエディターを開きます。
-
「プロパティ」セクションの「許可されたコンポーネント」タブで、「Dynamic Media」までスクロールし、リストを展開して、「3D メディア」をチェックします。
-
「完了」を選択して変更を保存し、ポリシーエディター を閉じます。
これで、この Dynamic Media を使用するすべてのページに 3D メディアコンポーネントを配置できます。
Web ページへの 3D メディアコンポーネントの追加 adding-the-three-d-media-component-to-a-web-page
Experience Manager を web コンテンツ管理システムとして使用している場合は、3D メディアコンポーネントを使用して web ページに 3D アセットを追加できます。
ページへの Dynamic Media アセットの追加も参照してください。
Web ページに 3D メディアコンポーネントを追加するには：
-
Experience Manager Sites を開き、Dynamic Media 3D メディアコンポーネントを追加する Web ページを選択します。
-
「編集」（鉛筆）アイコンを選択すると、ページエディターでページを開くことができます。ページの右上付近で 編集 モードが選択されていることを確認します。
-
ツールバーで、サイドパネルアイコンを選択して、パネルの表示を切り替えるか、「オン」にします。
-
サイドパネルで、プラス記号アイコンを選択し、コンポーネント リストを開きます。
-
コンポーネント リストから、3D メディア コンポーネントを、3D ビューアを表示するページ上の場所にドラッグします。
これで、3D アセットをコンポーネントに割り当てる準備が整いました。
詳しくは、3D メディアコンポーネントへの 3D アセットの割り当てを参照してください。
オプション - 3D メディアコンポーネントの設定 configuring-the-three-d-component
-
Experience Manager Sites のページエディターで、前にページに追加した 3D メディアビューア コンポーネントを選択します。
-
「設定」（レンチ）アイコンを選択すると、コンポーネント設定ダイアログボックスを開くことができます。
-
3D メディアダイアログボックスの「ビューアプリセット」ドロップダウンリストで、「ディメンション」を選択して、ディメンショナルビューアプリセットをコンポーネントに割り当てます。
-
右上隅のチェックマークを選択して、変更を保存します。
3D メディアコンポーネントへの 3D アセットの割り当て assigning-a-three-d-asset-to-the-component
Web ページに 3D メディアコンポーネントを追加した後、3D アセットを割り当てることができます。
Web ページへの 3D メディアコンポーネントの追加を参照してください。
3D メディアコンポーネントに 3D アセットを割り当てるには：
-
Experience Manager Sites のページエディターで、「アセット」アイコンをクリックして、サイドパネルの「アセット」を開きます。
-
ドロップダウンリストで、「3D」を選択して 3D アセットファイルタイプのみを表示します。
-
サイドパネルで、編集中のページに表示する 3D アセットを検索するか、スクロールして見つけます。
-
3D アセットを Assets サイドパネルからドラッグし、前にページに追加した 3D メディア コンポーネントにドロップします。
静的 Dynamic Media 3D アセットの公開 publishing-three-d-assets
Dynamic Media では、Dynamic Media で 静的コンテンツ としてサポートされる様々な 3D ファイル形式を使用できます。静的コンテンツとは、3D アセットをアップロードして公開することはできるものの、3D アセットに関連付けられた 変数イメージング や画像の再調整はサポートされていないことを意味します。これは、Dynamic Media Imaging サーバーが 3D 形式を認識しないためです。したがって、Dynamic Media で 3D アセットを公開すると、インスタント URL をコピーできます。3D アセットの URL は、通常の Dynamic Media の URL 構造に従います。ただし、Dynamic Media 内の従来の画像アセットとは異なり、アセットの URL 内のパラメーターは編集できません。
静的アセットの URL の取得 も参照してください。
カード表示 で、アセット名のすぐ下、アセットが発行されたことを示す日時の左側に、小さな地球アイコンが表示されます。リスト表示 では、公開されたアセットと公開されていないアセットが「公開」列でわかります。
Experience Manager を WCM として使用している場合は、この公開方法を使用して、Dynamic Media 3D アセットを web ページに直接追加します。
Dynamic Media アセットの公開 も参照してください。
ページの公開 も参照してください。
静的 Dynamic Media 3D アセットを公開するには：
-
3D アセット（GLB、OBJ または STL ファイル形式）を開くと、アセットの詳細ページに表示できます。
-
ツールバーの「クイック公開」を選択します。
-
「閉じる」を選択してダイアログボックスを終了し、アセットの詳細ページに戻ります。
-
3D アセットのファイル名の左にあるドロップダウンリストから、「レンディション」を選択します。
-
「オリジナル」を選択します。3D アセットが公開（「アクティブ化」）されると、次の 3D アセットの条件がすべて満たされた場合、「URL」ボタンがページの左下隅近くに表示されます。
- 3D アセットがサポートされている形式（GLB、OBJ、STL、USDZ）。
- 3D アセットが Dynamic Media 画像制作システム（IPS）に取り込まれている。
- 3D アセットが公開されている。
-
「URL」を選択すると、3D アセットのダイレクト実稼動 URL を表示できます。この URL は、コピーして web ページで使用できます。
ディメンショナルビューアを使用した、Dynamic Media 3D アセットの代替の公開方法 alternate-publish-methods
Experience Manager を WCM として使用して いない 場合は、次の 2 つの方法で Dynamic Media 3D アセットを公開します。
-
URL - サードパーティの Web コンテンツ管理システムを使用していて、ディメンショナルビューアを使用して Dynamic Media 3D アセットを Web ページにリンクする場合は、「URL」を使用します。
Web アプリケーションへの URL のリンクを参照してください。
-
埋め込み - Web ページに埋め込まれた Dynamic Media 3D アセットをディメンショナルビューアで表示する場合は、「埋め込み」を使用します。埋め込みコードをクリップボードにコピーして、Web ページに貼り付けることができます。埋め込み ダイアログボックスでは、コードの編集はできません。
Web ページへの Dynamic Media ビデオ、画像ビューア、またはディメンショナルビューアの埋め込みを参照してください。