Previewing 3D assets in AEM

Adobe Experience Manager supports the upload, delivery, and interactive preview of 3D assets as part of the authoring process.

The interactive 3D viewer is available from the asset details page in AEM. The viewer includes, among other things, a collection of interactive camera controls that let you orbit, zoom, and pan the 3D asset.

Supported formats for 3D preview in AEM

Interactive 3D preview supports the following file formats:

Note: If materials do not render in preview of a gLTF model, make sure they are named properly and located in a textures folder in the same root folder as the model, similar to the following:

Asset (folder)
    model.gltf
    model.bin
    textures (folder)
        material_0_baseColor.jpeg
        material_0_normal.jpeg

Performance considerations when you preview 3D assets in AEM

The time it takes to open a 3D asset in the asset details view page depends on several factors such things as bandwidth, image complexity, and latencies to the server.

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.

To preview 3D assets in AEM

1. Make sure you have uploaded 3D assets into AEM.
   See Supported formats for 3D preview and Uploading assets.

2. From AEM, on the Navigation page, tap Assets > Files.

   

3. Near the upper-right corner of the page, from the View drop-down list, tap Card View, then navigate to a 3D asset that you want to preview.

   
   In Card View, tap the card of the 3D asset you want to preview.

4. Tap the card of the 3D asset to open it in the asset details view page.

   
   Interactive preview of a 3D asset in the asset details view page.

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

   • Turn your camera—Orbit your view around the 3D scene and objects.
     • Mouse: Left click + drag.
     • Touch screen: Single-finger press + drag.
   • Pan your camera—Pan your view left, right, up, or down.
     • Mouse: Right click + drag.
     • Touch screen: Two-finger press + drag.
   • Zoom your camera—Zoom your camera to move in and out of areas of the 3D scene.
     • Mouse: Scroll wheel.
     • Touch screen: Two-finger pinch.
   • Recenter your camera—Recenter your camera to a point on a object in the 3D scene.
     • Mouse: Double-click.
     • Touch screen: Double-tap.
   • Reset—Near the lower-right corner of the page, tap 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.
   • Full screen mode—To enter full screen mode, in the lower-right corner of the page, tap the Fullscreen icon.

6. When you are finished, near the upper-right corner of the page, tap Close.