MainMenu UI

Hello, community!

I would like to create a " Clash royale" type menu. It is just to practice my UI.
I would like to ask you guys about how I should go about making that?

I was thinking about creating different “images” in Photoshop. And in Unity, I can just maybe disable enable the proper “background” and that would be the whole UI. After that, we can put some buttons where we need them. The problem with this is if we can actually then animate some of the stuff since they are pretty much pictures that are glued on top. Is this even a good idea to disable and enable different backgrounds to achieve a high-quality look?

Another Idea I had in mind is just to create some 2D things in photoshop and using the unity UI system to just put them as pngs and maneuver with the UI that we have at disposal in Unity itself?

What would you recommend to me if I want to achieve the Clash Royale main menu type?

You’re on the right track. Export your images to PNG format, import them in Unity as Sprites, and toss them onto UI.Buttons or UI.Images (depending on whether they need to respond to clicks). If you want to get fancy with animation etc., you can certainly do that using the built-in animation tools.

Thanks , Joe ! Is there a chance to actually import the sprites that were created and make them reacto to animations ?
Do we need to do anything fancy before that ? How would we achieve , lets say you create a chest sprite . Actually let them be 2 . One for closed state and one for open .
So far we got 2 pictures 1-chest open 1 chest close .
When the player is in the “inventory” list the chest would be open . when we move back to “Play” section the chest would be therefore close . Could we animate that ? Or we can just maybe put them in the script and say if user is in this section , use this picture . Else use the close sprite ? :slight_smile:
Thank you very much for replying :slight_smile:
Greetings from Bulgaria!

If it is just two pictures, then there is no real animation possible — you can just switch from one to the other.

To animate the chest opening, you will need a series of sprite images. Then you can animate those in a sequence to make the chest appear to open.

1 Like

Ohhhh yeaa !!! Very slick move , JoeStrout. Very nice and smart , I really didn’t think of that !! LOL silly me …
One last thing before we part ways . Do you have any clue where I can learn about the new Unity UI builder ? Any references (books , videos ) ? Anything would be of much help. I appreciate your time and effort to help me and the rest that will stumble upon this thread ! Thanks from all of us

Heya! I was just playing around with Unity UI Builder myself and I chanced upon this YouTube tutorial showing the making of “Unity Royale” - a “Clash Royale” looking UI menu which I thought you will find helpful too!:slight_smile: