Search Unity

  1. Unity 6 Preview is now available. To find out what's new, have a look at our Unity 6 Preview blog post.
    Dismiss Notice
  2. Unity is excited to announce that we will be collaborating with TheXPlace for a summer game jam from June 13 - June 19. Learn more.
    Dismiss Notice
  3. Dismiss Notice

Question 2d character selection carousel with ui navigation

Discussion in '2D' started by salvadorelmejor33, May 13, 2024.

  1. salvadorelmejor33

    salvadorelmejor33

    Joined:
    Jan 20, 2024
    Posts:
    11


    Do you know any way to recreate this taking into account the ui navigation in unity?

    It's just that I can think of solutions that are either 3D or that don't take UI navigation into account and I'm sure that when I try to make it navigable I have to modify it all and make a mess of it.



    Thank you very much in advance
     
  2. Kurt-Dekker

    Kurt-Dekker

    Joined:
    Mar 16, 2013
    Posts:
    39,354
    Start with a youtube tutorial for making Unity UI in general, then carousels and/or character lists.

    There's a lot of details to all this, so be sure to pay attention as you go and work carefully.

    I like this guy's approach, one step at a time:

    Imphenzia: How Did I Learn To Make Games:

     
    salvadorelmejor33 likes this.
  3. MelvMay

    MelvMay

    Unity Technologies

    Joined:
    May 24, 2013
    Posts:
    11,657
    salvadorelmejor33 likes this.
  4. samana1407

    samana1407

    Joined:
    Aug 23, 2015
    Posts:
    282
    If it's easier for you to do this with 3D sprites or quads (and it really is easier, as perspective reduction and rendering sorting by distance from the camera will be automatically maintained), then you can create a separate camera for this carousel. This camera would render only the carousel (put the carousel on a separate layer), while the main camera handles the rest of the UI.

    So, your UI is displayed by the main camera (as always), and on top, as a second layer (like in Photoshop), the rotating carousel will be displayed, simply rendered by another camera.

    If the idea interests you, take a look at tutorials on multiple cameras. In short, it's important to configure the layer culling mask that the cameras will display and the ClearFlags property.
     
    Kurt-Dekker likes this.