在Dynamic Media中使用3D資產

Dynamic Media可讓您上傳、管理、檢視及傳遞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 Media3D資產

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

重要

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

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

請參閱 設定E Dynamic MediaCloud Services 在設定Dynamic Media - Scene7模式和 疑難排解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。

    請參閱 上傳要在Dynamic Media中使用的3D資產.

  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媒體元件,可在Adobe 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資產.

要在網頁上添加3D介質元件:

  1. 開啟Experience Manager Sites,然後選取您要新增Dynamic Media 3D媒體元件的網頁。

  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)對話框中,從「查看器預設集」(Viewer Preset)下拉清單中,選擇 維度 將「維」查看器預設集分配給元件。

    3d-media-component-edit-config

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

將3D資產分配給3D介質元件

將3D媒體元件新增至網頁後,您就可以指派3D資產給該頁面。

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

要將3D資產分配給3D介質元件,請執行以下操作:

  1. 在Experience Manager Sites頁面編輯器中,選取 資產 表徵圖 資產 在側面板中。

  2. 在下拉式清單中,選取 3D 僅顯示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結構。 不過,您無法編輯資產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. 選擇 原始. 3D資產發佈(或「啟用」)時, URL 按鈕會出現在頁面左下角附近(如果符合下列所有3D資產條件):

    • 3D資產是支援的格式(GLB、OBJ、STL和USDZ)。
    • 3D資產已擷取至Dynamic Media影像生產系統(IPS)。
    • 3D資產已發佈。

    3d-asset-url

  6. 選擇 URL 以便顯示3D資產的直接生產URL,您可以複製該URL並用於網頁。

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

若您有,請使用下列兩種方法來發佈Dynamic Media 3D資產 not 使用Experience Manager作為WCM。

本頁內容