Work with 3D assets in Dynamic Media

Dynamic Media lets you upload, manage, view, and deliver 3D assets as immersive experiences.

  • Optimized support for viewing 3D assets with the high-quality, interactive Dimensional viewer preset powered by Adobe Dimension.
  • The 3D Media WCM component lets you easily add 3D assets to your Adobe Experience Manager Sites pages.

There is no additional configuration required to use 3D assets in Dynamic Media.

**

3D formats supported in Dynamic Media

Dynamic Media supports the following 3D formats.

🔗

3D file extension File format MIME type 附註
GLB Binary GL Transmission model/gltf-binary Includes the materials and textures as a single asset.
OBJ WaveFront 3D Object File application/x-tgif
STL Stereolithography application/vnd.ms-pki.stl
USDZ Universal Scene Description Zip archive model/vnd.usdz+zip **
注意

The 3D Media WCM component and 3D preview on an asset's Details page is not compatible with the latest version of Chrome (97.x). Instead, to work with 3D assets, use Firefox or Safari, or use an earlier version of Chrome (96.x).

Quick Start: 3D assets in Dynamic Media

The following step-by-step workflow description is designed to help you get up and running quickly with 3D assets in Dynamic Media - Scene7 mode.

重要

3D assets are not supported in Dynamic Media - Hybrid mode.

Before you work with 3D assets in Dynamic Media, make sure that your Experience Manager administrator has already enabled and configured Dynamic Media Cloud Services in Dynamic Media - Scene7 mode.

🔗 🔗

About viewing and interacting with 3D assets

This section describes how to view and interact with 3D assets two different ways: from within the asset details page and from within the 3D Media component in Experience Manager Sites.

The interactive 3D viewer includes, among other things, a collection of interactive camera controls that let you orbit, zoom, and pan the 3D asset.

The time it takes to open a 3D asset in the Asset Details page view depends on several factors. These factors include such things as the following:

  • Bandwidth to the server.
  • Latencies to the server
  • Complexity of the image.

In addition, the capabilities of the client computer-such as a workstation, notebook, or mobile touch device-are also important to consider when you manipulate the camera interactively. A reasonably powerful system with good graphics capabilities can make the interactive 3D viewing experience smoother and more favorable.

秘訣

You can open the Dimensional viewer preset in the Viewer Preset Editor to practice navigating a 3D asset without the need to first upload any 3D files. The Dimensional viewer preset has a built-in 3D asset for you to interact with.

🔗

View and interact with a 3D asset from the asset details page

🔗

  1. Make sure you have uploaded 3D assets into Experience Manager.

    🔗

  2. Navigate to a 3D asset that you want to view.

  3. Select the card of the 3D asset.

  4. On the details view page for the 3D asset, do any of the following:

    檢視 說明 Mouse action Touch screen action
    使檢視畫面在 3D 場景和物件周圍環繞 Left click + drag. Single-finger press + drag.
    Pan your view left, right, up, or down. Right click + drag. Two-finger press + drag.
    Move in and out of areas in the 3D scene. Scroll wheel. Two-finger pinch.
    Recenter your camera to a point on an object in the 3D scene. Double-click. Double-tap.
    重設 Near the lower-right corner of the page, select the Reset icon to restore the view target point to the center of the 3D asset. Reset also moves the camera closer or further away to show the asset in its entirety and at a reasonable viewing size.
    To enter full screen mode, in the lower-right corner of the page, select the Fullscreen icon.

Viewing and interacting with a 3D asset inside a 3D Media component

重要

You can accomplish this task only after you have added a 3D Media component to a web page and assigned a 3D asset to the component. 🔗 🔗

🔗

    • /editor.html

A fully interactive 3D asset as displayed in

  1. 檢視 說明 Mouse action Touch screen action
    使檢視畫面在 3D 場景和物件周圍環繞 Left click + drag. Single-finger press + drag.
    Pan your view left, right, up, or down. Right click + drag. Two-finger press + drag.
    Move in and out of areas in the 3D scene. Scroll wheel. Two-finger pinch.
    Recenter your camera to a point on an object in the 3D scene. Double-click. Double-tap.
    重設 Near the lower-right corner of the page, select the Reset icon to restore the view target point to the center of the 3D asset. Reset also moves the camera closer or further away to show the asset in its entirety and at a reasonable viewing size.
    To enter full screen mode, in the lower-right corner of the page, select the Fullscreen icon.

About working with the 3D Media component

Dynamic Media includes a Dynamic Media 3D Media component that you can use in Adobe Experience Manager Sites to enable interactive viewing of 3D models on your web pages.

Add the 3D Media component to the page template

  1. Navigate to the page template that you want to enable the 3D component in and select the template.

  2. 3d-media-component-structure

  3. You can now place the Dynamic Media 3D Media component on all pages that use this template.

Add the 3D Media component on a web page

If you use Experience Manager as your web content management system, you can add 3D assets to your web pages by way of the 3D Media component.

🔗

  1. Open Experience Manager Sites and select the web page to which you want to add the Dynamic Media 3D Media component.

  2. 3d-media-component-add

  3. On the toolbar, select the Side Panel icon to toggle or "turn on" the display of the panel.

  4. 3d-media-component-drag-drop

You are now ready to assign a 3D asset to the component.

🔗

Optional - Configure the 3D Media component

  1. 3d-media-component-config

  2. 3d-media-component-edit-config

  3. In the upper-right corner, select the check mark to save your changes.

Assign a 3D asset to the 3D Media component

After you have added a 3D Media component to a web page, you can assign a 3D asset to it.

🔗

  1. In the side panel, search for or scroll to the 3D asset that you want to view on the page being edited.

注意

​**​**

Publish static Dynamic Media 3D assets

​The reason is because Dynamic Media Imaging Server does not recognize 3D formats. As such, after you publish a 3D asset in Dynamic Media, you have an instant URL that you can copy. The URL for the 3D asset follows the usual Dynamic Media URL structure. However, you cannot edit any parameters in the asset's URL, unlike traditional image assets in Dynamic Media.

🔗

​在「清 單檢視」中,「已發佈」 ​欄會指出已發佈或未發佈的資產。

If you use Experience Manager as your WCM, use this publishing method to add the Dynamic Media 3D assets directly on your web page.

🔗

🔗

  1. Open a 3D asset (GLB, OBJ, or STL file format) so you can view it in the asset details page.

  2. 3d-asset-quick-publish

  3. 3d-asset-renditions

    • The 3D asset is a supported format (GLB, OBJ, STL, and USDZ).
    • The 3D asset was ingested into the Dynamic Media Image Production System (IPS).
    • The 3D asset is published.

    3d-asset-url

Alternate methods for publishing Dynamic Media 3D assets using the Dimensional viewer

**

  • 🔗

  • ​您可將內嵌代碼複製到剪貼簿,以便貼到網頁中。

    🔗

本頁內容