在Dynamic Media中使用3D資產

Dynamic Media可讓您上傳、管理、檢視及傳遞3D資產,盡享沈浸式體驗。

  • 按一下發佈(使用工具列上的​快速發佈)3D資產以產生URL。
  • 使用Adobe Dimension提供的高品質互動式維度檢視器預設集,最佳化支援檢視3D資產。
  • 3D Media WCM元件可讓您輕鬆將3D資產新增至Adobe Experience Manager Sites頁面。

在Dynamic Media中使用3D資產不需要額外設定。

3d鞋

Dynamic Media支援3D格式

Dynamic Media支援下列3D格式。

另請參閱支援的3D格式

3D檔案副檔名 檔案格式 MIME類型 附註
GLB 二進位GL傳輸 模型/gltf二進位 將材料和紋理作為單一資產包含。
OBJ WaveFront 3D對象檔案 application/x-tgif
STL 光固化成形 application/vnd.ms-pki.stl
USDZ 通用場景描述Zip封存 model/vnd.usdz+zip 僅支援擷取;沒有可用的檢視或互動。 USDZ是專屬的3D格式,可由Safari和iOS裝置原生檢視。

快速入門:Dynamic Media3D資產

下列逐步工作流程說明旨在協助您在Dynamic Media - Scene7模式中快速上手並執行3D資產。

重要

Dynamic Media — 混合模式不支援3D資產。

在Dynamic Media中處理3D資產之前,請確定您的Experience Manager管理員已在Dynamic Media - Scene7模式中啟用並設定Dynamic MediaCloud Services。

請參閱「設定Dynamic Media - Scene7模式」和「疑難排解Dynamic Media - Scene7模式」中的「 設定Dynamic MediaCloud Services」。

  1. 上傳3D資產

  2. 管理3D資產

  3. 發佈3D資產

關於檢視與與3D資產互動

本節說明如何以兩種不同的方式檢視及與3D資產互動:從資產詳細資訊頁面內和Sites的3D媒體元件內。

互動式3D檢視器除其他外,還包含一系列互動式相機控制項,可讓您環繞、縮放和平移3D資產。

在「資產詳細資料」頁面檢視中開啟3D資產所花的時間,取決於數個因素。 這些因素包括:

  • 到伺服器的頻寬。
  • 伺服器延遲
  • 影像的複雜性。

此外,在交互操作攝像機時,客戶端電腦(如工作站、筆記型電腦或移動觸摸設備)的功能也很重要。 具有良好圖形功能的強大系統可讓互動式3D觀看體驗更流暢、更有利。

秘訣

您可以在檢視器預設集編輯器中開啟維度檢視器預設集,以練習導覽3D資產,而不需先上傳任何3D檔案。 「維度」檢視器預設集內建3D資產,供您互動。

請參閱管理檢視器預設集

從資產詳細資訊頁面檢視3D資產並與之互動

另請參閱使用軟體介面預覽資產

若要從資產詳細資訊頁面檢視3D資產並與之互動:

  1. 請確定您已將3D資產上傳至Experience Manager。

    請參閱上傳您的3D資產以用於Dynamic Media

  2. 從Experience Manager,在​導航​頁上,轉至​資產 > 檔案

  3. 在頁面的右上角附近,從​View​下拉式清單中,選擇​Card View

  4. 導覽至您要檢視的3D資產。

  5. 選取3D資產的卡片。

  6. 在3D資產的詳細資訊檢視頁面上,執行下列任一操作:

    檢視 說明 滑鼠動作 觸控式螢幕動作
    轉動你的相機 使檢視畫面在 3D 場景和物件周圍環繞 按一下左鍵+拖曳。 用單指按+拖動。
    平移您的相機 向左、向右、向上或向下平移視圖。 按一下右鍵+拖動。 用雙指按+拖。
    縮放您的相機 移入和移出3D場景中的區域。 滾輪。 雙指夾。
    重新輸入您的相機 將相機重新輸入到3D場景中某個對象上的某個點。 按兩下。 按兩下。
    重設 在頁面的右下角附近,選取「重設」圖示,將檢視目標點還原到3D資產的中央。 重置還使相機更近或更遠地移開,以便以合理的觀看大小顯示資產的整體。
    全螢幕模式 若要進入全螢幕模式,請在頁面的右下角,選取全螢幕圖示。
  7. 在頁面的右上角,選取​Close​以返回「資產」頁面。

