Download "How I Simplify Unity Development with the Façade Pattern"
Table of contents
Similar videos from our catalog
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F4_DTAnigmaQ%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FGL1w7IZ1OYU%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FQa8QUru6hc0%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FmAfpfUYhpAs%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Fo5Iwu5wpINQ%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FsDNLXnIJP6k%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Fv2c589RaiwY%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Fz1sMhGIgfoo%252Fmaxresdefault.jpg&w=1139&q=75)
Video tags
Subtitles
Russian
00:00:00
when I want to expose several systems00:00:02
through a single interface I use the00:00:03
facade pattern here's an example I'm00:00:06
using three Tools in this project to00:00:08
control visual effects when my player00:00:10
moves from place to place or some kind00:00:12
of cinematic occurs I want to change the00:00:15
effects what I don't want to do is call00:00:17
several methods and change properties00:00:19
every time on all of these systems you00:00:21
might be doing this with weather systems00:00:23
or audio systems or anywhere else where00:00:25
you have operations that affect an00:00:27
entire subsystem of objects and this is00:00:30
where the facade comes in today we're00:00:32
going to create a facade for three00:00:33
post-processing effects to create00:00:35
complex visual styles with just one00:00:38
method call while you could use any00:00:40
combination of subsystems behind a00:00:42
facade today I'm going to show you how I00:00:44
would combine regular postprocessing00:00:46
effects with the unique features of00:00:48
beauy 3 and oil paint assets to create00:00:51
some unique visuals for this00:00:57
game so as part of the system I've00:00:59
created a few different volume profiles00:01:01
that we can use for the different styles00:01:03
of effects I want to have so we've got a00:01:05
really basic ones here I've got an00:01:06
artistic one that doesn't do too much00:01:08
because I'm going to count on some FX00:01:09
for this one but the horror one is going00:01:12
to slightly change the color a little00:01:14
bit to a bluish color it has some other00:01:16
features like chromatic aberration and00:01:18
depth of field and I've created a movie00:01:20
volume that just has some things like00:01:22
vignette motion blur depth of field and00:01:25
then I've also created another volume00:01:27
that has all my beautify settings now00:01:30
you can see beauy of course has so many00:01:32
settings you can choose and I've only00:01:33
set some of them a little bit more Bloom00:01:36
some anamorphic flares and a little bit00:01:39
further down is a new feature of00:01:40
beautify 3 which is the ability to have00:01:43
cinematic bands on your screen so what00:01:45
I'm going to do is have horizontal bands00:01:47
on the top and bottom of my shot when00:01:49
I'm playing a cinematic00:01:51
sequence so I'm going to go ahead and00:01:53
create an empty game object here that'll00:01:55
just hold a bunch of buttons that'll00:01:57
interact with our00:01:58
facade00:02:00
I've already created an empty script00:02:02
that will hold our buttons but let's00:02:03
also create one for the facade as well00:02:06
it's going to be a Singleton and I'll00:02:07
move it into its own file here our00:02:09
facade is going to be an interface00:02:11
between the different post-processing00:02:12
setups I want to have and the rest of00:02:14
the game so we'll have some public00:02:16
methods here that will hide the00:02:17
complexity of how these systems will00:02:19
behave so these three methods here will00:02:21
form our public API any button or00:02:24
Trigger or other event that needs to00:02:26
change the postprocessing effects just00:02:28
needs to call one of these public00:02:29
methods00:02:30
back in the buttons class let's define00:02:32
three buttons one for each of those00:02:34
public API methods uh I'm going to use00:02:36
Odin here so I'll just Define a color00:02:38
quickly and then I'll just use the00:02:40
Odin's button attribute to create a00:02:42
button for each one once I've got the00:02:44
first one written here I think co-pilot00:02:46
should be able to take over from here so00:02:49
yeah it already knows what I want to do00:02:50
so there we go set up horror set up00:02:53
cinematic and setup artistic let's jump00:02:56
back into unity and make sure these look00:02:58
correct just drag the buttons component00:03:01
onto my game object here and yeah there00:03:03
we go that all looks great okay let's00:03:05
carry on and we'll start with the first00:03:07
part of00:03:08
this now for each one of these public00:03:10
methods I want to load one of the00:03:12
volumes that I created earlier so we'll00:03:15
store that into its own variable here00:03:17
and start we'll run a method that will00:03:18
initialize this all we really need to do00:03:21
to initialize a volume is to create a00:03:23
new game object add the volume component00:03:25
to it and then we need to load the00:03:28
settings into the volume00:03:30
to actually load the settings into the00:03:32
volume what I'm going to do is create a00:03:34
new class here called resources utils00:03:37
and it's just going to have an extension00:03:38
method we'll call it load volume profile00:03:41
it'll use the resources. load method and00:03:43
assign the profile that it loads into00:03:45
the volume so now we can come back to00:03:47
the facade and the first part of each00:03:49
one of these methods will be to load one00:03:51
of these presets that we've already00:03:53
created so I'm just going to put the00:03:55
methods in here for each one of00:03:57
those perfect now we we can test it00:04:01
out so back over here I'm just going to00:04:03
add the facade to the same game object00:04:05
you don't have to but I think it's00:04:07
simple for this demo and press play and00:04:10
now let's check out horror so we've got00:04:13
the colorization there cinematic nice00:04:15
and crisp with a little more Bloom and00:04:17
the artistic not much different than the00:04:19
Cinematic yet but we'll be changing that00:04:21
in a00:04:22
moment so it's doing exactly what we00:04:24
want it's loading all the profiles let's00:04:26
come out to play mode and keep00:04:28
going00:04:30
so the two other systems I want to00:04:31
implement are beautify and frankon games00:04:34
oil paint system so what I'm going to do00:04:36
is make two classes that are going to00:04:38
control those because they're a little00:04:39
bit more complex than just assigning a00:04:41
profile to a volume move these into00:04:43
their own files and we'll work on them00:04:44
one at a time I think what we'll do is00:04:46
actually start with the francon system00:04:49
first so I'll create a reference for00:04:51
that so we can store it here and we'll00:04:54
just have another initialize method in00:04:56
the start and it'll set up our system00:04:58
for us basically very similar to what00:05:00
we're doing already we'll just create a00:05:02
new game object We'll add our new00:05:04
component to it and that's really it for00:05:07
this then let's jump over to the new00:05:09
class here and start writing it out so00:05:12
this is the first time I've actually00:05:13
used the oil paint one so what I did was00:05:15
went and had a look at their demo and I00:05:17
copied a little bit of code from there00:05:19
and I'm just going to change it a little00:05:20
bit so I'll import the dependencies here00:05:22
let's add a variable so that we can keep00:05:24
a reference to the settings on awake we00:05:26
can use a method of the class already to00:05:29
get those00:05:30
settings then let's just run another00:05:32
method called initialize initialize will00:05:35
handle the settings of everything we00:05:36
want for this I'm just going to paste it00:05:38
right in here now you see I've set the00:05:40
intensity to be zero because I wanted to00:05:42
start it with no effect at all and I'm00:05:44
going to set when to insert to be after00:05:47
rendering the00:05:48
Skybox let's take a quick look inside of00:05:50
this settings class you can see there's00:05:53
quite a lot going on here so so you can00:05:55
see there's a lot going on here this00:05:56
tool is actually quite powerful I'm00:05:58
starting to really like it just after00:05:59
playing with it for one day so let's uh00:06:02
clean this up we need one method here00:06:03
that's going to change the intensity for00:06:05
us so we can just accept a toggle like a00:06:08
Boolean on and off let's call it is00:06:10
active if it's active let's set00:06:11
intensity to one otherwise zero that's00:06:14
all we need to turn this effect on and00:06:16
off let's come back to the facade I'm00:06:18
going to move all the initialization00:06:20
stuff keep it at the bottom and so in00:06:23
each of our public API methods what00:06:25
we'll do is we will decide whether or00:06:26
not we want the painting effect to be on00:06:28
or off so the only one I actually want00:06:30
it on is in the artistic one so with00:06:33
that done we can actually go back and00:06:35
see if it works I'll just hit play here00:06:38
and let's might as well just start at00:06:39
the top again make sure everything's00:06:40
working correctly so horror yeah that's00:06:43
what we want how about artistic yeah and00:06:45
there we go so now we have a cool hand00:06:47
painted effect whenever we want to do00:06:49
kind of an artistic render of something00:06:52
and I've got it turned up to pretty much00:06:54
the max for this particular setting but00:06:56
uh it's definitely worth playing around00:06:58
with I'd check that out if you're00:06:59
interested in that kind of effect so00:07:01
next let's add beautify into our mix so00:07:04
that our facade can control the00:07:05
different beautify settings if this00:07:07
video is helpful or useful to you give00:07:09
it a thumbs up it helps YouTube share it00:07:11
with more people and it gives me00:07:13
feedback that it's useful for00:07:16
you I'm just going to add a few more00:07:18
using statements because we're going to00:07:19
need them in a moment and for beautify00:07:22
what we can do is store the beautify00:07:24
settings similar to what we just did00:07:26
with the francone ones I'm also going to00:07:28
add a little bit more functionality here00:07:29
to make it a little bit more useful in00:07:31
the future so I might want to access the00:07:34
settings of beautify from a public00:07:36
property and we can also use a null00:07:38
coalescing assignment Operator just to00:07:40
make sure that there is something00:07:41
actually in there when we go to00:07:43
initialize this component I will have00:07:45
already loaded our beautify volume onto00:07:48
this game object so what we can do in a00:07:50
wake is we can actually grab a reference00:07:52
to that volume let's iterate over all of00:07:55
the components find the one that is the00:07:58
beautify component and return that one00:08:00
that way we're not using the static one00:08:02
from the beautify settings we're using00:08:04
the one that's actually on this game00:08:06
object and if for some reason we don't00:08:08
find it there let's just log an error00:08:10
message so that we know that but that00:08:12
should be a little bit more robust and00:08:14
it'll get us the one that's local to00:08:16
this particular00:08:17
instance so that's all the setup I want00:08:19
to do in this class but now let's start00:08:21
adding some utility what if we just00:08:23
wanted to turn off beautify altogether00:08:26
we could just have a disable method here00:08:28
that would turn off the let's see it's00:08:30
called active yeah there we go active00:08:32
equals00:08:33
false and we can start toggling settings00:08:36
or actually just turning them explicitly00:08:38
on and off I'll just make some room here00:08:40
I'm not going to make methods for every00:08:42
single beautify setting because there's00:08:44
probably hundreds of them but basically00:08:46
we can just start with blur we can00:08:48
toggle it on and off we could toggle on00:08:50
and off sharpen how about vignette we00:08:52
could uh there's two vignette settings00:08:54
actually there's the outer ring and the00:08:56
inner ring so we can just toggle them00:08:58
I'll come down here here let's make some00:09:00
activate ones that'll actually accept a00:09:02
Boolean we might as well do vignette00:09:04
first so this is just basically the same00:09:07
except we'll assign the Boolean value00:09:09
looks like I got a typo there let fix00:09:10
that okay how about we do the Cinematic00:09:13
bands now that one I've already00:09:14
configured it on the volume so all I00:09:16
really need to do is turn it on and off00:09:19
on the volume that setting is called00:09:21
frame and all we have to do is turn it00:09:23
on so that's probably enough for our00:09:25
little demo I think I'll just do a00:09:26
little bit of cleanup here once that's00:09:28
done we can jump back over to the facade00:09:30
now we need to have another initialized00:09:32
method for beautify that's going to do00:09:34
something very similar to all the other00:09:35
ones basically we'll create a game00:09:37
object for it we're going to add a00:09:39
volume component to it and we'll load in00:09:42
the specific beautify volume that's00:09:44
already created and then we need to add00:09:47
our new class to it so that we can00:09:49
control it I'll just move this down00:09:51
below with the other initialized methods00:09:54
and then we can start putting it to use00:09:56
so let's keep it super simple for now in00:09:58
the hor00:09:59
settings I don't want any bands but I do00:10:02
want the vignette so let's turn the00:10:04
bands off and vignette on now I'll just00:10:07
copy and paste this down to cinematic00:10:09
but I actually want the opposite I want00:10:11
the bands on and the vignette off and00:10:14
then finally down in the artistic one I00:10:16
actually want to turn both of those00:10:18
things off so I just paste it in there00:10:19
again and switch cinematic bands to off00:10:22
yeah and then we should be good I think00:10:25
just before we go back to Unity I'm00:10:26
going to quickly quickly add one more00:10:28
thing for outline because I want to use00:10:30
it in the horror setting so I'll have a00:10:32
toggle n and activate and I'll turn it00:10:34
on in horror but off in the other00:10:38
two there we go all right let's jump00:10:41
back to00:10:43
Unity so if I hit playe out we'll see00:10:45
all three systems will load up in the00:10:47
hierarchy and we've got a pretty nice00:10:49
looking screen right now if I start00:10:51
flipping through the buttons here hor is00:10:53
going to work the way we think but00:10:54
cinematic now should show us our bands00:10:56
so that looks pretty awesome it's got00:10:58
all the beauy effects happening um and00:11:01
the regular post-processing that looks00:11:03
awesome if we come over to Artistic of00:11:05
course it's going to give us our oil00:11:06
painted look again and we can just00:11:08
toggle between these as we like and we00:11:11
could hook them up any way we want in00:11:12
code now and that's the real power of00:11:15
the facade pattern we don't have to00:11:16
worry about all the complexities of00:11:18
managing these three different systems00:11:20
we just have one method to call for each00:11:22
of these styles that we want to present00:11:23
to the00:11:25
player so just to make this a little bit00:11:27
more robust I'm going to add require00:11:29
component of type volume to our beautify00:11:32
system and I'm going to add one more00:11:35
extension method here and I'm going to00:11:36
put this in the repository for the00:11:38
extensions for some objects like this we00:11:41
just want to hide them from the00:11:42
hierarchy because they're hidden behind00:11:44
the facade we don't care about them so00:11:46
much we're not really going to interact00:11:48
with them of course there's sometimes00:11:49
you're going to want to interact with00:11:51
them but for the most part this is kind00:11:52
of set and forget you go through the00:11:54
facade and you don't worry about the00:11:55
rest of it so let's just hide each of00:11:58
these in the the hierarchy as we're00:12:00
initializing them so with that done00:12:03
let's just have a quick look at what00:12:04
we've come up with here we've got00:12:06
basically a facade with three public00:12:08
methods setup horror setup cinematic and00:12:10
setup artistic the rest of your game00:12:13
really only needs to know about these00:12:14
three methods and that's it that's as00:12:16
simple as it gets I'm just going to say00:12:19
one last thing and that is do not be00:12:20
tempted to use the facade simply to hide00:12:23
your messy code from the rest of your00:12:25
game that's not what it's for as00:12:28
tempting as might be the facade is00:12:30
really just to provide an easyto ous00:12:33
friendly interface over top of complex00:12:36
subsystems that's all I've got for you00:12:38
today I'll see you in the next oneDescription:
The Façade Pattern can help you take control of multiple related subsystems by providing a simple, easy to understand interface over a large and sophisticated body of code! In this in-depth tutorial, you'll see how to significantly improve the readability and functionality of your code by combining multiple visual effects and post processing systems into streamlined, manageable process using the Façade Pattern. Follow me, and the Asset creators featured in this video on Twitter! https://twitter.com/adammyhre1 https://twitter.com/kronnect https://twitter.com/fronkongames And before you ask, that thing under the letter C is a Cedilla and that's what makes it pronounced as `S` instead of `Kuh`! 🔔 Subscribe for more Unity Tutorials https://www.youtube.com/@git-amend ▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬ 0:00 URP Post Processing Façade 5:00 Fronkon Games Oil Paint 7:15 Kronnect Beautify 3 Unity Utilities Repo: https://github.com/adammyhre/Unity-Utils Assets Shown In This Video (Affiliate Links) Shipyard from Unity Megabundle "23 for $23": https://assetstore.unity.com/mega-bundles/best-of-2023?aid=1101lw3sv Kronnect's Beautify 3: https://assetstore.unity.com/packages/vfx/shaders/fullscreen-camera-effects/beautify-3-advanced-post-processing-233073?aid=1101lw3sv Fronkon Games Oil Paint: https://assetstore.unity.com/packages/vfx/shaders/fullscreen-camera-effects/artistic-oil-paint-264134?aid=1101lw3sv Odin Inspector: https://assetstore.unity.com/packages/tools/utilities/odin-inspector-and-serializer-89041?aid=1101lw3sv *Follow me!* https://linktr.ee/gitamend
Preparing download options
* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."
** — Link intended for online playback in specialized players
Questions about downloading video
How can I download "How I Simplify Unity Development with the Façade Pattern" video?
http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.
The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.
UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.
UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.
Which format of "How I Simplify Unity Development with the Façade Pattern" video should I choose?
The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.
Why does my computer freeze when loading a "How I Simplify Unity Development with the Façade Pattern" video?
The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.
How can I download "How I Simplify Unity Development with the Façade Pattern" video to my phone?
You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.
How can I download an audio track (music) to MP3 "How I Simplify Unity Development with the Façade Pattern"?
The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.
How can I save a frame from a video "How I Simplify Unity Development with the Façade Pattern"?
This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.
What's the price of all this stuff?
It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.