Sprite Image properties

Scope

• Book Page content object > Hotspot object > Pin > Sprite Image: Left property
• Book Page content object > Hotspot object > Pin > Sprite Image: Top property
• Book Page content object > Hotspot object > Pin > Sprite Image: Width property
• Book Page content object > Hotspot object > Pin > Sprite Image: Height property

Purpose

With the Hotspot type question, you have the option to use a custom image as the 'pin' (identified by the Pin > Image property). You can use a Sprite Sheet for the image, in which case the Sprite Image: Left|Top|Width|Height properties identify the size and position of the image to use on this sheet. (A Sprite Sheet is an image that consists of multiple smaller (typically related) images.)

For example, assume that you have selected the following Sprite Sheet as the Pin Image:

Assuming the image has dimensions of 192x168, each icon is 24x24 pixels (assuming the white space around each icon is part of the icon itself). So if you wanted to use the 'heart' icon as the Pin Image, you would use Sprite Image properties of:

• Sprite Image: Left: 24
• Sprite Image: Top: 48
• Sprite Image: Width: 24
• Sprite Image: Height: 24

(Note that the upper-left corner is 0,0)