Creating an Interior Mapping Shader using Unity's Shader Graph - Game Dev Sandbox

Подписаться 113 тыс.

Просмотров 185 тыс.

50% 1

I've been fascinated by technique used on the windows in Marvel's Spider-Man and Forza Horizon 4 so I set out to learn how these games achieved the effect and to see if I could build an Interior Mapping Shader myself using Shader Graph in Unity. Here's how it went...
Flexible Grids: • How To Get A Better Gr...
Making UI Look Good: • Making UI That Looks G...
Dynamic Depth of Field: • Dynamic Depth of Field...
--------------------------------------------------------------------------------
Interior Mapping in Forza Horizon 4: www.gamasutra.com/view/news/3...
Rendering Real rooms without Geomety: www.gamasutra.com/blogs/Joost...
Interior Mapping Shader Showcase: www.alanzucconi.com/2018/09/1...
Windows in Games Case Study: simonschreibt.de/gat/windows-...
--------------------------------------------------------------------------------
Want to support the channel?
▶️ Help fund new episodes by joining the Patreon - / gamedevguide
Get the GameDevGuide mug and other merch! ☕ - www.gamedevguide.store
Use these links to grab some cool assets from the asset store:
Get the Must Have Assets! - assetstore.unity.com/top-asse...
Free Unity Assets! - assetstore.unity.com/top-asse...
New on the Asset Store! - assetstore.unity.com/top-asse...
Top Paid Asset Store Packages - assetstore.unity.com/top-asse...
Asset Store Partners - assetstore.unity.com/lists/as...
--------------------------------------------------------------------------------
Socials and Other Stuff:
• Subscribe - ru-vid.com?...
• Join the Discord - / discord
• Twitter - / gamedevguideyt
• Facebook - / gamedevguideyt
• Instagram - / gamedevguideyt

Опубликовано:

3 май 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 315

@Danidev 4 года назад

This was really interesting, good job man!

@yousifragab479 4 года назад

Why you don't try and add this to Karlson (or you can't do that)

@supriyakhanra9068 4 года назад

@@yousifragab479 why u bully him ?

@yousifragab479 4 года назад

@@supriyakhanra9068 Not bullying, he made a game called Karlson because someone challenged him and said that he can't make a 3d game and since then many people comment on his videos like this lol. I'm just joking, I do love his videos.

@rklehm 4 года назад

You should try it... (You know to finish it, don't you?)

@MicMan2710 4 года назад

@@yousifragab479 It would look pretty good in Karlson. Once he developed that he can also just throw it into Milkman Karlson as well.

@reezuleanu1676 4 года назад

Local hero teaches game designer wannabes how to pull off rad effects. Thank you sir.

@Ray-lh3oc 4 года назад

lol

@erz3030 4 года назад

Wow, this was way more impressive than I expected. You could flesh this out a bit and sell this as an asset I bet. Keep up the excellent content, cheers :)

@markscott6927 2 года назад

Back in the day when I worked for a larger game publisher, central tech did a presentation on several shader options for the XBox and PS3. What they called a ' depth shader' is what we have here. This was ~2004. After playing with all our nice new shaders we were immediately informed that they were too expensive to use. And such is the life of a game artist

@dawdledev 4 года назад

Awesome tutorial! I really appreciate that you both explain the shader and include a full view of the shader graph so it can easily be recreated! The struggle to recreate a shader using nothing but gifs of the finished product and maybe some code that doesn't work anymore is the worst part of game dev.

@ThousandAnt 4 года назад

This is sooooo cooooooool! Great work Matt! I always loved this technique and you've done a great breakdown here.

@MertKirimgeriGameDev 4 года назад

That's a nice one! For a few months ago, when I was creating my version of this tutorial, I followed similar steps to your thought process. Happy to see it kinda converges with others like a common sense :)

@ml5111 4 года назад

This is a brilliantly presented video on a really interested topic, deserves so many more views!

