在Dynamic Media使用3D資產

Dynamic Media可讓您上傳、管理、檢視和傳遞3D資產,成為身歷其境的體驗。

  • 按一下3D資產的發佈(使用工具列上的​Quick Publish)以產生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-binary 將材質和紋理整合為單一資產。
OBJ WaveFront 3D物件檔案 application/x-tgif
STL 立體成形 application/vnd.ms-pki.stl
USDZ 通用場景描述Zip封存 model/vnd.usdz+zip 僅支援擷取;不提供檢視或互動功能。 USDZ是專屬的3D格式,可由Safari或iOS以原生方式檢視。

快速入門:Dynamic Media的3D資產

下列逐步工作流程說明旨在協助您快速上手並執行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,在​Navigation​頁面上,點選​資產>檔案

  3. 在頁面的右上角附近,從​View​下拉式清單中,點選​Card View

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

  5. 若要在「詳細資料」頁面中開啟資產,請點選3D資產的卡片。

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

    檢視 說明 滑鼠動作 觸控螢幕動作
    轉動您的相機 使檢視畫面在 3D 場景和物件周圍環繞 左鍵按一下+拖曳。 單指按+拖曳。
    平移您的相機 向左、向右、向上或向下平移您的視圖。 按一下滑鼠右鍵並拖曳。 雙指按住+拖曳。
    縮放您的相機 在3D場景中移入和移出區域。 滾輪。 雙指夾捏。
    重新輸入您的相機 將相機重新輸入到3D場景中某個物件的點。 按兩下。 點兩下。
    重設 在頁面的右下角附近,點選「重設」圖示,將檢視目標點還原至3D資產的中央。 Reset也會使攝影機更靠近或更遠,以便以合理的檢視大小顯示整個資產。
    全螢幕模式 若要進入全螢幕模式,請在頁面的右下角,點選全螢幕圖示。
  7. 在頁面的右上角,點選​Close​以返回「資產」頁面。

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

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

重要

只有在將3D媒體元件新增至網頁並指派3D資產至元件後,您才能完成此工作。 請參閱將3D媒體元件新增至網頁將3D資產指派至3D媒體元件

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

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

  1. 當網頁處於​編輯​模式時,請執行下列任一操作:

    • 在頁面右上方附近,按一下「預覽」,進入「預覽」模式。
    • 從瀏覽器的頁面URL刪除/editor.html

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

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

    檢視 說明 滑鼠動作 觸控螢幕動作
    轉動您的相機 使檢視畫面在 3D 場景和物件周圍環繞 左鍵按一下+拖曳。 單指按+拖曳。
    平移您的相機 向左、向右、向上或向下平移您的視圖。 按一下滑鼠右鍵並拖曳。 雙指按住+拖曳。
    縮放您的相機 在3D場景中移入和移出區域。 滾輪。 雙指夾捏。
    重新輸入您的相機 將相機重新輸入到3D場景中某個物件的點。 按兩下。 點兩下。
    重設 在頁面的右下角附近,點選「重設」圖示,將檢視目標點還原至3D資產的中央。 Reset也會使攝影機更靠近或更遠,以便以合理的檢視大小顯示整個資產。
    全螢幕模式 若要進入全螢幕模式,請在頁面的右下角,點選全螢幕圖示。

關於使用3D介質元件

Dynamic Media包含Dynamic Media3D媒體元件,您可在Experience Manager網站中使用此元件,以互動方式檢視網頁上的3D模型。

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

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

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

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

  4. 在頁面右上方的下拉式功能表中,選取​結構​模式(如果尚未啟用)。

    3d-media-component-structure

  5. 若要選取空白區域並開啟其相關的工具列,請點選「版面容器」區域中的空白區域。

  6. 在工具欄上,按一下​策略​表徵圖以開啟​策略編輯器

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

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

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

將3D介質元件添加到網頁

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

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

  1. 開啟Experience Manager網站,並選取您要新增Dynamic Media3D媒體元件的網頁。

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

    3d-media-component-add

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

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

    3d-media-component-drag-drop

  5. 將​3D Media​元件從​元件​清單拖曳至您希望3D檢視器出現的頁面位置。

您現在可以指派3D資產給元件。

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

可選——配置3D介質元件

  1. 在「Experience Manager站點」頁面編輯器中,選擇先前添加到頁面的​3D Media Viewer​元件。

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

    3d-media-component-config

  3. 在「3D媒體」對話框中,從「查看器預設」下拉清單中,選擇​Dimensional​將維查看器預設分配給元件。

    3d-media-component-edit-config

  4. 在右上角點選核取標籤以儲存變更。

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

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

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

  1. 在「Experience Manager網站」頁面編輯器中,按一下「資產」圖示以開啟側面板中的「資產」。

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

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

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

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

注意

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

發佈靜態Dynamic Media3D資產

Dynamic Media接受Dynamic Media支援的各種3D檔案格式,作為​static content。 靜態內容表示您可以上傳和發佈3D資產,但是不支援與3D資產相關的​dynamic​影像或影像重新整理。 原因是Dynamic Media影像伺服器無法辨識3D格式。 因此,在Dynamic Media發佈3D資產後,您就可以複製立即URL。 3D資產的URL會遵循通常的Dynamic MediaURL結構。 不過,您無法編輯資產URL中的任何參數,這與Dynamic Media的傳統影像資產不同。

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

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

如果您使用Experience Manager做為WCM,請使用此發佈方法,直接在網頁上新增Dynamic Media3D資產。

另請參閱發佈Dynamic Media資產

另請參閱發佈頁面

若要發佈靜態Dynamic Media3D資產:

  1. 開啟3D資產(GLB、OBJ或STL檔案格式),以在「詳細資料」頁面中檢視它。

  2. 在工具列上,點選​快速發佈

    3d-asset-quick-publish

  3. 點選「關閉」以退出對話方塊並返回資產詳細資料頁面。

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

    3d-asset-renditions

  5. 點選​original。 當3D資產發佈(或「啟動」)時,如果符合下列所有3D資產條件,URL​按鈕會出現在頁面的左下角附近:

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

    3d-asset-url

  6. 若要顯示3D資產的直接生產URL,您可以複製並在網頁上使用,請點選​URL

使用Dimensional檢視器發佈Dynamic Media3D資產的替代方法

如果您​not​使用Experience Manager做為WCM,請使用下列兩種方法發佈Dynamic Media3D資產。

  • URL -使用 ​URL如果您使用協力廠商的網頁內容管理系統,而且您想要使用維度檢視器將Dynamic Media3D資產連結至您的網頁。

    請參閱將URL連結至您的Web應用程式

  • 內嵌 -當您 ​想要使用維度檢視器檢視內嵌在網頁上的Dynamic Media3D資產時,請使用「內嵌」。您可將內嵌代碼複製到剪貼簿,以便貼到網頁中。不允許在​Embed​對話方塊中編輯程式碼。

    請參閱將Dynamic Media視訊、影像檢視器或維度檢視器內嵌在網頁

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now