Icon Overlay: Difference between revisions

From Planimate Knowledge Base
Jump to navigation Jump to search
(Commands enabling overlay/mixing of icons/images)
 
No edit summary
Line 3: Line 3:
The basic structure of a name that uses the Icon Overlay system is parameters in square brackets preceeding an icon name, with multiple icons combined using a vertical bar.
The basic structure of a name that uses the Icon Overlay system is parameters in square brackets preceeding an icon name, with multiple icons combined using a vertical bar.


[params]baseiconname | [params]overlayiconname | [params]overlayiconname ...
The simplest way of combining icons:
Icon1|Icon2
Will overlay Icon2 over Icon1, centering it.
 
If you want Icon2 to be made smaller you add a parameter block
Icon1|[S:50]Icon2
 
You are not limited to 2 icons and can create icons on the fly:
Icon1|[W:8 H:8 A:BL]#FFFF00|[W:8 H:8 A:BR]#0000FF
Starts with Icon1, overlays a yellow block at the bottom left and a blue block at the bottom right.


== Icon Name ==
== Icon Name ==

Revision as of 20:18, 22 September 2016

By including certain commands in icon names, multiple icons can be merged during one, during edit or dynamically using text expressions. Coloured blocks can be dynamically created. Both icons and created blocks can be scaled, offset, positioned, filtered and blended, becoming one in-memory icon.

The basic structure of a name that uses the Icon Overlay system is parameters in square brackets preceeding an icon name, with multiple icons combined using a vertical bar.

The simplest way of combining icons:

Icon1|Icon2

Will overlay Icon2 over Icon1, centering it.

If you want Icon2 to be made smaller you add a parameter block

Icon1|[S:50]Icon2

You are not limited to 2 icons and can create icons on the fly:

Icon1|[W:8 H:8 A:BL]#FFFF00|[W:8 H:8 A:BR]#0000FF

Starts with Icon1, overlays a yellow block at the bottom left and a blue block at the bottom right.

Icon Name

Specifying A File

Icon names are normal file names with no extention, the platform automatically looks for known file types.

The DB file system places a limit of 30 characters on the name of an image placed into a Planimate file DB.

The limit on an Icon Overlay name (commands+names) is about 1000 characters.

Icon file names must not start with '#' or '[' and its advisable to avoid the following characters within names: '#', '['. ']', '@'.

Colour Rectangle

If an icon is named with a '#' following 6 or 8 valid hex digits, instead of a file being loaded, an in-memory colour rectangle with the given #RRGGBB or #AARRGGBB colour will be created. A default size of 16x16 is used but this can be changed/scaled using parameters.

Parameters

A parameter block can optionally preceed an icon name with a number of processing/scaling options available. These are applied to that icon before it gets overlaid on the base. If its the base icon, the scaling and sizing parameters are useful in determining the size of the initial base icon.

Alignment (A)

This sets how an overlay image is positioned relative to the base image. Two letters specify vertical then horizontal.

Possible Values: TL,TC,TR,CL,CC,CR,BL,BC,BR

Example:

BaseIcon|[A:BL S:50]OverlayIcon

This overlays OverlayIcon over BaseIcon, scaling OverlayIcon to 50% its size and positioning it at the bottom left corner of BaseIcon.

XOffset (X)

This shifts the position of an overlay image. It can be used in addition to Alignment. Example:

BaseIcon|[A:CC X:-2]OverlayIcon

Positive values shift to the right, negative to the left.

YOffset (Y)

This shifts the position of an overlay image. It can be used in addition to Alignment. Example:

BaseIcon|[A:CC Y:3]OverlayIcon

Positive values shift down, negative up (top left co-ordinate system).

Scale (S)

This scales the icon from its loaded/created size. The value specifies a percentage and range from 5 to 1000 are reasonable. Large scaling of large images may exhaust memory. See Example in Align.

Width (W)

Overrides any default width for an icon (base or overlay), enabling the width to be set in pixels. This is particularly useful when creating a colour block in-memory.

Example:

[W:32 H:32]#00FF00

Create a 32x32 green block.

Height (H)

Overrides any default height for an icon (base or overlay), enabling the height to be set in pixels. This is particularly useful when creating a colour block in-memory.

Example:

[W:32 H:32]#800000FF

Create a 32x32 transparent blue block.

Transparency (T)

Enables a given colour to be made totally transparent. This is useful for BMPs which use "Planimate Grey" as the Icon OVerlay system does not process Planimate Grey transparency when in use.

Example:

BaseIcon|[T:#BCBCBC]OverlayIcon

Mix (M)

Mixes an icon with a colour. This can be used to colour filter an icon and is particularly useful with a white image template as it can be recoloured to any colour.

Example

BaseIcon|[M:#00FF00]TemplateIcon

This creates a light grey 32x32 transparent backdrop and overlays "TemplateIcon" after runnint it through a green filter.

The mix filter supports mixing alpha.