Unity UGUI의 Image Component에 기능을 확장하여 다양한 효과를 적용할 수 있는 Custom Image Component 입니다.

BImage에서 Shadow를 적용하기 위해서는 BShadow Component를 사용해야 합니다.

BImage에서 Mask를 적용하려면 Unity의 Mask Component를 사용할 수 있지만 Mask 적용 이후 효과를 애니메이팅 하거나 값의 변경이 런타임에 발생해야 한다면 BMask Component를 사용해야 합니다.

Effects

Procedural Shape

Sprite를 사용하지 않고도 원하는 형태를 설정을 통해 활용할 수 있습니다.

Shape는 내부적으로 SDF를 사용하여 생성되며 이를 통해 각종 효과들을 적용할 수 있습니다.

BImage에서 Select Effects에서 Shape 메뉴로 사용할 수 있습니다.

image.png

Rounded Rectangle

image.png

Option Description
Left Top Roundness 설정된 값을 반지름으로 가지는 원을 모서리의 곡률로 설정합니다.
Right Top Roundness 설정된 값을 반지름으로 가지는 원을 모서리의 곡률로 설정합니다.
Left Bottom Roundness 설정된 값을 반지름으로 가지는 원을 모서리의 곡률로 설정합니다.
Right Bottom Roundness 설정된 값을 반지름으로 가지는 원을 모서리의 곡률로 설정합니다.
Offset 설정된 픽셀값 만큼 Shape를 이동합니다.
이 때 클리핑 영역을 넘어서면 Shape가 잘려서 출력됩니다.
Rotation Pivot을 중심축으로 Shape를 회전합니다.
이 때 클리핑 영역을 넘어서는 부분은 Shape가 잘려서 출력됩니다.
Pivot 회전의 중심위치에 대한 비율입니다. [0..1]

Circle

image.png

Option Description
Offset 설정된 픽셀값 만큼 Shape를 이동합니다.
이 때 클리핑 영역을 넘어서면 Shape가 잘려서 출력됩니다.
Rotation Pivot을 중심축으로 Shape를 회전합니다.
이 때 클리핑 영역을 넘어서는 부분은 Shape가 잘려서 출력됩니다.
Pivot 회전의 중심위치에 대한 비율입니다. [0..1]

Ellipse

image.png

Option Description
Offset 설정된 픽셀값 만큼 Shape를 이동합니다.
이 때 클리핑 영역을 넘어서면 Shape가 잘려서 출력됩니다.
Rotation Pivot을 중심축으로 Shape를 회전합니다.
이 때 클리핑 영역을 넘어서는 부분은 Shape가 잘려서 출력됩니다.
Pivot 회전의 중심위치에 대한 비율입니다. [0..1]

N Star