在Dynamic Media中使用3D資產

Dynamic Media可讓您上傳、管理、檢視及傳遞3D資產,以盡情享受身臨其境的體驗。

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

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

3d鞋子

Dynamic Media支援的3D格式

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資產

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

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

另請參閱 設定Dynamic MediaCloud Services.

  1. 上傳3D資產

  2. 管理立體資產

  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. 在頁面的右上角附近,從 檢視 下拉式清單,選取 卡片檢視.

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

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

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

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

在3D媒體元件中檢視3D資產並與其互動

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

重要

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

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

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

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

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

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

  1. 當在 預覽 模式,執行下列任一項作業:

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

關於使用3D媒體元件

Dynamic Media內含Dynamic Media 3D媒體元件,您可在以下專案中使用: Experience Manager Sites 讓您以互動方式檢視網頁上的3D模型。

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

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

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

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

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

    3d-media-component-structure

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

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

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

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

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

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

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

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

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

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

    3d-media-component-add

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

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

    3d-media-component-drag-drop

  5. 拖曳 3D媒體 元件來自 元件 列出要在頁面上顯示3D檢視器的位置。

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

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

可選 — 設定3D媒體元件

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

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

    3d-media-component-config

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

    3d-media-component-edit-config

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

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

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

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

  1. 在 Experience Manager Sites 頁面編輯器,按一下 資產 圖示以開啟 資產 於側面板中。

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

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

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

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

注意

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

發佈靜態Dynamic Media 3D資產

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-asset-renditions

  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資產的替代方法

若要發佈Dynamic Media 3D資產,請遵循下列兩種方法: not 使用 Experience Manager 作為您的WCM。

本頁內容