This document describes both how to view 3D assets in asset details and how to view assets that are in the 3D component in sites.

Viewing 3D assets in the Asset Details page

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.

Besides using the default stages in AEM 3D, you can also use stages that you have created in a third-party application and uploaded into AEM.

To view a 3D asset, your device or desktop browser must be WebGL-enabled. Also, the underlying graphics hardware must have sufficient capabilities and memory to render models of the desired size and complexity. Certain preview features, such as cast shadow, are not available on all browsers.

Performance considerations when you view 3D assets

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 and latencies to the server.

Model size (number of faces).

Number and size of maps.

Complexity of the stage. For example, the size of the IBL 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.

Near the upper-right corner of the page, from the View drop-down list, tap Card View.

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

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

Do any of the following:

In the lower-right corner of the asset details page, use the camera control palette to change various views of the asset.
If you use a non-touch input device without a scroll wheel, such as a classic Apple single-button mouse, you can still change the zoom or perspective of a 3D asset, while in each respective mode. You accomplish the action by pressing and holding down the SHIFT key while depressing the mouse button and dragging up or down.
When using a touch pad on a typical notebook computer, it is often difficult to control the zoom or perspective behaviors with the two-finger gesture. In such cases, you can press and hold down SHIFT during the action. This kind of effort reduces the velocity of the pinch gesture and makes it easier to achieve the exact zoom level or perspective that you want. Alternately, you can use a one finger drag up or down while the SHIFT key is pressed to affect zoom or perspective behaviors.

Camera control name

Description

Zoom

or

Persp

Tap or click to toggle between Zoom and Perspective modes.

Or, press and hold down the ALT/OPTION key during the action to temporarily toggle to Perspective
mode. Release the key to revert to Zoom mode.

Zoom–Dolly in and out behavior which moves the camera closer or further away from the asset
that you are viewing. Zoom is the default behavior for the scroll wheel on a mouse (if available0, for two-finger pinch gestures on mobile devices, or when you hold down the Shift key while dragging up or down using the left mouse button.

Perspective–Changes the focal length (also known as field-of-view) of the camera while maintaining the relative size of the asset in the view. Perspective is the alternate behavior for the scroll wheel (if available), for two-finger pinch gestures on mobile devices, or when you hold down the Shift key while dragging up or down using the left mouse button.

Orbit

or

Pan

Tap or click to toggle between Orbit and Pan modes.

Or, press and hold the ALT/OPTION key during the action to temporarily toggle to Pan mode. Release the key to revert to Orbit mode.

Orbit– Moves the viewing camera on a sphere centered on a target point which is located near the center of the 3D asset be default. Orbit is the default behavior for a left-button drag or a single touch drag on mobile devices.

Pan–Moves the camera in the viewing plane. The target point is moved correspondingly, so subsequent orbit actions will move the camera around a new target point. Pan is the alternate behavior for the left-button drag and single touch drag.

Examine

or

Target

Tap or click to toggle between Examine and Target modes.

Examine–Tap or click to enter Target mode.

Target–Tap or click a point anywhere on the 3D asset to center the view on that part of the asset.
Orbit actions use the new target point.

Reset

Tap or click to restore the view target point to the center of the model. Reset also moves the camera
closer or further away to show the asset in its entirety and at a reasonable viewing size.

Near the upper-right corner of the asset details page, tap the Stage Selector icon. Select a stage name with the background and lighting that you want to apply to the 3D asset.

Viewing 3D assets in the Sites 3D component

Touchscreen devices

To work with 3D components with touchscreen devices:

Use a one-finger drag or swipe to move ("orbit") the viewpoint ("camera") around the object. You can view the object from any direction.

Use a two-finger pinch to move the camera closer to or farther away from the object. This action is similar to zooming in or out and lets you inspect details on the object. Alternatively, press and hold the + or - buttons to move the camera closer or farther away from the object.

Use a two-finger drag to pan the camera. This action moves the camera laterally to let you look at different parts of the object while zoomed in. Alternatively, tap the Orbit/Pan Toggle button to toggle to Pan mode, then use a one-finger drag to pan the camera. Tap the Orbit/Pan Toggle button to revert to Orbit mode.

Tap Reset Viewer to reset the camera. This action brings the object back into full view and, if enabled, resumes auto-spin.

Tap Full Screen to enter full-screen mode (if supported by the device). Tap Full Screen again to restore the 3D viewer to page-embedded mode.

Touchpad devices

To work with 3D components with touchpad devices:

Use a one-finger drag while holding the (left) touchpad button down to move ("orbit") the viewpoint ("camera") around the object. You can view the object from any direction.

Use a two-finger drag down or up with touchpad buttons up to move the camera closer to or farther away from the object. This action is similar to zooming in or out and allows inspecting details on the object. Alternatively, click and hold the ZoomIn or Zoom Out buttons to move the camera closer or farther away from the object.

Use a one-finger drag while holding the ALT/option key and the (left) touchpad button to pan the camera. This action moves the camera laterally to let you look at different parts of the object while zoomed in. Alternatively, click the Orbit/Pan Toggle button to toggle to Pan mode, then use a one-finger drag while holding the (left) button to pan the camera. Click the Orbit/Pan Toggle button again to revert to Orbit mode.

Click Reset Viewer to reset the camera. This action brings the object back into full view and, if enabled, resumes auto-spin.

Click Full Screen to enter full-screen mode. Use the Escape key on your keyboard or click Full Screen again to restore the 3D viewer to page-embedded mode.

Mouse and trackball devices

To work with 3D components with mouse and trackball devices:

Drag while holding the left mouse button down to move ("orbit") the viewpoint ("camera") around the object. You can view the object from any direction.

Use the scroll wheel to move the camera closer to or farther away from the object. This is similar to zooming in or out and lets you inspect details on the object. Alternatively, click and hold the Zoom In or Zoom Out buttons to move the camera closer or farther away from the object.

Drag while holding the ALT/option key and the left mouse button to pan the camera. This moves the camera laterally to allow looking at different parts of the object while zoomed in. Alternatively, clickthe Orbit/Pan Toggle button to toggle to Pan mode, then drag while holding the left mouse button to pan the camera. Click the Orbit/Pan Toggle again to revert to Orbit mode.

Click Reset Viewer to reset the camera. This action brings the object back into full view and, if enabled, resumes auto-spin.

Click Full Screen to enter full-screen mode. Use the Escape key on your keyboard or click Full Screen again to restore the 3D viewer to page-embedded mode.