1 Topic by KRGraphics (edited by KRGraphics 2016-06-15 11:45:07)

  • Registered: 2016-02-01
  • Posts: 369
  • User Karma: 48

Topic: Creating a custom UI screen...

Hey guys... I have a question in regards to setting up the character select screen. I am doing a mockup where you will see a full screenshot of the level (or a 3D flythrough like DOA5) and I am trying to set it up were the bottom icons will contain smaller thumbnails of the levels and I want to scroll through. Also in the mockup, I want to fade the edges of the thumbnails, like in the image below.

https://dl.dropboxusercontent.com/u/158971/Select%20Screen%20Mock%20Up.png

And here is the menu in Unity...

https://dl.dropboxusercontent.com/u/158971/Screenshot%202016-06-15%2012.09.11.png

Now I just need to wire this up... I am using a prefab, just adding to it...

Thanks guys.

KRGraphics's Website

Share

Thumbs up Thumbs down

  • Registered: 2014-04-07
  • Posts: 621
  • User Karma: 206

Re: Creating a custom UI screen...

I imagine you're going to need to use either a mask on the left or right sides of the scroll, or just put a png transparent layer on the left and right over top of the thumbnail layers.

For the camera swooping, I don't know.

Share

Thumbs up Thumbs down

  • Registered: 2016-02-01
  • Posts: 369
  • User Karma: 48

Re: Creating a custom UI screen...

I'm keeping this as simple as possible. Gonna try the masking trick. And the second part of this is,  as I select the level thumbnails  (kinda doing it like the character select screen), I want the background to change. I just moved elements and left the prefabs as is.

KRGraphics's Website

Share

Thumbs up Thumbs down

  • Registered: 2014-04-07
  • Posts: 621
  • User Karma: 206

Re: Creating a custom UI screen...

For changing the backgrounds you'll have to create an image in the canvas. Then create/add a script/method that tells the game when highlighting a stage to override the image you added in the canvas. I don't have the exact script and line you'd need to do that though.

Share

Thumbs up Thumbs down

5 Reply by KRGraphics (edited by KRGraphics 2016-06-18 10:34:28)

  • Registered: 2016-02-01
  • Posts: 369
  • User Karma: 48

Re: Creating a custom UI screen...

I was gonna leave it alone as the default prefab, but I wanted to add some flavor to it. The background is from the default prefabs, I just added those thumbnails and scaled up the original panel

KRGraphics's Website

Share

Thumbs up Thumbs down