@piotrw1745 4 года назад

Awsome video! I love this type of video, which shows the whole creative process, showing problems encountered and searching for information.

@thedeveloper2771 4 года назад

Thank you for sharing it with the community! Great job!

@rickloyd8208 3 года назад

It took me a year to find a time and watch this video saved in my downloads. I do not regret that since I am learning shaders in details and I can better understand how powerful this trick is. Thank you for another great video!

@TNTCProject 4 года назад

Incredible analysis and final result! Love it. Goooooood job!

@Hamentsios10 3 года назад

Things like that are what makes game developing so much interesting and fun to mess with these innovations are so interesting to come up with even in smaller scales. it does make it more difficult than challenging to accomplish but it adds more magic to it and makes everything so interesting.

@ZackLondres 4 года назад

i made a new playlist just because of this video called "stuff i should put in a game" Just seeing a practicle demonstration of this helps understand ideas that are within ones grasp. Thank you for reminding me of that.

@andreskushnir2356 4 года назад

That is incredible! Thank you for that video, it was really interesting to watch

@harveyduenas8745 4 года назад

Woohoo! Nice job. Now I'm off to create my own interior mapping shader, and hopefully learn from your tribulations. Keep up the awesome content!

@coderious4568 3 года назад

That is true dedication, great job!

@Crystan 4 года назад

I was today years old when I realised Spiderman didn't have rooms rendered behind those windows. This is an amazing technique, and one which I would love to make use of in future projects!

@stylie473joker5 2 года назад

I remember seeing someone on reddit posting about how Forza horizon 4 Devs had attention to detail when they modeled the interior of building windows he'd be disappointed if he knew the truth XD

@utkarshjha9547 4 года назад

This feels like making stuff look good with unity all over again... I hope u stay... great job!

@Sevendogtags 4 года назад

Nice! It really adds a lot to a simple environment.

@AmanKumar-tu2og 4 года назад

This is really interesting and intriguing!! Thanks for the amazing explanation.

@graffiti9145 2 года назад

It adds life and a soul to the game's ambience

@brandonz404 4 года назад

You spent a ton of time on this obviously and this is really interesting. Great work!(:

@GameDevEFacil 2 года назад

This shader looks really amazing, good job

@tehuster 4 года назад

Great video dude, very informative bit also fun to watch!

@Th3Shnizz 4 года назад

This is incredibly cool. Thank you for sharing!

@CodingWithUnity 4 года назад

Great info as always! I really enjoyed the watch!

@jojoyoustudio 4 года назад

You have so professional game devs and ideas ♥

@flyingjudgement 2 года назад

Waoo you actualy cover complicated topics and you do them realy well Thank you. Your works are realy amazzing, cant wait to watch what pics you interest.

@KentHambrock 4 года назад

There's free drop in resources on the Unity Asset Store for this, but I love that you built it from scratch and showed the process for those of us who want total control over the process.

@dimitribobkov-rolandez5729 3 года назад

I'm just gonna borrow this for a second... nice video man!

@crapgames6795 4 года назад

Holy crap, this is amazing! God bless the algorithm for recommending this.

@ThomasJeff4s0n 4 года назад

I was JUST thinking about how to do this same thing! Great video! Thanks!

@RiversJ 3 года назад

Thank you for this video, i won't be using this for windows but i will be using the basic techniques for something else that will be far better than my initial implementation!

@magneticanimalism7419 4 года назад

This was really interesting to watch, I'm highly unlikely to ever use it but it was awesome. Thank you.

@connor4440 4 года назад

Great tutorial as always, you have some of the highest quality game dev content on youtube. Another suggestion that I would think would be helpful, and go along with your strategy/city builder game theme that comes up in some of your videos, would be a tutorial on how to create a 3D based grid map system, Where buildings/units/roads are snapped to a grid when placed. This would be a great niche to hit, as the current tutorials for this on youtube are either poorly made or use an inefficient method to create this. Cheers

@safrio802 4 года назад

Wuaoooo sin palabras.... Excelente tutorial me sentí emocionado por el shader y el resultado logrado..

@K0BRAKID 4 месяца назад

this is crazy! very cool!

@DagothDaddy 4 года назад

Forget "No loading between buildings." Or "you can climb those mountains." Give me "See that window? You can look through it."

@freeju2001 3 года назад

This is amazing !

@waymanharris1284 4 года назад

Wow, good job! This is nice, thanks for sharing.

@avatar098 4 года назад

I'm a software developer by trade, but video game developers have always inspired me. Y'all are literally the intersection between art, story telling, and computer science. So I've been dabbling a bit in video game development, and man, what you guys do is NOT easy. Much respect for content creators like yourself!

@kathipaw 4 года назад

Sadly, professional video game developers are chronically underpaid and overworked. Not a great industry to work in.

@neenaw 4 года назад

Your videos are so next level 🤯

@ImSkully 4 года назад

extremely interesting approach, great video!

@Stxhen Год назад

beautiful, good job

@marcocacone 4 года назад

You are amazing! Thank you for sharing your knowledge

@timothysnave 2 года назад

That's really cool. Just a note - the pacing in these sandbox videos is, IMO, way better than your other videos (from what I've seen so far). Sometimes I can't keep up visually in your other videos. This weird concept exploration format is gold, though.

