This is a custom Image component that extends Unity UGUI's Image functionality to apply various effects.

To add a shadow effect in BImage, use the BShadow component.

While Unity's native Mask component can be used for masking in BImage, if you need to animate the mask effect or change mask values at runtime, it's recommended to use the BMask component instead.

Procedural Shape

You can create desired shapes without using sprites by adjusting settings. The shapes are generated internally using SDF, allowing for different effects to be applied.

Shapes can be accessed via "BImage" under "Select Effects > Shape".

image.png

Rounded Rectangle

image.png

Option Description
Left Top Roundness Sets a corner roundness with the specified radius.
Right Top Roundness Sets a corner roundness with the specified radius.
Left Bottom Roundness Sets a corner roundness with the specified radius.
Right Bottom Roundness Sets a corner roundness with the specified radius.
Offset Moves the shape by the specified pixel value.
The shape is clipped if it moves beyond the clipping area.
Rotation Rotates the shape around the pivot.
The clipped part is not rendered if the shape moves beyond the clipping area.
Pivot Ratio of the rotation center position [0,1].

Circle

image.png

Option Description
Offset Moves the shape by the specified pixel value.
The shape is clipped if it moves beyond the clipping area.
Rotation Rotates the shape around the pivot.
The clipped part is not rendered if the shape moves beyond the clipping area.
Pivot Ratio of the rotation center position [0,1].

Ellipse

image.png

Option Description
Offset Moves the shape by the specified pixel value.
The shape is clipped if it moves beyond the clipping area.
Rotation Rotates the shape around the pivot.
The clipped part is not rendered if the shape moves beyond the clipping area.
Pivot Ratio of the rotation center position [0,1].

N Star

image.png

Option Description
Edge Count Sets the number of points.
Inset Sets the depth ratio of the indented edges.
Roundness Sets the roundness of the star points.
Offset Moves the shape by the specified pixel value.
The shape is clipped if it moves beyond the clipping area.
Rotation Rotates the shape around the pivot.
The clipped part is not rendered if the shape moves beyond the clipping area.
Pivot Ratio of the rotation center position [0,1].