在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 Media中的3D資產

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

注意

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

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

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

  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. 在頁面的右上角,點選​關閉​以返回「資產」頁面。

查看3D媒體元件內的3D資產並與之交互

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

重要

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

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

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

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

    • 在頁面右上方附近,按一下「預覽」以進入​預覽​模式。
    • 從瀏覽器的頁面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. 點選​編輯​以開啟範本。

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

    3d-media-component-structure

  5. 點選​「版面容器」​區域中的空白區域以選取該區域並開啟其相關聯的工具列。

  6. 在工具列上,點選​Policy​圖示以開啟​Policy Editor

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

  8. 點選​Done​以儲存變更並關閉​Policy Editor

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

將3D媒體元件添加到網頁

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

另請參閱將Dynamic Media資產新增至頁面

  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. 點選「Configuration」圖示(扳手),即可開啟元件設定對話方塊。

    3d-media-component-config

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

    3d-media-component-edit-config

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

為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​影像重新整理或影像重新整理。 原因在於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資產檔案名稱左側的下拉式清單中,點選「轉譯」。

    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視訊、影像檢視器或維度檢視器內嵌在網頁上🔗

本頁內容