在動態媒體中使用3D資產

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

  • 按一下3D資產的發佈(使用工具列上的​Quick Publish)以產生URL。
  • 使用Adobe Dimension提供的高品質互動式Dimensional檢視器預設集,最佳化3D資產檢視支援。
  • 3D Media WCM元件可讓您輕鬆將3D資產新增至AEM Sites頁面。

在動態媒體中使用3D資產不需要額外的設定。

3D鞋

動態媒體支援的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裝置以原生方式檢視。

快速入門:動態媒體中的3D資產

下列逐步工作流程說明旨在協助您在動態媒體- Scene7模式中快速啟動並執行3D資產。

注意

動態媒體——混合模式不支援3D資產。

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

請參閱「設定動態媒體- Scene7模式」和「疑難排解動態媒體- Scene7模式」中的「設定動態媒體雲端服務」。

  1. 上傳3D資產

  2. 管理3D資產

  3. 發佈3D資產

關於檢視和與3D資產互動

本節說明如何以兩種不同的方式檢視和處理3D資產:從資產詳細資訊頁面和網站的3D媒體元件中。

互動式3D檢視器除其他功能外,還包含一系列互動式相機控制項,讓您環繞、縮放和平移3D資產。

請注意,在「資產詳細資料」頁面檢視中開啟3D資產所花的時間取決於數個因素。 這些因素包括:

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

此外,在您以互動方式操作相機時,用戶端電腦(例如工作站、筆記型電腦或行動觸控裝置)的功能也很重要。 功能相當強大的系統,具備良好的圖形功能,可讓互動式3D檢視體驗更順暢更有利。

秘訣

您可以在檢視器預設集編輯器中開啟維度檢視器預設集,以練習導覽3D資產,而不需先上傳任何3D檔案。 維度檢視器預設集內建3D資產供您互動。

請參閱管理檢視器預設集。

從資產詳細資料頁面檢視並與3D資產互動

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

若要從資產詳細資訊頁面檢視並與3D資產互動

  1. 請確定您已將3D資產上傳至AEM。

    請參閱上傳您的3D資產以用於動態媒體。

  2. 從AEM,在​Navigation​頁面上,點選​資產>檔案。

  3. 在頁面右上角的​View​下拉式清單中,點選​卡片檢視。

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

  5. 點選3D資產的資訊卡,以在資產詳細資訊頁面中開啟它。

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

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

關於使用3D介質元件

Dynamic Media包含Dynamic Media 3D Media元件,您可在AEM Sites中使用此元件,以在網頁上互動檢視3D模型。

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

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

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

  3. 點選​編輯​以開啟範本。

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

    3d-media-component-structure

  5. 點選​版面容器​區域中的空白區域以選取它並開啟其相關的工具列。

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

  7. 在​屬性​區段的​允許的元件​標籤下,捲動至​動態媒體,然後展開清單並檢查​3D媒體。

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

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

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

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

另請參閱新增動態媒體資產至頁面。

  1. 開啟「AEM網站」,並選取您要新增Dynamic Media 3D Media元件的網頁。

  2. 點選「編輯(鉛筆)」圖示,將頁面開啟至頁面編輯器。 請確定頁面右上方附近已選取「編輯」模式。][

    3d-media-component-add

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

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

    3d-media-component-drag-drop

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

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

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

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

  1. 在「AEM Sites」頁面編輯器中,選取您先前新增至頁面的​3D Media Viewer​元件。

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

    3d-media-component-config

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

    3d-media-component-edit-config

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

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

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

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

  1. 在「AEM Sites」頁面編輯器中,按一下「資產」圖示,以開啟側面板中的「資產」。][

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

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

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

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

注意

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

發佈靜態動態媒體3D資產

Dynamic Media接受多種3D檔案格式,在Dynamic Media中支援這些格式為​靜態內容。 靜態內容表示您可以上傳和發佈3D資產,但是不支援與3D資產相關的​dynamic​影像或影像重新整理。 原因是Dynamic Media Imaging Server無法識別3D格式。 因此,在動態媒體中發佈3D資產後,您就擁有可複製的即時URL。 3D資產的URL會遵循一般的動態媒體URL結構。 但是,您無法編輯資產URL中的任何參數,這與動態媒體中的傳統影像資產不同。

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

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

如果您使用AEM做為WCM,請使用此發佈方法直接在網頁上新增Dynamic Media 3D資產。

另請參閱發佈動態媒體資產。

另請參閱發佈頁面。

若要發佈靜態動態媒體3D資產

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

  2. 在工具列上,點選「快速發佈」。][

    3d-asset-quick-publish

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

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

    3d-asset-renditions

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

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

    3d-asset-url

  6. 點選​URL​可顯示3D資產的直接生產URL,您可將它複製並用於網頁。

使用維度檢視器發佈動態媒體3D資產的替代方法

如果您​not​使用AEM做為WCM,請使用下列兩種方法來發佈動態媒體3D資產。

本頁內容