Unity 3D : Menus Part 1 (Panel Backgrounds)

[@TheRoyalSkies]

Well, here we go - I know that Menus aren't the most "exciting" thing most of us spend our time thinking about when planning our projects, but in my experience, it's good to have a general idea of how to create one very early on. One of the worst thing that can happen to you when you're close to your deadline is create an awesome game with crazy customization, and lack the ability to create an equally complicated menu that fulfills your gameplay needs - Hope this series comes in handy for those of you that are closing in on needing this information :)

[@adonislochlan7090]

i guess im asking the wrong place but does anyone know a tool to get back into an Instagram account? I stupidly forgot the account password. I would appreciate any help you can offer me

[@apexgaming578]

A game's menu is the front door for the game. Having a nice, clean, and interesting menu is a good way to make the game a step better than others. It may not be exciting, but it is necessary and can be fun if you use your creativity.

[@masonmason22]

Thank you for showing the scale with screen size setting. That is such a gotcha within unity.

[@Thesupperals]

A lot of people enjoy their start screen background being at the very beginning of the story. It is really fun to press that start button and see it begin the cinematic right off the bat without loading.

[@kaiser9321]

I would recommend Game Dev Guide’s UI tutorials if you want to go a bit deeper into it

[@andrewmd10]

my cousin texted me "you told me some time ago about a channel with fast tutorials for blender". I had a hard time finding it again even though I'm subscribed because I can't remember the name. But it is still the best tutorial channel

[@Ikxi]

I had a whole half year semester on UI Design We worked in Unity NEVER DID MY TEACHER SHOW HOW TO DO THIS YOU, SIR, ARE A TREASURE

[@ColdOneK]

An important note - with 3D games - specifically starting with the URP package(I haven't used the others in a long time) - You need to add the sprite package from the package manager in order to work with sprites.

[@TheKnightDark]

I hope You will have a Fantastic day too : )

[@wearwolf4202]

Also make sure there is an event Listener in the scene otherwise canvas objects will not work correctly

[@IchigoFurryModder]

I'm pretty sure Unity does that for you when you make a new canvas.

[@officialsquadrilogystudio]

I'm just trying to get ready for a game jam.

[@kriegs8315]

Yes

[@CosmicComputer]

Are you planning an unreal engine series too?

[@kingmurder8245]

still a life saver

[@heyreefes]

waiting for area transition part

[@IchigoFurryModder]

I actually wrote my own code to do my buttons in a private demo just to have some stupid animations I could of probably done with Unity UI anyway and it was a pain, I dunno what I was thinking there and I deleted the scene with that menu because it was awful lol, the only part I struggle with for UI is really the artistic side of it tbh. I think for me it helps that I did standalone C# apps with WinForms before anything Unity to understand how to use this type of tools.

[@TheRoyalSkies]

Haha, I did the same thing for my first game actually too - I didn't know there were MUCH easier ways to do what I was manually programming. I'm pretty sure we weren't the only ones lol. That's what I'm hoping this series helps with :)

[@IchigoFurryModder]

Hoo wee, I failed time and time to make my own AI library without knowing Unity had JUST released ML Agents, it's bonkers to find stuff like this, and yeah even when I know how to do it myself it helps to see how someone else goes about it or how they think of the situation, I also think your voice is oddly satisfying to listen instructions for some reason lol

[@whiterice6016]

Yeah I have no clue how to get started on the artistic side of UI

[@TheRoyalSkies]

@@IchigoFurryModder Well thank you lol - We're gonna go into ML Agents later in the show. There's a lot of stuff that Machine Learning can do for us that will save a lot of time. But that will be after we've opened the discord. For now, I've just been messing with it on my own, and it's pretty awesome so far :)

[@IchigoFurryModder]

@@TheRoyalSkies That's pretty cool, I was just mentioning it lol, I've been messing with it too -and so far I got some really dumb ants that go slam their faces into the corner of the screen what.-

[@kingmurder8245]

100k Fuck Yea!!

[@TheStrandedAlliance]

Unfortunately this kind of UI editor makes people forget about some of the principles of UI design. There are so many game UIs were the elements don't even align...

[@IchigoFurryModder]

Hi I wanna contribute. Say you wanna put something shaded in the GUI, for my game I modelled the thing with basic player stats because I didn't wanna have 20 textures for the same thing [see 1] since I'm doing life upgrades in the same fashion as Devil May Cry and Bayonetta games, so that's why, at first I just put another camera rendering to a UI layer only [see 2]. This gave me the ability to *also* give GUI it's own separate post processing, but the GUI objects would stay static there, and it would of been a pain to program myself something to deal with aspect ratios, and what I did to solve it was to put my GUI objects in a canvas [see 3], and so I set the canvas' render mode to Screen Space - Camera, and now the canvas wants a reference to a camera object, I gave it the GUI camera from before, which no longer had anything to render by itself [see 4]. I set the UI Scale Mode of the canvas to Scale With Screen Size like in the video, and I also made sure all my shaded GUI objects which had Transforms for convenience's sake, were children of an object with a Rect Transform with the appropriate anchor points [see 3, the object PlayerStats has a Rect Transform, the prefabs in there don't]. This is a pretty handy workflow, and I loved it, it gave me very good results, and because what Screen Space - Camera rendering does seems to be something along the lines of sneaking your objects in the canvas into the frostum of the camera right before rendering, it still has some post processing that looks great, in fact, it looks exactly the same as when I was just using the camera by itself [see 5]. 1: cdn.discordapp.com/attachments/446460216834523156/830555510058516500/unknown.png 2: cdn.discordapp.com/attachments/446460216834523156/830557510149734440/unknown.png 3: cdn.discordapp.com/attachments/446460216834523156/830556553752739881/unknown.png 4: cdn.discordapp.com/attachments/446460216834523156/830557066849419274/unknown.png 5: cdn.discordapp.com/attachments/446460216834523156/830558891590156288/unknown.png

[@emmys720]

there are a ton of long tutorials that dont manage to accomplish what this guy does in a couple of seconds

[@koumayelsezi2096]

First of all, thanks for all the work you have done for us Second, please focus on developing multiplayer games pleeeeease 😁

[@masonmason22]

I personally think multiplayer games would out be out of the scope of what his channel is about. There's all sorts of extra crazy things that bog down multiplayer games (networks, servers, cheaters, pvp-balance).

[@IchigoFurryModder]

@@masonmason22 Or if it's local multiplayer it's simple enough it doesn't need a video of its own, rather just a peak into documentation I'm pretty sure, at least with the new Input System it's funnily simple to setup, I forgot how the old Input Manager does that.