Intro to Animated UIs in Fortnite / UEFN (Beginner Tutorial)

Ойындар

Hello Everyone, this is a basic beginner tutorial to making animated UI in Fortnite UEFN.
Shameless Plug:
Twitter: / piequalsthreevp
== Chapters ==
00:00 - Intro
00:08 - Making Animated UI With Widget Blueprints
03:50 - Showing Widget Blueprint with Hud Device
04:29 - The problem with Widget Blueprints
05:08 - Making UI with Post Process Volume
10:58 - Material Parameter Collections
12:35 - Controlling Parameters with Cinematic Sequences
This UEFN Beginner tutorial will go over how to create basic animated UI that are custom made by you. WE will go over widget blueprints, how to set up custom images, and show them to the player. Additionally, we will go over how to use post process volumes to create custom UI with a custom material. This video is NOT a tutorial on how to create materials, because that is an entirely different segment within UEFN. Imagine if the best UEFN maps out right now, like Tycoons, FFA maps, or even Battle Royales used custom Animated UIs, that would blow everyone's mind!
As always, thanks for watching! :)

Пікірлер: 39

  • @imiparerau432
    @imiparerau4329 ай бұрын

    You truly deserve all the success you receive. Thank you dude.

  • @blitzt.v697
    @blitzt.v69710 ай бұрын

    Thank you so much for these tutorials

  • @antosik767
    @antosik76710 ай бұрын

    Bro, you literally saved me, telling this: 4:10 I didn't even know, how to fix this bug. Thanks for the tutorial! 😅

  • @HasimFN
    @HasimFN10 ай бұрын

    anchor in widget blueprint to the middle, and in hud message device choose custom placement and anchor where you want it. that should fix the problem with hud scale

  • @piequalsthree3

    @piequalsthree3

    10 ай бұрын

    Really? That's awesome - the more you know. Although another issue which I forgot to mention is that using a widget blueprint requires a hud message layer, and you are only provided 5 in game. This could be a problem if you plan on using hud devices for other things.

  • @HasimFN

    @HasimFN

    10 ай бұрын

    @@piequalsthree3 yeah i found out myself when i played with the settings ahah. I put text in the healthbar and doesnt matter 25 or 150% the text stays in the healthbar. And what you said with layers is sadly true, i hope they add more layers in the future

  • @piequalsthree3

    @piequalsthree3

    10 ай бұрын

    @@HasimFNThat's awesome to hear! I had given up on using widget blueprints altogether because of the scaling lol. Thank you

  • @chinonoob3219

    @chinonoob3219

    9 ай бұрын

    Im sorry can you explain exactly what to do please?

  • @piequalsthree3

    @piequalsthree3

    9 ай бұрын

    @@chinonoob3219 In th widget blueprint, there is a flower looking thing in the corner of your canvas. That is your anchor. I believe you can move it to the center, or in the details of the canvas you can choose a custom anchor to a center

  • @2xVOID
    @2xVOID10 ай бұрын

    I've been struggling getting the blueprint to hud message device. Good video🔥

  • @chinonoob3219
    @chinonoob321910 ай бұрын

    You are the best bro

  • @mewgoo
    @mewgoo4 ай бұрын

    THANK YOU!!

  • @etherfront
    @etherfront6 ай бұрын

    You are a legend

  • @KiKi-cp5fm
    @KiKi-cp5fm10 ай бұрын

    That's cool!!!!! By the way, i also curious about the HPBar whitch can be changed!

  • @TabouletShorts
    @TabouletShorts9 ай бұрын

    Hi, can you make a tutorial on how to display on the u an inventory object count I mean that for example if you have 2 key that it display "key : 2" on the up right corner of the screen. You can to that with the "GetItemCount" on the conditional button i think

  • @VideosByBob
    @VideosByBob6 ай бұрын

    On the Post Process. When you moved the 3 to the upper left hand corner, what if i wanted it to be lower right or in the middle of screen? Also can Post Process be dynamic? As in display PostProcessImage1 when Verse variable X = 1 and then display PostProcessImage2 when X = 2?

  • @DoggotheGamer
    @DoggotheGamer8 ай бұрын

    is there a way to have your widget go away if you click a button for example? The hud message device doesn't have a hide function for agent so if you click a button, the widget dissapears for everyone. How can you make it where the widget only goes away for only players that click on a button?

  • @Bdistracted
    @BdistractedАй бұрын

    How do you set where the icon starts on the screen with the Post Process?

  • @Rehd66
    @Rehd666 ай бұрын

    Wait..how long have we been able to use widget blueprints in uefn?

  • @R41S
    @R41S9 ай бұрын

    is there a way to make it not visivle at game start and be activated with a button or something for example?

  • @ttrudeau83

    @ttrudeau83

    8 ай бұрын

    Yes there is.

  • @vaxs_yt
    @vaxs_yt10 ай бұрын

    You neeed to create a discord server !

  • @AvatarNate
    @AvatarNate7 ай бұрын

    how do i make an icon just go back and forth from left to right? (not diagonally lol)

  • @BananaBuildsFortnite

    @BananaBuildsFortnite

    6 ай бұрын

    google how to create moving textures, i followed one for lava , although it moves continuously. ill update if i get it to move once

  • @5daydreams

    @5daydreams

    6 ай бұрын

    Use a MakeFloat2 node, plug whatever value you want it to move in X and zero in Y - get the output of that node and plug it into the screen position

  • @etherfront
    @etherfront6 ай бұрын

    It is possible to change the parameters of Material Parameter Collection via Verse?

  • @piequalsthree3

    @piequalsthree3

    6 ай бұрын

    Not at the moment unfortunately! :(

  • @5daydreams

    @5daydreams

    6 ай бұрын

    You could always use a Level Sequence for it though - toss an MPC into it and have away at animating :v

  • @idcemail123
    @idcemail1233 ай бұрын

    How do you make it only move on the X or Y coordinate . Not both??

  • @HexaHimself

    @HexaHimself

    2 ай бұрын

    this ^

  • @BMGMFN

    @BMGMFN

    Ай бұрын

    You just need to use the translationX or Y instead of both.

  • @aviationlover6097
    @aviationlover60979 ай бұрын

    Hi! I whould really appricate it if you can show us how to group multiple meshes into a single mesh. Thanks For Anyone Who Helps :)

  • @piequalsthree3

    @piequalsthree3

    9 ай бұрын

    Do you mean physically merge them into one mesh? Or just have the ability to group them together. If the latter, you can just parent every mesh to one mesh, and then any changes made to the parent will propagate to the children mesh

  • @EllisPl4ys
    @EllisPl4ys7 ай бұрын

    pc specs hello? 800fps

  • @piequalsthree3

    @piequalsthree3

    7 ай бұрын

    Mine? I have an i9-12700k RTX 3070

  • @EllisPl4ys

    @EllisPl4ys

    7 ай бұрын

    damn, nice @@piequalsthree3

  • @FAP0W
    @FAP0W3 ай бұрын

    video quality is not the best, even at 1080

Келесі