5ml User's Guide

5ml User's Guide
Adding a 360-degree View
The mockup for the Deus project's first page also shows the image of a car, which should actually be a 360-degree view
that shows the car as if it were rotating on a pedestal. You use a set of images to simulate this 360-degree view.
The 360 widget creates an element that can show all the images of a 360-degree view. You can set up the 360 element to
cycle through the images automatically, or to enable users to navigate through the cycle of images by swiping with a
finger or dragging with a mouse.
To add the 360-degree view:
1. Click the Widgets tab in the Library pane to show the Widgets pane.
2. Choose Effects & Animation from the drop-down menu at the top of the Widgets pane.
3. Drag the 360 widget from the Widgets pane to the Canvas and position it over the car image in the tracing image,
as shown in Figure 3-20 on page 47.
Figure 3-20: Dragging the 360 widget to the page.
4. Prepare to align the 360 element to the side of the page by clicking the Snap to Parent button to turn it on, as
shown in Figure 3-21 on page 48.
- 47 -