How to set my Image Mask in Hexagon Shape in unity?

Question

I Have hexagon sprites over Image and in back my screenshot image but Here, problem is my image shape square but i want try to fix in hexagon shape

So what i do ? please give me any suggestions

frame without image:

frame with image:

try it out https://youtu.be/g3gpXmo8zRo – Nikunj Paradva Jun 27 '19 at 06:42 — Nikunj Paradva, Jun 27 '19 at 06:42

score 2 · Answer 1 · answered Jun 27 '19 at 07:03

You can have a look at the following blog post: https://subscription.packtpub.com/book/game_development/9781785885822/1/ch01lvl1sec13/adding-a-circular-mask-to-an-image

Basically, you create your hexagon shape in, for example, Gimp, fill it with white color and leave the rest transparent. Be sure to add the alpha channel to your layer. Export as a PNG and apply it to your sprite with the correct unlit transparent shader.

score 1 · Accepted Answer · edited Jun 20 '20 at 09:12

1

Create UI Panel And ADD COMPONENT

Image
Mask

In Image Component You set Your Any Shape's Image

And Also Add One Image Into Panel That you mask in this Shape

Check it out for more information https://youtu.be/g3gpXmo8zRo

edited Jun 20 '20 at 09:12

Community

1
1

answered Jun 27 '19 at 07:09

Nikunj Paradva

15,332
5
54
65

How to set my Image Mask in Hexagon Shape in unity?

2 Answers2