Effects

Overview

Flint offers a variety of visual effects that can be applied to widgets to make them interactive.The detailed list of effects supported in Flint is outlined below:

  • Concatenation Effect

The text concatenation effect refers to the visual and functional outcome resulting from joining two or more separate strings or sequences of characters to form a single unified string. In Flint, using the concatenation effect,users can combine two or more text layers of the widget. For detailed instructions on how to utilize this feature, please refer to the Concatenation Effect.

Concatenation Effect

Concatenation Effect

  • Alpha Masking Effect

The alpha mask effect is used to control the transparency or opacity of an image or specific parts of an image. This effect involves utilizing an alpha channel, which contains information about the transparency levels of each pixel in the image. For more detailed information, please refer to the Alpha masking Effect.

Alpha Masking Effect

Alpha Masking Effect

  • 2D-Scale Effect

Scaling effect is the process of resizing a widget or its layers, which allows users to change its dimensions along the x, y, and z axis. The x and y axis correspond to the width and height of the image, respectively, in a 2D image. For more detailed information on how to utilize the 2D scaling effect, please refer to the 2D-Scaling Effect.

Scale Effect

Scale Effect

  • Alpha Effect

The Alpha Effect allows users to control the opacity and transparency of an image or text layer by adjusting the alpha value. Please refer to the Alpha Effect for more details.

Alpha Effect

Alpha Effect

  • Translate Effect

Translation is the movement of the widget layers from one position to another (within the widget’s boundary) without deformation. For further details on how to use the translate effect, please refer to the Translate Effect.

Translate Effect

Translate Effect

  • Rotate Effect

The rotate effect enables users to change the orientation of a widget along the X, Y, or Z-axis. This means that the widget can be rotated horizontally, vertically, or in a three-dimensional space. For further details on how to use the rotate effect, please refer to the 2D-Rotate Effect.

Rotate Effect

Rotate Effect

  • Color overlay Effect

A color overlay effect is used to creatively change the color of an image. Sometimes, a single image needs to be used in different hues, which may result in an increase in memory. To overcome this, color overlay effects are a great way to change the image color in Flint. Please refer to the Color Overlay Effect for more details.

Color overlay Effect

Color overlay Effect

  • Frustum Effect

The term frustum refers to a solid shape that looks like a pyramid with the top cut off parallel to the base. The Frustum effect provides image depth towards z-axis to project a 2D image as 3D. Please refer to the Frustum Effect for more details.

Frustum Effect

Frustum Effect

  • Position Effect

The position Effect allows users to control the position of the widget at runtime. Please refer to the Position Effect for more details.

  • Layer count Effect

Using the Layer count effect, the user can limit the number of layers to be drawn for the widget. Please refer to the Layer Count Effect for more details.