在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格式。

另請參閱 支援的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裝置原生檢視。
NOTE
資產詳細資訊頁面上的3D Media WCM元件和3D預覽版與最新版Chrome (97.x)不相容。 若要使用3D資產,請改用Firefox或Safari,或使用舊版Chrome (96.x)。

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

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

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

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

另請參閱 設定Dynamic MediaCloud Service 在設定Dynamic Media - Scene7模式和 疑難排解Dynamic Media - Scene7模式.

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

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

互動式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 Media元件,您可以在Adobe 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資產.

若要在網頁上新增3D 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媒體元件新增至網頁.

若要將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. 選取 URL 以便顯示3D資產的直接生產URL,供您在網頁上複製和使用。

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

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2