Animation Effects
322
TPDesign4 (v3.2 or higher)
Chameleon Images
TPD4 supports a button state property called Chameleon Image. A chameleon image is a PNG image file
that, when applied to a button/state, uses the Fill and Border colors assigned to the button/state to determine
the colors in the image. In other words, it is an image that can have its colors changed on the panel itself (at
run-time).
Color Channels for Chameleon Images
Chameleon images utilize the 4 color channels that are utilized by PNG (32-bit) images (Red, Blue, Green and
Alpha) to determine the colors used in the image as follows:
The Alpha channel of the Chameleon image defines the overall shape mask for the state.
The Red channel defines the area that will be filled with the state’s Fill Color.
The Green channel defines the area that will be filled with the state’s Border Color.
The Blue channel is not used.
As a result, if the Fill and/or Border colors are changed, then the colors used in the chameleon image will
change accordingly (FIG. 378).
One possible benefit of using chameleon images is that, when used in conjunction with custom palettes, they
enable the ability to create multiple color schemes that can be applied to a single template in the G4
PanelBuilder application.
The position-oriented tweener options only work when the selected elements are set
to use absolute positioning.
FIG. 378 Color Channels for Chameleon Images
When creating an image to be used as a Chameleon image in TPD4, set the image
properties to RGB Color and 32 Bits/Channel.
Comments to this Manuals