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

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

  • 一鍵式發佈(使用 快速發佈 (位於工具列上)以產生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,位於 導覽 頁面,選取 「資產」>「檔案」.

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

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

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

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

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

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

  1. 當網頁在 編輯 模式,執行下列任一項作業:

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

    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媒體元件: 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媒體 元件來自 元件 列出到頁面上您希望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 頁面編輯器,按一下 資產 圖示以開啟 資產 於側面板中。

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

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

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

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

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

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

Dynamic Media接受以下支援的各種3D檔案格式 靜態內容 在Dynamic Media中。 靜態內容表示您可以上傳和發佈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資產。

另請參閱 發佈Dynamic Media資產.

另請參閱 發佈頁面.

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

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

  2. 在詳細資訊頁面的工具列上,選取 快速發佈.

    3d-asset-quick-publish

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

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

    3d資產轉譯

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

    • 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

如果您「 」想要發佈Dynamic Media 3D資產,請使用下列兩種方法 使用 Experience Manager 作為您的WCM。

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