Layout Building in UMG
13:42
2 ай бұрын
Curve Atlas as Mater Time
7:23
3 ай бұрын
Curve Atlas + Time
16:09
3 ай бұрын
5.4 Slate Post Buffer UMG
21:51
6 ай бұрын
Scale UVs with a Pivot Point
9:52
Blur Textures Using Mipmaps
22:46
10 ай бұрын
Perfect Pixel Outlines in UMG
11:20
Inktober 2023 - Day 9 Bounce
6:05
11 ай бұрын
Inktober 2023 - Day 8 Toad
3:26
11 ай бұрын
Inktober 2023 - Day 7 Drip
9:32
11 ай бұрын
Inktober 2023 - Day 6 Golden
4:30
11 ай бұрын
Inktober 2023 - Day 5 Map
7:07
11 ай бұрын
Inktober 2023 - Day 4 Dodge
10:34
11 ай бұрын
Inktober 2023 - Day 3 Path
11:20
11 ай бұрын
Inktober 2023 - Day 1 Dream
6:36
11 ай бұрын
Inktober 2023 - Day 2 Spider
8:27
11 ай бұрын
VHS Menu: Part 1 - The Art Style
13:27
Fill from Tap/Click Button
4:45
Жыл бұрын
Fake ASCII Effects 2D and 3D space
18:08
Material Breakdown
6:57
2 жыл бұрын
Math for artists
8:25
2 жыл бұрын
UV Scaling Material
0:40
2 жыл бұрын
UV Skewing
1:06
2 жыл бұрын
Progress Bars -  Radial Progress
0:53
Fonts Character Isolation
0:59
2 жыл бұрын
Line Trace Extended
0:51
2 жыл бұрын
Пікірлер
@Sherlocklocku
@Sherlocklocku 2 күн бұрын
Life Saver
@AJapaneseDream
@AJapaneseDream Ай бұрын
Can't thank you enough for showing material work specific to UI. Really hoping you keep posting videos like these
@JayShippey
@JayShippey Ай бұрын
For the life of me I couldn't find anyone making a video on this. Thank god for this video
@MansourVFX
@MansourVFX Ай бұрын
just brilliant 👌
@cgDeco
@cgDeco Ай бұрын
Great tutorial, thank you!
@nxtalex10
@nxtalex10 Ай бұрын
Cool af!
@thomasscott4839
@thomasscott4839 2 ай бұрын
This is so cool! Though I couldn't help but wonder how it was you accomplished the scrolling geometric shape effect! I was really hoping you were going to speak on how that was made. Maybe a future video??
@joyrok5582
@joyrok5582 Ай бұрын
Epic just released a Tech Art UI course about UVs, this is using polar coordinates and UVs to get there: dev.epicgames.com/community/learning/tutorials/Y4Kb/unreal-engine-using-uvs-for-tech-art-and-ui
@visualmemoryunit__
@visualmemoryunit__ 2 ай бұрын
this is such a gem! thank you so much
@matthewlkomar4026
@matthewlkomar4026 2 ай бұрын
I didn't know you could use spacers to maintain ratios or about the Common Visual Attachment! So exciting, definitely gonna try this at work!
@gatOlegat
@gatOlegat 3 ай бұрын
i wish there was more info about creating ui materials, litterally nothing out there except for your hard work and epic's awesome material lab, which litterally blows my mind. Also common ui, we really need to more streams from epic about common ui, one short 2 hour introduction is too little. It's desert out there in terms of useful content
@joyrok5582
@joyrok5582 3 ай бұрын
I find the Common UI docs are a good start, the content examples actually have a lot of Common UI -- start at 5.4 www.unrealengine.com/marketplace/en-US/product/content-examples?sessionInvalidated=true Of course Ben UI's discord and website are very useful if you have questions benui.ca/ There's also Cody's input Unrealfest talk that is a good resource if you want to know what input is doing under the hood with Unreal and where Common UI comes into place: dev.epicgames.com/community/learning/talks-and-demos/oDox/demystifying-input-in-unreal-engine-unreal-fest-2023 And then there are examples like Cropout and Lyra to study www.unrealengine.com/en-US/blog/cropout-casual-rts-game-sample-project www.unrealengine.com/marketplace/en-US/product/lyra
@gatOlegat
@gatOlegat 2 ай бұрын
@@joyrok5582 Thanks a lot! There is a lot of useful info indeed. Sorry if my question will seem a bit brazen, but do you happen to have a discrod channel yourself? I could use some help with my materials)
@joyrok5582
@joyrok5582 2 ай бұрын
@@gatOlegat I'm usually chilling in the WeCanFixItInUI discord, Ben UI's discord benui.ca/unreal/ui-discord/, and the UI Peeps discord. None of my own but even if I'm not around lots of folks there are happy to help answer questions on materials :D and collaborate solutions
@gatOlegat
@gatOlegat 2 ай бұрын
@@joyrok5582 Perfect, I really appreciate all of your contribution, help and support, thanks a lot. You are a real pro!
@Kiloku2
@Kiloku2 3 ай бұрын
Awesome guide! What's the Common Visual Attachment for? I've never used it and I don't get what it does. Edit: I hadn't finished watching and when you mentioned it the second time I got it 😅 I think I could put it to use a lot more!
@ПавелГунаев
@ПавелГунаев 3 ай бұрын
Is there an option that would also work with non-square textures? This one duplicates along the axes
@joyrok5582
@joyrok5582 3 ай бұрын
The sword texture in the video is not a square texture, it's a 2:1 ratio, that's why it grabs the texture size and scales to the x/y of the texture coordinate. Does that help answer the question?
@pandajumper
@pandajumper 3 ай бұрын
😎
@Ce-si2bu
@Ce-si2bu 3 ай бұрын
I use the things that you show on a regular basis, so I thank you for this wealth of knowledge sharing :D
@gatOlegat
@gatOlegat 3 ай бұрын
you could also use absolute(abs) after substructing 2 ceil values, but other than that, your methoud is outstanding!
@joyrok5582
@joyrok5582 3 ай бұрын
yes totally! I love looking at my old stuff here and seeing where the math could be cleaner, I absolutely (har har) like to see the growth I've learned with my comfort on math
@Anthony0Mcloughlin
@Anthony0Mcloughlin 3 ай бұрын
Great tutorial and explanation, really helpful! Did you figure out how to stop the start and end points of the gradient map from glowing when the line trace is further along the gradient map? I've just followed your video and my material is looking great apart from the start and end points look a bit glitchy.
@joyrok5582
@joyrok5582 3 ай бұрын
I would triple check the the texture and make sure there's no black or white near those areas, the bleeding I found was reduced by making a thicker glow line and a thinner crop, and also making sure it's exactly 0 and 1 at the edges of the glow layer
@Timtowtdi-oop
@Timtowtdi-oop 4 ай бұрын
Thank you! This is exactly what I needed. Keep up the videos.
@pus5yking235
@pus5yking235 5 ай бұрын
Insane channel!!!
@navidtbt398
@navidtbt398 5 ай бұрын
Thank you it was amazing.
@TaylorDaleWright
@TaylorDaleWright 5 ай бұрын
I'm so excited to dig into this. Thank you for putting this presentation together. Were there any resources that helped you get up to speed with these systems while you were working on this?
@joyrok5582
@joyrok5582 5 ай бұрын
Just the main documentation :D
@secoif
@secoif 6 ай бұрын
Great video, thank you.
@Xperto_
@Xperto_ 6 ай бұрын
How important is it where you place the PostBufferUpdate in your widget hierarchy?
@joyrok5582
@joyrok5582 6 ай бұрын
It's pretty critical to the feature but there is a checkbox to just sample the game scene if that's all you are doing
@Xperto_
@Xperto_ 6 ай бұрын
@@joyrok5582 thank you!
@CrouchingTigger
@CrouchingTigger 6 ай бұрын
Thanks for this! Great overview :)
@Mireneye
@Mireneye 6 ай бұрын
Ohh I imagine a lot of people have been wanting to have good ways to do this for a long time!
@bishwajit1996
@bishwajit1996 6 ай бұрын
!! Amazing !!
@AmbiguousAnalogy
@AmbiguousAnalogy 7 ай бұрын
More like this please! :) Really informative content, thanks a bunch!
@AmbiguousAnalogy
@AmbiguousAnalogy 7 ай бұрын
Hope you get this message, but what an amazing channel you have! Thanks for all of this effort!
@riccardo_torrisi
@riccardo_torrisi 7 ай бұрын
Your materials are my main source of learning! Thank youu!
@thamass8772
@thamass8772 7 ай бұрын
Great tutorial thanks :)
@pandajumper
@pandajumper 8 ай бұрын
姐姐好酷啊!
@plagues90
@plagues90 8 ай бұрын
Hi, awesome content! doing it in After Effects is so simple that I couldn't imagine you need to do/think all of this
@joyrok5582
@joyrok5582 8 ай бұрын
Haha imagine game engines are more a direct access to the graphic card ;) so it's not necessarily the most user friendly but what you can do is quite incredible and more than just after effects. But sadly that means math xD which I'm slowly getting better at but always learning.
@RisingSunTheGame
@RisingSunTheGame 9 ай бұрын
Hi. U can make tutorial? Or maybe i can buy it?
@joyrok5582
@joyrok5582 8 ай бұрын
Should be found here you can grab it: dev.epicgames.com/community/learning/tutorials/6GjP/unreal-engine-ui-useful-materials Or you can check out the UI material lab that has an example: www.unrealengine.com/marketplace/en-US/product/ui-material-lab
@RisingSunTheGame
@RisingSunTheGame 8 ай бұрын
@@joyrok5582 Oh, Thanks)
@m3makesgames
@m3makesgames 9 ай бұрын
this is fantastic, thank you, I cant wait to start using these techniques in game :D
@NotFound
@NotFound 9 ай бұрын
whoa nice
@Ce-si2bu
@Ce-si2bu 9 ай бұрын
Super cool thank you!!!!
@DJMemeboy
@DJMemeboy 9 ай бұрын
Looks awesome!
@bishwajit1996
@bishwajit1996 10 ай бұрын
This is amazing !
@xhammy6174
@xhammy6174 10 ай бұрын
If you don't mind doing 4 texture samples instead of one or two, sampling the mip with a 4 tap gaussian filter can greatly mitigate the boxy artifacts of bilinearly sampling higher mips. I don't think UMG provides a way of getting the resolution of the current mip (or the two you're trilinear filtering between) which might make that harder.
@Maxwelliswho
@Maxwelliswho 10 ай бұрын
You rule Joyrok, I really liked seeing your entire process through this particular video - Great explanation of mips - to showing examples/use case - to the materials - and the set up in umg/bp. Thanks again, extremely helpful
@A1tairAquilla
@A1tairAquilla 10 ай бұрын
This looks great!
@LeeringDeer
@LeeringDeer 11 ай бұрын
your stuff should have more views, it's really good!!!
@takethedoughnut
@takethedoughnut 11 ай бұрын
This was fun to watch! It is cool to see this develop.
@UriahGnu
@UriahGnu 11 ай бұрын
Hi! I actually love this take on the segmented progress bars! I recently backported these from the UIMaterialLab to 5.0.3 and ended up scrapping them after hours of work because as SDF functions they just didn't provide enough utility, I instead just used tiled textures with the stepped gradient function and it works much better for my use case. However, it makes a lot more sense when adding interesting animations like this, and is the only reason I could see using them in production. Keep up the great work, will subscribe!
@soeurrossette
@soeurrossette Жыл бұрын
always loving your shaders :D