Preview 3D assets in Adobe Experience Manager previewing-3d-assets

Version
Article link
AEM 6.5
Click here
AEM as a Cloud Service
This article

Experience Manager Assets supports the ingestion, management, preview, and delivery of 3D assets.

You can preview 3D assets with the automatically generated thumbnail renditions or the interactive 3D viewer. The interactive 3D viewer is available from the asset details page in Experience Manager. The viewer includes, among other things, a collection of interactive camera controls that let you rotate, zoom, and pan around the 3D scene.

Supported formats for thumbnail preview in Experience Manager supported-thumbnail-previewing-assets

Experience Manager generates thumbnails for the following file formats by default:

3D file extension
File format
MIME type
Notes
GLB
Binary GL Transmission
model/gltf-binary
FBX
Autodesk FBX
application/octet-stream
OBJ
WaveFront 3D Object File
application/x-tgif
3DS
3D Studio Model
application/x-3ds
USDz
Universal Scene Description
model/vnd.usdz+zip

Supported formats for interactive 3D preview in Experience Manager supported-3d-previewing-assets

Experience Manager supports Interactive 3D preview for the following file formats natively:

3D file extension
File format
MIME type
Notes
GLB
Binary GL Transmission
model/gltf-binary
GLTF
GL Transmission Format
model/gltf+json
See the Note below.
OBJ
WaveFront 3D Object File
application/x-tgif
STL
Stereolithography
application/vnd.ms-pki.stl
NOTE
If materials do not render in preview of a gLTF model, make sure they are named properly and 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 Experience Manager performance-3d-previewing-assets

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 Experience Manager:

  1. Make sure you have uploaded 3D assets into Experience Manager.
    See Supported formats for 3D preview and Upload assets.

  2. From Experience Manager, on the Navigation page, go to Assets > Files.

    Navigation page

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

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

  4. Select the card of the 3D asset.

    Interactive 3D preview
    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:

    table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4
    View Description Mouse action Touch screen action
    Turn your camera Orbit your view around the 3D scene and objects. Left click + drag. Single-finger press + drag.
    Pan your camera Pan your view left, right, up, or down. Right click + drag. Two-finger press + drag.
    Zoom your camera Move in and out of areas of the 3D scene. Scroll wheel. Two-finger pinch.
    Recenter your camera Recenter your camera to a point on an object in the 3D scene. Double-click. Double-select.
    Reset 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.
    Full screen mode To enter full screen mode, in the lower-right corner of the page, select the Fullscreen icon.
  6. When you are finished, near the upper-right corner of the page, select Close.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab