Difference between revisions of "Sprite Image properties"
(Created page with "==Scope== * Book Page content object > '''Hotspot''' object > '''Pin''' > '''Sprite Image: Left''' property * Book Page content object >...") |
|||
Line 6: | Line 6: | ||
==Purpose== | ==Purpose== | ||
− | With | + | With a '''[[Hotspot (Book Page object)|Hotspot]]''' type question, you have the option to use a custom image as the 'pin' (identified by the '''Pin''' > '''[[Image (Hotspot Pin property)|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: | For example, assume that you have selected the following Sprite Sheet as the Pin Image: |
Latest revision as of 06:46, 28 February 2020
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 a 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)