@YognaughtAce 4 года назад

wow, that is incredible

@shivin12 4 года назад

Really like your channel ,please post more often

@ChupachuGames 4 года назад

Fantastic video, thanks so much!

@AlexTuduran 3 года назад

Nicely done.

@siavashaliyari3458 4 года назад

Awesome work man

@AstroSamDev 4 года назад

nice work! good job!

@Nico-jc7zr 4 года назад

this is really cool

@simulacrasimulation9070 4 года назад

Beautiful

@nolanjoseph1553 4 года назад

I actually first noticed this when playing on Naboo in Battlefront 2. Interesting stuff!

@juanquireyes6703 4 года назад

must be nice to be a genius like you

@SirFency 4 года назад

Well done sir.

@mohhammadmohsin7 4 года назад

Man u make some real tutorials...... Love it 😍

@cudiedgar 4 года назад

wow what a quality video, thank you

@gone8792 4 года назад

Bro, the fact that I was just looking for a video like this 3 days ago is crazy lmao

@GameWorkflow 4 года назад

Really cool stuff. It would be cool to do some kind of comparison test with this way and the more traditional method. I'm curious to see the performance of this technique vs the simpler one.

@adamking816 4 года назад

nice work !

@damiangonzalez_esp 4 года назад

Excelent video! Thank you for sharing this knowledge

@David-gu8hv Год назад

Pretty impressive

@uglyburrito_ 4 года назад

This is very epic

@outsidergameing921 4 года назад

bruh thats amazing

@monawoka97 4 года назад

I would LOVE to see a video on projection decal shaders. I know that HDRP has these built in, but I would love to have it decomposed in shader graph so I could do some more custom processing on the texture that gets projected.

@judgaming3041 4 года назад

Wow, this is really interesting.

@AaditDoshi 4 года назад

Great video! I appreciate your efforts! I just wish you went into a little bit more detail about why something went wrong, and how changing it fixed it, an example is around the 4:15 mark

@GameOnBudget 2 года назад

Want this city you made 😍

@mohammadsadeghlavaie5560 4 года назад

you know how much we love you?

@MostafaA1s 4 года назад

that was very cool

@Dogedevcd 4 года назад

Awesome, my brain is screaming out of confusion but in a good way, great job :D.

@michelveraliot 4 года назад

Wooow this is awsome thank you mate

@potatokinggame 4 года назад

Amazing

@jacobmartincontreras 4 года назад

This is the type of thing that makes this game next gen