在3D媒體元件內檢視3D資產並與之互動

當網頁處於​Edit​模式時,不能與3D資產進行互動。 若要讓資產互動式,您可以使用​預覽​功能,在頁面編輯器中檢視網頁,且可完整存取3D媒體元件的功能。

重要

只有在將3D媒體元件新增至網頁並將3D資產指派至元件後,才能完成此工作。 請參閱將3D媒體元件添加到網頁將3D資產分配給3D媒體元件

另請參閱使用軟體介面預覽資產

若要在3D媒體元件內檢視3D資產並與之互動:

  1. 當網頁處於​Edit​模式時,執行下列任一操作:

    • 在頁面的右上方附近,選擇​Preview​以進入​Preview​模式。
    • 從瀏覽器的頁面URL中刪除/editor.html

完全互動的3D資產,如 顯示在3D媒體元件內的3D資
產:完全互動的3D資產,如預覽模 ​式所示。

  1. 在​預覽​模式中,執行下列任一操作:

    檢視 說明 滑鼠動作 觸控式螢幕動作
    轉動你的相機 使檢視畫面在 3D 場景和物件周圍環繞 按一下左鍵+拖曳。 用單指按+拖動。
    平移您的相機 向左、向右、向上或向下平移視圖。 按一下右鍵+拖動。 用雙指按+拖。
    縮放您的相機 移入和移出3D場景中的區域。 滾輪。 雙指夾。
    重新輸入您的相機 將相機重新輸入到3D場景中某個對象上的某個點。 按兩下。 按兩下。
    重設 在頁面的右下角附近,選取「重設」圖示,將檢視目標點還原到3D資產的中央。 重置還使相機更近或更遠地移開,以便以合理的觀看大小顯示資產的整體。
    全螢幕模式 若要進入全螢幕模式,請在頁面的右下角,選取全螢幕圖示。

關於使用3D媒體元件

Dynamic Media包含Dynamic Media 3D媒體元件,可在Adobe Experience Manager Sites中使用,以互動式檢視網頁上的3D模型。

將3D媒體元件新增至頁面範本

  1. 導覽至​工具 > 一般 > 範本

  2. 導航到要在中啟用3D元件的頁面模板,然後選擇該模板。

  3. 選擇​Edit​以開啟模板。

  4. 在頁面右上方附近,在下拉式選單中,選取​結構​模式(如果尚未啟用)。

    3d-media-component-structure

  5. 在​佈局容器​區域中選擇一個空區域,以便您選擇它並開啟它的關聯工具欄。

  6. 在工具欄上,選擇​Policy​表徵圖以開啟​Policy Editor

  7. 在​Properties​區段中,在​Allowed Components​標籤下,捲動至​Dynamic Media,然後展開清單並檢查​3D Media

  8. 選擇​Done​以保存更改並關閉​策略編輯器

    您現在可以將Dynamic Media 3D媒體元件放置在使用此範本的所有頁面上。

在網頁上新增3D媒體元件

如果您使用Experience Manager作為網頁內容管理系統,則可以通過3D媒體元件將3D資產添加到網頁。

另請參閱在頁面上新增Dynamic Media資產

要在網頁上添加3D介質元件:

  1. 開啟「Experience Manager網站」 ,然後選取您要新增Dynamic Media 3D媒體元件的網頁。

  2. 選取​Edit(鉛筆)圖示,即可在頁面編輯器中開啟頁面。 請確定在頁面右上角附近選取了​Edit​模式。

    3d-media-component-add

  3. 在工具欄上,選擇「側面板」表徵圖以切換或「開啟」面板的顯示。

  4. 在側面板中,選擇加號表徵圖以開啟​元件​清單。

    3d-media-component-drag-drop

  5. 將​3D Media​元件從​元件​清單拖曳至頁面上您希望3D檢視器顯示的位置。

您現在可以將3D資產指派給元件。

請參閱將3D資產分配給3D媒體元件

可選 — 配置3D介質元件

  1. 在「Experience Manager網站」頁面編輯器中,選取您先前新增至頁面的​3D媒體檢視器​元件。

  2. 選取「設定」圖示(扳手),以開啟元件設定對話方塊。

    3d-media-component-config

  3. 在「3D媒體」對話框的「查看器預設」下拉清單中,選擇​Dimensional​以將維查看器預設分配給元件。

    3d-media-component-edit-config

  4. 在右上角選取核取記號以儲存變更。

將3D資產分配給3D介質元件

將3D媒體元件新增至網頁後,您就可以指派3D資產給該頁面。

請參閱將3D媒體元件新增至網頁

要將3D資產分配給3D介質元件,請執行以下操作:

  1. 在「Experience Manager網站」頁面編輯器中,選取​Assets​圖示,以在側面板中開啟​Assets

  2. 在下拉清單中,選擇​3D​以僅顯示3D資產檔案類型。

  3. 在側面板中,搜索或滾動到要在正在編輯的頁面上查看的3D資產。

  4. 從「資產」側面板拖曳3D資產,並將其拖曳至您先前新增至頁面的​3D Media​元件。

    將3D資產分配給3D介質元件

注意

當網頁處於「Experience Manager網站​編輯」模式時,3D媒體元件會顯示3D資產,但無法與資產互動。 若要讓資產互動式,您可以使用​預覽​功能,在頁面編輯器中檢視網頁,且可完整存取3D媒體元件的功能。

發佈靜態Dynamic Media 3D資產

Dynamic Media接受Dynamic Media中支援作為​靜態內容​的各種3D檔案格式。 靜態內容表示您可以上傳和發佈3D資產,但不支援與3D資產相關聯的​變數影像​或影像重新整理。 原因在於Dynamic Media Imaging Server無法識別3D格式。 因此,在Dynamic Media中發佈3D資產後,您就可以複製即時URL。 3D資產的URL會遵循一般的Dynamic Media URL結構。 不過,您無法編輯資產URL中的任何參數,這與Dynamic Media中的傳統影像資產不同。

另請參閱取得靜態資產的URL

在​卡片檢視​中,資產名稱正下方及其日期與時間左側會顯示一個小型全球圖示,以指出資產已發佈。 在「清 單檢視」中,「已發佈」 ​欄會指出已發佈或未發佈的資產。

如果您使用Experience Manager作為WCM,請使用此發佈方法直接在網頁上新增Dynamic Media 3D資產。

另請參閱發佈Dynamic Media資產

另請參閱發佈頁面

若要發佈靜態Dynamic Media 3D資產:

  1. 開啟3D資產(GLB、OBJ或STL檔案格式),以便在資產詳細資訊頁面中查看。

  2. 在工具欄上,選擇​快速發佈

    3d-asset-quick-publish

  3. 選擇​關閉​退出對話框並返回資產詳細資訊頁面。

  4. 從3D資產檔案名稱左側的下拉式清單中,選擇​Renditions

    3d-asset-renditions

  5. 選擇​original。 發佈3D資產(或「啟用」)時,如果符合下列所有3D資產條件,URL​按鈕就會出現在頁面左下角附近:

    • 3D資產是支援的格式(GLB、OBJ、STL和USDZ)。
    • 3D資產已擷取至Dynamic Media影像生產系統(IPS)。
    • 3D資產已發佈。

    3d-asset-url

  6. 選取​URL ,以便顯示3D資產的直接生產URL,您可以複製並在網頁上使用。

使用維度檢視器發佈Dynamic Media 3D資產的替代方法

如果您​not​使用Experience Manager作為WCM,請使用下列兩種方法來發佈Dynamic Media 3D資產。

  • URL — 如果您 ​使用協力廠商網頁內容管理系統,而且您想要使用維度檢視器將Dynamic Media 3D資產連結至您的網頁,請使用URL。

    請參閱將URL連結到您的Web應用程式

  • 內嵌 — 當您 ​想要使用維度檢視器檢視內嵌於網頁上的Dynamic Media 3D資產時,請使用內嵌。您可將內嵌代碼複製到剪貼簿,以便貼到網頁中。在​Embed​對話方塊中不允許編輯代碼。

    請參閱將Dynamic Media視訊、影像檢視器或維度檢視器內嵌在網頁上🔗

本頁內容