在Dynamic Media中使用3D資產 working-with-three-d-assets-dm

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

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

在Dynamic Media中使用3D資產無需額外安裝。

3d 中的鞋

Dynamic Media支援的3D格式 supported-three-d-file-formats-in-dm

Dynamic Media支援下列3D檔案格式。

另請參閱Experience Manager Assets支援的3D格式

3D副檔名
檔案格式
MIME型別
附註
GLB
二進位GL傳輸
model/gltf-binary
將材質和紋理納入為單一資產。
物件
WaveFront 3D物件檔案
application/x-tgif
STL
立體成型
application/vnd.ms-pki.stl
USDZ
Universal Scene說明Zip封存
model/vnd.usdz+zip
僅支援擷取;不提供檢視或互動。 USDZ是專有的3D格式,可由Safari或iOS以原生方式檢視。

資產「詳細資訊」頁面上的3D Media WCM元件和3D預覽版與最新版Chrome (97.x)不相容。 若要使用3D資產,請改用Firefox或Safari,或使用舊版Chrome (96.x)。

快速入門:Dynamic Media中的3D資產 quick-start-three-d

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

在Dynamic Media中使用3D資產之前,請確定您的Experience Manager管理員已啟用並設定Dynamic MediaCloud Service。

請參閱設定Dynamic MediaCloud Service

關於檢視和與3D資產互動 viewing-three-d-assets

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

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

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

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

此外,使用者端電腦的功能(例如工作站、筆記型電腦或行動觸控裝置)也是您以互動方式操作相機時也必須考量的重要因素。 功能相當強大的系統,搭配良好的繪圖功能,可讓互動式3D觀賞體驗更順暢、更理想。

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

從資產詳細資訊頁面檢視3D資產並與其互動 viewing-three-d-assets-from-asset-details-page

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

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

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

    檢視上傳您的3D資產以用於Dynamic Media

  2. 從Experience Manager,在​ 導覽 ​頁面上選取​ Assets >檔案

  3. 在頁面的右上角,從​ 檢視 ​下拉式清單中,選取​ 卡片檢視

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

  5. 若要在詳細資訊頁面中開啟資產,請選取3D資產的卡片。

  6. 在3D資產的「詳細資訊」頁面上,執行下列任一項作業:

    table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4
    檢視 說明 滑鼠動作 觸控熒幕動作
    轉動相機 使檢視畫面在 3D 場景和物件周圍環繞 按一下左鍵+拖曳。 單指按下+拖曳。
    平移相機 向左、向右、向上或向下平移檢視。 按一下右鍵+拖曳。 雙指按下+拖曳。
    縮放相機 在3D場景中移入和移出區域。 滾輪。 兩指捏合。
    重新將相機置中 將相機重新置中至3D場景中物件上的某個點。 按兩下。 連按兩下。
    重設 在頁面的右下角附近,選取「重設」圖示,將檢視目標點恢復到3D資產的中心。 重設也會將相機移到更近或更遠的位置,以合理的檢視大小完整顯示資產。
    全熒幕模式 若要進入全熒幕模式,請在頁面的右下角選取「全熒幕」圖示。
  7. 在頁面的右上角,選取​ 關閉 ​以返回Assets頁面。

在3D媒體元件中檢視3D資產並與其互動 interacting-with-asset-inside-three-d-media-component

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

IMPORTANT
您必須先將3D媒體元件新增至網頁,並指派3D資產給該元件,才能完成此工作。 請參閱將3D媒體元件新增至網頁將3D資產指派至3D媒體元件

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

