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

Concatenation Effect

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.

Translate Effect

Translate Effect

Translate Effect

Translation is the movement of the widget layers from one position to another (within the widget’s boundary) without deformation.

Rotate Effect

Rotate Effect

Rotate Effect

Rotation is a process of rotating an image with respect to an angle in the X-Y plane and it allows rotation in both clockwise and anticlockwise direction.Please note that Rotate effect is suitable for images with 2.5D effects, like Frustum and it might not be visible during simulation, but it is observable on the board.

Scale Effect

Scale Effect

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. The z axis comes into play when dealing with 2.5D or 3D images, where it represents the depth of 2D images forming the 3D structure.

Alpha Masking Effect

Alpha Masking Effect

Alpha Masking Effect

Alpha masking is a technique used to control the transparency or opacity of an image or a specific portion of an image. It involves using the alpha channel to determine the transparency level of each pixel in an image.

Alpha Effect

Alpha 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.

Position Effect

Position Effect

Position Effect

The position Effect allows users to control the position of the widget at runtime.

Color overlay Effect

Color overlay 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.

Frustum Effect

Frustum 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.

Layer count Effect

Layer count Effect

Layer count Effect

Using the Layer count effect, the user can limit the number of layers to be drawn for the widget.