在Dynamic Media處理3D資產

Dynamic Media讓您將3D資產作為沈浸式體驗進行上傳、管理、查看和交付。

  • 按一下發佈(使用 快速發佈 的子菜單。
  • 優化支援,使用由Adobe Dimension提供支援的高質量互動式Dimension查看器來查看3D資產。
  • 3D Media WCM元件使您能夠輕鬆地將3D資產添加到 Adobe Experience Manager Sites 頁。

使用Dynamic Media的3D資產不需要額外安裝。

三維鞋

3D格式在Dynamic Media支援

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

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

3D檔案副檔名 檔案格式 MIME類型 附註
格爾布 二進位GL傳輸 模型/gltf二進位 將材料和紋理作為單個資源包括在內。
OBJ WaveFront 3D對象檔案 應用程式/x-tgif
STL 光固化成形 application/vnd.ms-pki.stl
烏茲 通用場景描述Zip存檔 model/vnd.usdz 僅支援攝入;沒有可用的查看或交互。 USDZ是專有的3D格式,可由Safari或iOS以本機方式查看。

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

快速啟動:Dynamic Media3D資產

下面的逐步工作流說明旨在幫助您快速啟動並運行Dynamic Media的3D資產。

在Dynamic Media處理3D資產之前,請確保 Experience Manager 管理員已啟用並配置了Dynamic MediaCloud Services。

請參閱 配置Dynamic MediaCloud Services

  1. 上載3D資產

  2. 管理3D資產

  3. 發佈3D資產

關於查看和與3D資產交互

本節介紹如何查看和與3D資產交互的兩種不同方式:從資產詳細資訊頁面和站點中的3D介質元件。

互動式3D查看器除其它外還包括一組互動式攝像機控制項,它使您能夠對3D資產進行軌道、縮放和平移。

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

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

此外,當您以交互方式操作攝像頭時,客戶機(如工作站、筆記本或移動觸摸設備)的功能也很重要。 具有良好圖形功能的功能相當強大的系統可讓互動式3D觀看體驗更加流暢和有利。

秘訣

您可以在查看器預設編輯器中開啟維查看器預設,以練習在3D資產中導航,而無需先上載任何3D檔案。 「維」查看器預設有一個內置的3D資源,供您與其交互。

請參閱 管理查看器預設

從資產詳細資訊頁面查看3D資產並與其交互

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

要從資產詳細資訊頁面查看3D資產並與其交互,請執行以下操作:

  1. 確保已將3D資產上載到 Experience Manager。

    請參閱 上傳3D資產供Dynamic Media使用

  2. 從 Experience Manager的 導航 ,選擇 資產>檔案

  3. 在頁面右上角,從 視圖 下拉清單,選擇 卡視圖

  4. 定位至要查看的3D資產。

  5. 要在「詳細資訊」(Details)頁面中開啟資產,請選擇3D資產的卡。

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

    檢視 說明 滑鼠操作 觸摸屏操作
    轉你的相機 使檢視畫面在 3D 場景和物件周圍環繞 左鍵按一下並拖動。 單指按+拖動。
    開啟你的相機 將視圖向左、向右、向上或向下平移。 按一下右鍵並拖動。 雙指按+拖動。
    縮放相機 進出3D場景中的區域。 滾輪。 兩指捏。
    重新輸入相機 將相機重新輸入到3D場景中某個對象上的點。 按兩下。 按兩下。
    重設 在頁面右下角附近,選擇「重置」表徵圖將視圖目標點還原到3D資產的中心。 重置還使相機更近或更遠地移動,以便以合理的觀看大小顯示整個資產。
    全屏模式 要進入全屏模式,請在頁面右下角選擇全屏表徵圖。
  7. 在頁面的右上角,選擇 關閉 頁面。

查看3D介質元件內的3D資產並與其交互

當網頁在 編輯 模式,不能與3D資產進行交互。 要使資產具有交互性,可以使用 預覽 功能,可在頁面編輯器中查看完全訪問3D媒體元件功能的網頁。

重要

只有在將3D媒體元件添加到網頁並將3D資產分配給該元件後,才能完成此任務。 請參閱 將3D媒體元件添加到網頁將3D資產分配給3D介質元件

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

要查看3D介質元件內的3D資產並與其交互:

  1. 當網頁在 編輯 模式,執行以下任一操作:

    • 在頁面右上角,按一下 預覽 輸入 預覽 的子菜單。
    • 刪除 /editor.html 的子菜單。

全互動式3D資產,如所示 3D介質元件內顯示的3D資產
全互動式3D資產,如所示 預覽 的子菜單。

  1. 預覽 模式,執行下列任一操作:

    檢視 說明 滑鼠操作 觸摸屏操作
    轉你的相機 使檢視畫面在 3D 場景和物件周圍環繞 左鍵按一下並拖動。 單指按+拖動。
    開啟你的相機 將視圖向左、向右、向上或向下平移。 按一下右鍵並拖動。 雙指按+拖動。
    縮放相機 進出3D場景中的區域。 滾輪。 兩指捏。
    重新輸入相機 將相機重新輸入到3D場景中某個對象上的點。 按兩下。 按兩下。
    重設 在頁面右下角附近,選擇「重置」表徵圖將視圖目標點還原到3D資產的中心。 重置還使相機更近或更遠地移動,以便以合理的觀看大小顯示整個資產。
    全屏模式 要進入全屏模式,請在頁面右下角選擇全屏表徵圖。

關於使用3D介質元件

Dynamic Media包含Dynamic Media3D媒體元件,您可以在 Experience Manager Sites 可以在網頁上互動式查看3D模型。

將3D介質元件添加到頁面模板

  1. 導航到 工具 > 常規 > 模板

  2. 導航到要在中啟用3D元件的頁面模板並選擇該模板。

  3. 要開啟模板,請選擇 編輯

  4. 在頁面右上角的下拉菜單中,選擇 結構 的子菜單。

    三維介質構件結構

  5. 要選擇空區域並開啟其關聯工具欄,請在 佈局容器 的子菜單。

  6. 在工具欄上,選擇 策略 表徵圖以開啟 策略編輯器

  7. 屬性允許的元件 頁籤,滾動到 Dynamic Media,然後展開清單並檢查 3D介質

  8. 點擊 完成 保存更改並關閉 策略編輯器

    現在,您可以將Dynamic Media3D媒體元件放置在使用此模板的所有頁面上。

將3D媒體元件添加到網頁

如果您使用 Experience Manager 作為Web內容管理系統,您可以通過3D媒體元件將3D資產添加到網頁。

另請參閱 將Dynamic Media資產添加到頁面

  1. 開啟 Experience Manager Sites 並選擇要添加Dynamic Media3D媒體元件的網頁。

  2. 要將頁面開啟到頁面編輯器中,請選擇 編輯 (鉛筆)表徵圖。 確保 編輯 在頁面的右上角處選擇模式。

    3d-media-component-add

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

  4. 在側面板中,選擇加號表徵圖以開啟 元件 清單框。

    三維介質元件 — 拖放

  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 只顯示3D資產檔案類型。

  3. 在側面板中,搜索或滾動到要在編輯的頁面上查看的3D資產。

  4. 將3D資產從「資產」側面板拖放到 3D介質 添加到頁面的元件。

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

注意

當網頁位於 Experience Manager Sites 編輯 模式下,3D介質元件將顯示3D資產,但不可能與資產進行交互。 要使資產具有交互性,可以使用 預覽 功能,可在頁面編輯器中查看完全訪問3D媒體元件功能的網頁。

發佈靜態Dynamic Media3D資產

Dynamic Media接受支援的各種3D檔案格式 靜態內容 在Dynamic Media。 靜態內容意味著您可以上傳和發佈3D資產,但不支援 動態 與3D資產關聯的成像或影像改寫。 原因是Dynamic Media映像伺服器無法識別3D格式。 因此,在Dynamic Media發佈3D資產後,您可以複製一個即時URL。 3D資產的URL遵循通常的Dynamic MediaURL結構。 但是,與Dynamic Media的傳統影像資產不同,您無法編輯資產URL中的任何參數。

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

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

如果您使用 Experience Manager 作為WCM,使用此發佈方法將Dynamic Media3D資產直接添加到您的網頁中。

另請參閱 發佈Dynamic Media資產

另請參閱 發佈頁面

要發佈靜態Dynamic Media3D資產,請執行以下操作:

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

  2. 在「詳細資訊」頁面的工具欄上,選擇 快速發佈

    3d資產快速發佈

  3. 點擊 關閉 對話框並返回資產詳細資訊頁面。

  4. 從3D資產檔案名左側的下拉清單中,選擇 格式副本

    3d資產格式副本

  5. 點擊 原始。 當3D資產發佈(或「激活」)時, URL 頁籤頁面的下方。

    • 3D資產是支援的格式(GLB、OBJ、STL和USDZ)。
    • 3D資產已被攝入Dynamic Media影像製作系統(IPS)。
    • 3D資產已發佈。

    3d資產URL

  6. 要顯示3D資產的直接生產URL,可在網頁上複製和使用,請選擇 URL

使用Dimensional查看器發佈Dynamic Media3D資產的替代方法

如果您正在發佈Dynamic Media3D資產,請使用以下兩種方法 使用 Experience Manager 你的WCM

  • URL — 使用 URL 如果您使用的是第三方Web內容管理系統,並且希望使用Dimensional查看器將Dynamic Media3D資產連結到您的網頁。

    請參閱 將URL連結到Web應用程式

  • 嵌入 — 使用 嵌入 當您希望使用Dimensional查看器查看嵌入在網頁上的Dynamic Media3D資產時。 您可將內嵌代碼複製到剪貼簿,以便貼到網頁中。不允許在 嵌入 對話框。

    請參閱 將Dynamic Media視頻、影像查看器或維查看器嵌入網頁

本頁內容