Skip to main content

unity make a menu, the basics

    make a game  scene and a menu scene
      idk how to make an empty one
        so I copied and pasted the default one in the assets folder and renamed it then I dragged into the hierarchy area I renamed them then reloaded/refreshed em when it asked me to how do I move in the scene
          click the hand tool, then right click it and wast and scroll wheel to move faster like minecaft spectatormode + playing roblox for moving camera side to side up and down when I create a panel in the  wrong scene it wont let me change to the scene i want
          ask kunal create a panel, 
            right click in the correct scene, UI>panel
              this will create a canvas with a panel how to change bg img
                import img
                  click on file
                    change the texture type to 2d and UI if it asks you  to refresh do it
                      click on panel
                        drag the img onto the panels img source img area, it should give a + symbol on your mouse then rename your panel to background so you remember that its a background img/panel create text!
                          open asset store for custom fonts on older versions,

                              Click on the "Window" menu at the top of the screen.

                              From the dropdown menu, select "Asset Store."

                                if on a newer version open the package manager instead of the asset store

                                If this is the first time you are opening the Asset Store, Unity will prompt you to log in using your Unity account credentials. If you don't have a Unity account, you will need to create one.

                                Once you are logged in, the Asset Store window will open, showing various assets, packages, and resources available for download and use in your Unity project.

                                then install or make sure text mesh pro is installed right click on the menu scene
                                  hover over ui click text mesh pro
                                    it may ask you to import stuff, do it on the inspector menu for the text, u can scroll down to underlay, use this to crate a fake shadow if you want make sure you're text is in front of the img, it needs to be under the background in the heirarchy
                                      create a color gradient
                                        go to text mesh pro folder mouse menu create text mesh pro color gradient
                                          right click to open mouse menu text mesh pro click color gradient name it click on the file you just created
                                            click color mode and do 4 corners gradient each rectangle corresponds to the 4 corners of the text and it will make a gradient from each corner to the others based on relative space create a button
                                              in canvas under your text, make a button,
                                                use mouse menu
                                                  go to ui then button, probably text mesh pro scale the button to be similar in size to your text object or the relative size to your text this button usialy comes with a text object, you can replace that one with the one you just made
                                                    if you do this 
                                                      rename button to playbutton rename the text you created and moved into the button object to Text make text center to button
                                                        click on Text, the object in inspector, in the rect transform area,
                                                          click the stretch, align/ arrrows in a box then hold alt then click the bottom right option for streach in all axis's make the button states, and show visual feedback to the user when hovering.                               highlight lowlight, when selected or not
                                                            go to button 
                                                              right click button and look in the inspector set normal color alpha to 0 change the highlighted color to not 0 but not max set pressed color to a darker color set disabled color to whatever you want, usually grayed out duplicate button for for other settings
                                                                right click on the desired button ctrl+c ctrl+v click the new button and hold shift to drag only on one axis repeat till you are satisfied with the number of buttons
                                                                  drag with right mouse button resize your buttons to only fit the text, or fit your needs
                                                                    hold alt to mirror the padding changes on both sides of the button
                                                                      just try this it doesn't make sense when reading rename your buttons edit the text