若要檢視3D媒體元件中的3D資產並與其互動:

  1. 當網頁處於​ 編輯 ​模式時,請執行下列任一項動作:

    • 在頁面右上角附近,按一下​ 預覽 ​以進入​ 預覽 ​模式。
    • 從瀏覽器中的頁面URL刪除/editor.html

    顯示3D媒體元件 內的3D資產
    以​ 預覽 ​模式顯示的完全互動式3D資產。

  2. 在​ 預覽 ​模式中時,請執行下列任一項動作:

    table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4
    檢視 說明 滑鼠動作 觸控熒幕動作
    轉動相機 使檢視畫面在 3D 場景和物件周圍環繞 按一下左鍵+拖曳。 單指按下+拖曳。
    平移相機 向左、向右、向上或向下平移檢視。 按一下右鍵+拖曳。 雙指按下+拖曳。
    縮放相機 在3D場景中移入和移出區域。 滾輪。 兩指捏合。
    重新將相機置中 將相機重新置中至3D場景中物件上的某個點。 按兩下。 連按兩下。
    重設 在頁面的右下角附近,選取「重設」圖示,將檢視目標點恢復到3D資產的中心。 重設也會將相機移到更近或更遠的位置,以合理的檢視大小完整顯示資產。
    全熒幕模式 若要進入全熒幕模式,請在頁面的右下角選取「全熒幕」圖示。

關於使用3D媒體元件 working-with-three-d-media-component

Dynamic Media包含一個Dynamic Media 3D Media元件,您可以在Experience Manager Sites中使用,以便在網頁上以互動方式檢視3D模型。

將3D媒體元件新增至頁面範本 adding-three-d-media-component-to-page-template

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

  2. 導覽至您要啟用3D元件的頁面範本,然後選取範本。

  3. 若要開啟範本,請選取​ 編輯

  4. 在頁面的右上角,在下拉式功能表中選取​ 結構 ​模式(如果尚未啟用)。

    3d-media-component-structure

  5. 若要選取空白區域並開啟其相關工具列,請選取​ 配置容器 ​區域中的空白區域。

  6. 在工具列中選取​ 原則 ​圖示以開啟​ 原則編輯器

  7. 在​ 屬性 ​區段的​ 允許的元件 ​標籤下,捲動至​ Dynamic Media,然後展開清單並檢查​ 3D媒體

  8. 選取​ 完成 ​以儲存變更並關閉​ 原則編輯器

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

將3D媒體元件新增至網頁 adding-the-three-d-media-component-to-a-web-page

如果您使用Experience Manager作為網頁內容管理系統,您可以透過3D媒體元件將3D資產新增至網頁。

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

  1. 開啟Experience Manager Sites並選取您要新增Dynamic Media 3D Media元件的網頁。

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

    3d-media-component-add

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

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

    3d-media-component-drop

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

您現在已準備好指派3D資產給元件。

請參閱將3D資產指派給3D媒體元件

可選 — 設定3D媒體元件 configuring-the-three-d-component

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

  2. 若要開啟元件組態對話方塊,請選取​ 組態 ​圖示(扳手)。

    3d-media-component-config

  3. 在「3D媒體」對話方塊的「檢視器預設集」下拉式清單中,選取「維度」,將「維度」檢視器預設集指派給元件。

    3d-media-component-edit-config

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

將3D資產指派給3D媒體元件 assigning-a-three-d-asset-to-the-component

將3D媒體元件新增至網頁後,即可為其指派3D資產。

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

  1. 在Experience Manager Sites頁面編輯器中,按一下​ Assets ​圖示以開啟側邊面板中的​ Assets

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

  3. 在側面板中,搜尋或捲動至您要在編輯的頁面上檢視的3D資產。

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

    將3d資產指派給3d媒體元件

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

Publish靜態Dynamic Media 3D資產 publishing-three-d-assets

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

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

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

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

另請參閱Publish Dynamic Media資產

另請參閱Publish頁面

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

  1. 開啟3D資產(GLB、OBJ或STL檔案格式)。

  2. 在「詳細資訊」頁面的工具列上,選取「快速Publish」。

    3d-asset-quick-publish

  3. 選取​ 關閉 ​以結束對話方塊並返回資產詳細資訊頁面。

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

    3d-asset-renditions

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

    • 3D資產是支援的格式(GLB、OBJ、STL和USDZ)。
    • 3D資產已擷取至Dynamic Media Image Production System (IPS)。
    • 3D資產隨即發佈。

    3d-asset-url

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

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

如果您​ 不是,且使用Experience Manager做為WCM,請使用下列兩種方法發佈Dynamic Media 3D資產。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab