How To Build MENUS AND UI In UE5 | Unreal Engine 5 Beginner Tutorial
ฝัง
- เผยแพร่เมื่อ 23 ก.ค. 2024
- Hello guys, welcome to Virtus Creative Hub. Ready to take your game to the next level and create user interface elements for heads up displays, menus and more using UE5? In this beginner tutorial video we'll introduce you to Unreal Motion Graphics allowing you to bring 2D graphics into Unreal Engine 5 and turn them into interactive elements using blueprints. Make sure to leave a comment below and subscribe to our my TH-cam channel.
By the end of this video you'll create a simple main menu and health bar displayed on the player's screen.
UI Download: drive.google.com/drive/folder...
00:00 - Video Intro
00:57 - A quick message from our sponsors
01:37 - Creating a blueprints project project
02:10 - Introduction to User Interface Widgets
06:56 - How to display a widget on the screen
10:51 - Styling our user interfaces
21:04 - Main Menu Functionality
25:57 - Creating a player health bar
34:26 - Video outro
Take your art skills to the next level with this awesome graphics tablet (use code VirtusXence) for a discount: www.amazon.co.uk/dp/B09PRCZX4...
Don't forget to like the video and subscribe.
♥ Don't forget you can support the channel on Patreon for more content just like this! / virtushub
♥ Join the Virtus Discord: / discord
Virtus Creative Hub // Media
● Facebook Page - / virtushub
●Twitter Page - / virtushub
● Website - www.virtushub.com
This wasn't just "do this" and now it works, i actually learned something, thank you
Hey everyone, we're now moving onto how you can create user interfaces in Unreal Engine.
Let us know in the comments what you're going to create with this video!
Hey how’s it going will this menu be compatible with game pad as well?
@@danthonyhill9906 It won't be compatible with game pads, this is all foundation stuff. If we get a few people asking for gamepad UI tutorials I'll make it!
@@danthonyhill9906 I was literally thinking of the same thing lol
@@VirtusEdu +100000 Gamepad Blueprint tutorial. Ty bro.
I just wrote in my comment about it being 2022, and people still do not know how, or teach how to do this fundamental thing that Epic refused to give us an example of? I even bought a gamepad to test my demo, but then hit a wall - it doesnt work with Hud controls.
Makes me mad Epic didnt do this by default, and has paralyzed my project. (Theres hardly any info on this that isnt PAID. I found one tut, but his HUD methods were too dissimilar to yours, so didnt work for me.)
Great video as always, very informative. Hopefully we can get a tutorial on how to setting up game options too. Thank you for all your videos and hard work Virtus.
Thank you for making this in-depth tutorial on menus as most paid courses don't even cover this topic!
Glad I could help!
This is something that I was looking for! Great, simple and very informative video about UMG :)
Thankyou so much for this. it was really well explained at a good pace without taking up a lot of time within half an hour.
Very clear explanation!! thank you very much.
Great tutorial as always! Thanks a lot :)
Thank you for creating a great starting point for me.
I truly love the videos you put together and explain the process of creation. I am not 100% if you done this but would you be able to create an extended version of this. Same video but covers the multiple platforms. A working UI/Menu with PC gaming, Mobile gaming and Console Gaming (with a controller like playstation/etc...) that would be amazing
Awesome video. Thank you for spending the time to make great tutorials. I learned a lot.
I’m glad you enjoyed it! There’s plenty more on the way 💪
@@VirtusEdu I appreciate it a lot.
Excelent content! thanks for your guide! :D
Thanks for the tutorial, it helps a lot :3
OhEmGeez this is just what I needed
I love your videos so much! Can you please make a new series your the best at making them!
you made me decide to switch to unreal thank you a lot
Wait, you skipped over how you made it so there's a blank background in the menu screen and how you get rid of the menu when starting the game
He did say how to get rid of the widget with the exit button. Just go from the on clicked node to a remove from parent node. Works good for me
Thank you for this tutorial. Could you do one for inventory or character selection using slider. That would be great!
Could you make a tutorial on settings such as resolution, graphics . . . Very useful tutorial
If it's something that gets a lot of requests, I'll definitely do it!
Can you do it
Definitly usefull. Sound fx. Music.User prefs. Etc. You do an awesome job. You help a lot of poeple. Thank you so much for making things so clear and easy.
Please, please, please do it! Matt Aspland did one for UE4 where he covered stuff like resolution options and window size, but there are none for UE5 and no one explains things as well as you do. I hope you make one!
@@VirtusEdu If you make one it will be really helpful
watched the firs minute, yup i'm sold
This helped so much!
One question though. Any time I close and restart UE5, I have to do the open blueprint process again. Is there a way to bypass that and make it stick?
Great video, thanks. Subbed...
Thanks a lot :)
very helpful if you know something about BP.
thank bro such great video bro
we need a tutorial on how to make game settings such as vsync, resolution, audio settings like volume, and customizable controls
Thank you for tutorial, can you make a full tutorial on full menu system, with animated background or diff. background for different submenu, and having options like main menu, submenu including sound, graphics, controls and others things... it would be helpful
Great video, thanks, but I have a question: what's a usual FPS while the game is just purely running the UI (pre-game menu, lobby, etc)? How does it compare with Unity? There are games where for a lot of the time the user is just browsing menus, I wonder how heavy that is on the CPU and GPU on Unreal.
Much love
Fo show!
To anyone that is confused with the Add to Viewport,
If anyone has incountered this(I have) in the latest version of Unreal Engine when you try to add the Add to Viewport nod
it might not show up.
Make sure Context Sensitive is unchecked.
amazing video, I'm a new subscriber I came to the channel for your FPS game tutorials, could you make a third person shooter?, it would be very incredible
I'm making a flight simulator and I have this issue: I did physics calculations in the Level Blueprint. I can't cast to level blueprint though so how can I use the UI to print the values of the variables like Altitude for example
Hello! im having an issue where the PNG's Edges Are jagged, and sometimes have white lines around them, i made them in Illustrator and exported as a PNG in 4k rez. any idea what it might be?
do you know how to make it so the menu and the hp bar work at the same time
I love the thumbnail, reminded me of the classics. so sad they have retired from YT
I used the same toggle visibility function to directional light but it wont disappear like the spot light no matter what key I choose to press
@virtusedu The VR template has changed for the VRpawn, on the 10:36 mark which input action do I use ? EnhancedInputAction IA_Hand_IndexCurl_left? or IA_Hand_Point_Left?
It's my boy Virtus! Bro youre back. Thanks for the old UE4 tutorial series. Im happy youre filling in other issues.
Question 1) does this tut cover gamepad-hud setup? Thats where Im stuck on. (And seems a lot of people dont know how or teach it even in 2022. I followed another tut, but his HUD methods were too dissimilar to yours, so didnt work for me.)
2) Does the blueprint code you teach here work in UE4.27?
Hey, the code taught here does work in 4.27
As for game pad inputs, this video doesn’t cover it but I have had quick a few people request it so I’m looking j to making some content around it!
when i compile it, the text changes back to white, and when I hit play, the same thing happens. Do you know how I could fix this?
So this runs a check if the widget is valid everytime the player presses any key? Seems like there should be a better way of doing this?
Is it possible to create animated video overlays to work with streaming software isung UE5. I am currently streaming in OBS.
Hi~ I would like to ask about the UI system of ue5, can they achieve collision and overlap? And write programs for them?
But what if you want to click the button with the right mouse button? how do we do that please as i can only get it to work with the left.
hey...how do I do this.... if I wanted to delete a sqaure object, & when you do it un deletes a new square object. & if I delete the new object the other one undeletes again. the objects are all linked with eachother. can you do a tutorial on that please if that's ok.
how can i add main menu music and sounds?
You are really good at teaching, you explained why we were doing something before we did it. This helps the content stick in my head better and I don't feel like I am just randomly doing stuff like in other tutorials. Great video, keep up the good work!
I want to make an ui with multiple camera showing in one page, I mean showing the subject from different angels, could you please help?
when i press play the level opens but the menu stays on the screen
FYI, if, for some reason, the Events are missing from the details panel, you have to make sure the "Is Variable" checkbox above the details panel is marked. Marking this box, if it is unchecked, will generate the events section in the details panel!
Good evening. Please advise,
How can I reduce the sensitivity/speed of the camera in the viewport?
You can change the speed of the camera by clicking the camera icon in the top right corner of the viewport. As for sensitivity, you'll have to turn down the sensitivity of your mouse on your computer. Do you mean being able to change the mouse sensitivity in game instead?
@@VirtusEdu Thanks. In viewport.
why my character isn't frozen when i added show cursor? 10:15
how do i make health display only when play is pressed?
Never Mind i just set HUD to level blueprint on Level2
The blueprint for the main menu does not work -- nothing appears in the player viewport.
hey guys could you do a tutorial on how to attack and deal damage with a 2d sprite please
I'll definitely look into 2D content!
I need a "main m[a]n", too.
when i use my own PGN the image size is fixed too and different to the button size, any idea?
In the style settings for the button, you can change the image size. Hope this helps
@Virtus Learning Hub it doesn't change unfortunately, the image size appears locked, maybe I used a wrong png... can you please tell me the best png specifications for unreal?
Sir iam not getting events when i have cliked on buttons
What is the solution?
have you tried checking the 'Is Variable' checkbox in the details panel of the button? it should be on the top, next to the name
Hmmm.. Theoreticaly we can make entire game only with widgets?? ie. 2d paper style .. idk.. some mini games.. maybe like brickbreaker or similar.. ?
Cant find "add to viewport" on this UE 5.4 version😭
Im so confused at this point, I did everything exactly the same, but the widget wont show up like in the video at 10 Minutes. Its not a new Project, but at least that should work.
Anybody experienced something similar in the past?
How long does it take to learn soft?
It totally depends on what you want to learn, best piece of advice I can give you is to check back and watch as much of our content as you can.
Best of luck!
I don't have viewport in my blueprints
The image is not uploading at it's size and the quality is bad. Can't find an answer anywhere...
EAT IT!!! 😂😂😂
I was hoping there was going to be some snaps in this video. I have UI elements that I need to align properly.
I learned that there are container UI elements for this.
Can you teach people to not use the level BP
Can i use flipbook in widget?
Hi,
You can indeed, you just need to render a material on the screen in the UI.
Best of luck!
@@VirtusEdu Thank you
cant get play button to work. pls hlp
Hey David, if you join our discord I can help you some more with this problem
Plotting a good comeback?
yeah but no one ever covers the About button where your opening up a new page!
the thumbnail remind me about brackeys
Bindings are very inefficient, a better method is to call an update function whenever the player's health changes.
I was lost when you deleted the menu blueprint content to add the HUD content with the reference that it should go in the player blueprint... without an explanation of how to do that.
8:00
What about navigate menu with gamepad like in the AAA production ?.. it is very hard to navigate in menu with a gamepad in Unreal, why Epic is so niggard with basic option like this ? maybe to buy any plugin to 50$ ! strange...
Please do something about your voice. It's too soothing. Please 🙏. I love watching your videos but I get so sleepy.
Hiya Virtus, I'm looking to bring my current Unity game over to UE5 th-cam.com/video/NcgtL91Dk0w/w-d-xo.html and was wondering if this tutorial will help me with creating a fully widget based game for mobile? I've already created the swipe menu using this th-cam.com/video/aq_39uauz08/w-d-xo.html but now looking to continue on and expand on it, and dig your style of teaching. Any assistance would be greatly appreciated. Thx much~
Amazing I got to 25:00 and yes you explained exactly what I was looking for! Im guessing I can also add a transition to the 2nd widget blueprint? You rock sir! Been looking everywhere for this info.
No problem!
Thumbnail is inspired from brackeys, say yes
You should never use PNGs for games; just about everyone now supports EXR with DWAA compression. EXR with DWAA compression is 90% smaller than PNG, doesn't introduce vignetting or artifacts in the alpha layer, and you get the added benefit of high dynamic range. The only reason PNG support is even still in UE is for legacy reasons.
What’s wrong with PNG? What format do you recommend?
I use PNGs because it can do a clear areas of an image with no color, whereas JPG always has white and no clear part of there is no color.
What is a better option?
@@gfujigo EXR with DWAA
UE5 is a joke - a very bad, very unfunny joke. You can't for instance use keyboard inputs in the UMG widget system when the game is paused.
That's right you read that correctly - when the game is paused, keyboard events (even when set to "Execute when paused") in the player controller WILL NOT go through to the widget... the widget can be focused, the right custom even can be called in the widget.... the right keyboard button is set in the player controller.... all the execution pins are linked..... BUT IT JUST DOESN'T WORK.
Because UE5 is a joke, like it can't even use the keyboard for menus natively.... you need a plugin to get it done, and it's an overly complicated, repetitive system.