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
- idk how to make an empty one
- 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
- click on panel
- change the texture type to 2d and UI if it asks you to refresh do it
- click on file
- then rename your panel to background so you remember that its a background img/panel
- import img
- 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 color gradient
- create a button
- in canvas under your text, make a button,
- use mouse menu
- go to ui
- then button, probably text mesh pro
- use mouse menu
- 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
- if you do this
- 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
- go to button
- 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
- hold alt to mirror the padding changes on both sides of the button
- rename your buttons
- edit the text
- in canvas under your text, make a button,
- open asset store for custom fonts on older versions,
- right click in the correct scene, UI>panel