Difference between revisions of "Sprite Image properties"

From SAP Enable Now Wiki
(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 the '''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.)
+
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

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:

Example of a Sprite Sheet

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)