@tajaloe5920 4 года назад

My brain: render out a room in one image with a depth map. Use those textures on a model and use inverse camera mapping to displace using a parallax node. idk if that works lmao I haven't tried it, but someone should. Probably not as performance Friendly though, but hey, you get per object depth information at the sub pixel level, so that's cool I guess

@KusalGunasekera 4 года назад

That's exactly what I was thinking, we could improve the illusion of depth specially for the things that stick out. But then again, if you're using it for something that will whizz by at 250kmph then there's no point XD. Maybe for something like spider man, they can replace the faked room with a full 3d room once he gets close enough to the window

@stan_p 4 года назад

you can get a real struggle doing this, cauz you adding things you shouldn't. Depth map cant be baked on the UV of cubemap, so this is first problem to solve if you about to mix those pipelines.

@lukabrasi001 2 года назад

@@KusalGunasekera honestly, in Forza Horizon 5, the normal cubemap approach works really well, things look 3D enough with a little trickery

@bip901 4 года назад

Amazing!

@NotASpyReally 4 года назад

So Cool.

@teemuleppa3347 3 года назад

amazing

@MicahTheManiac 4 года назад

This is very cool. I wish that more games would use this technique, it seems like something like this isn't that resource intensive given that Spider-Man for the PS4 uses it.

@RoseIllo 4 года назад

Fun fact! One of the examples you gave for blackout windows, Cities Skylines, does actually use a technique similar to this, with the exception that it only shows the floor inside the window, that fades into the distance. So you have interiors, but the interiors are all empty wooden floors and nothing else.

@anandsuralkar2947 3 года назад

Man u r opening my eyes to AAA level game graphics

@sanderoneil6998 4 года назад

this tripped me out bro

@julienheijmans 4 года назад

Really nice video ! I was thinking that something that could be cool and give it a sense of increased fidelity would be to display some curtains that are displayed with a smaller parralaxe offset in front, on the sides of the windows. That would give the illusion that the player can see what is behind the curtains. (Said curtains should then be in a different texture, not integrated in the cubemap, of course)

@AL2009man 4 года назад

Geez, imagine a combo of procedure generated rooms and this shader. It would be amazing!

@onlyindia1193 Год назад

Nice good job❤

@gamurarandrei2657 4 года назад

this is crazy!

@andrewpiltenko9432 4 года назад

People install Windows to play games, this guy installs games to play with windows.

@coffee.table6587 4 года назад

🤨

@lucianorubio9129 4 года назад

there's a little bit of analogy in your randomness

@AndrewDaniele87 3 года назад

@@lucianorubio9129 Windows is like a window to windows

@crankyvi 2 года назад

bravo man.

@jakeecake 4 года назад

This is really cool, was wondering if you could plug in an animated image and have a person in some of the rooms? maybe someone on their computer making minute movements so they don't break that depth illusion

@Leukick 4 года назад

Congrats!! This is amazing work :)) Would you consider making the doors in the room models facing the back walls as if to exit to a hallway, instead having all the room doors oddly connecting to each other?

@Jewalify 4 года назад

This is so cool. It only works in 2D. In VR this wouldn't work, you would be able to tell that it's a flat surface but it would still kind of look like it had depth

@swagguy47 4 года назад

The Crew 2 does this effect really nicely.

@MarcelGrolms 4 года назад

Amazing! Would also be interessted in how the script works to get the cubemaps for the rooms. I already learned so much from your videos, thank you!

@GameDevGuide 4 года назад

It's literally the editor script shown in the video. That's all there is to it. It uses the default Camera.RenderCubemap feature as I mentioned.

2 года назад

mindblowing O_O

@lightningparadox 4 года назад

Genius!

@javimania111 4 года назад

In 2005 this technique was used in a game called Trackmania Sunrise, in buildings in the bay enviroment. The effect didn't look as good as in current games, but it's still quite surprising considering the time.