I coded a Minecraft Shader with Distant Horizons - Here's How

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

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

50% 1

Support future videos! :)
buymeacoffee.com/samuelgerkin
Learn from the ground up how to code a Minecraft shader with GLSL! Or just come along for the ride to see what goes into reimagining Minecraft's visuals!
Theme Song “Sam with a Plan” by
Hunter Gerkin
huntergerkin.bandcamp.com
The finished shader! (in alpha):
modrinth.com/shader/daybreak-...
3Blue1Brown Linear Alegebra Series: (for vector and matrix fluency):
• Essence of linear algebra
Space Conversion Cheat Sheet:
shaderlabs.org/wiki/Coordinat...
Optifine Doc (applies to Iris too):
github.com/sp614x/optifine/bl...
ShaderDoc (for Iris):
github.com/IrisShaders/Shader...
Shader Labs (a great resource for learning about Minecraft shaders with a discord community!)
shaderlabs.org/wiki/Main_Page
Mods:
www.irisshaders.dev/
modrinth.com/mod/indium/versions
modrinth.com/mod/sodium/versions
modrinth.com/mod/fabric-api/v...
modrinth.com/mod/distanthoriz...
Timestamps:
00:00 - start
00:19 - setup time!
01:17 - shader creation begins!
01:53 - adding first files
02:29 - first code! + vertex shader
03:12 - optifine doc
03:40 - vaPosition in + vertex shaders explained
05:19 - frag shaders explained
05:55 - frag shader code
06:52 - first visualization + spaces explained
08:01 - converting vertex pos space
09:00 - adding textures
11:23 - adding terrain stage for offset
12:21 - adding curved horizon
14:49 - creating include files
16:45 - adding transparency
18:11 - adding foliage color
21:00 - adding sky shader
22:53 - adding lights
29:51 - color spaces
30:41 - distant horizons!
36:00 - distant horizons fog
40:21 - What's next

Игры

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

28 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@romrom83 9 дней назад

man it's crazy how well you explain things, i've followed many tutorials for similar things where i could barely comprehend anything, and with this one it feels like i have years of experience, love it!

@samuelgerkin 9 дней назад

I’m glad it helped! 😀

@bank8489 8 дней назад

i remember when i was trying to get into making shaders all the way back in 1.7.10, there was pretty much zero tutorials and you could only really do it if you already had general experience with advanced graphics programming. something like this amazing video would have been so nice to have for 13 year old me

@samuelgerkin 7 дней назад

I'm glad I could make it available now! If only I had made it 13 years ago!

@MoonLight-xk8dh 4 дня назад

I agree same for me

@agcgerkin 9 дней назад

Thanks!

@samuelgerkin 9 дней назад

Thank you!! :D

@Desenrad 5 дней назад

There isn't enough people showing how shaders are made. Every designer makes their own theme. But for years now I have not been able to just find the perfect shader that looks good and performs well. I want to understand what it takes to have good visuals and good performance. You did an amazing job with this part 1. I really hope you end up going over all the features as well as ray tracing eventually. Not enough people do this sort of content. It is so nice to have a helping hand show you how its done so the user can just focus on the creative aspect. You've gained a sub! My goal with your help, is to make a shader that works well with VR and Distant Horizons.

@samuelgerkin 4 дня назад

Thank you so so much for the super thanks!! I am so glad this video helped you learn! Next part will add reflections, shadows etc, then I plan to go into ray traced shadows from light sources, then full ray tracing! All the best on your shader, VR + Distant Horizons sounds fantastic! Looking forward to seeing it! :)

@eisen161 7 дней назад

Amazing! Now, instead of being unable to run other people's shaders, I can build my own shader that I'm unable to run! Fun video, though. I always wondered how it worked.

@samuelgerkin 7 дней назад

Now you know! The cool part about building your own shader is you can optimize it's features and performance to work on most any hardware!

@MCSteve_ 7 дней назад

As someone who has gone through a lot of the headache of learning graphics programming (in general) on my own... Im envious I did not have a resource that's this clear and succinct as this video, among other things, amazing! Was able to learn some little things here and there, so thank you. Minecraft Shaders is definitely added on the list of rainy day projects thanks to this.

@samuelgerkin 7 дней назад

Thanks so much! I had to go through a lot of headache too learning, so I'm so glad I could provide a good resource! Enjoy that rainy day project :)

@teamredstudio7012 7 дней назад

I've been trying to learn this since I was a little kid. It's funny how a random day RU-vid recommends this video and it's exactly what I was looking for!

@samuelgerkin 7 дней назад

I hope it was helpful! :) Happy learning!

@fyoncleanimates 7 дней назад

Even tho i don't wanna make a shader, or even tho im not related to coding, i watched your video and had fun, you explaining very well, i look forward to your other videos! (I also love how you freezed the frame for the people with epilepsy or motion sickness. Big Respect.)

@samuelgerkin 7 дней назад

Thank you so much! I'm glad it was fun! :)

@JoeFly2009 6 дней назад

I just love this video. It explains everything so well and it's straight to the point.

@samuelgerkin 3 дня назад

Thanks so much! Glad you enjoyed!

@Spiderfffun 7 дней назад

i thought this was gonna be a "i did some mining off camera" type thing but you actually explained it all! I love it! edit: btw do you have the vanilla looking shader with DH support? i'd like to try messing around with that when i get the time, but i dont really want to spend the time copying what you did if you have it.

@samuelgerkin 7 дней назад

I've released it now, here it is! modrinth.com/shader/daybreak-shader/versions Just unzip to look at the code! It may be a little messy, haven't fine-tuned it just yet

@4louisMC 7 дней назад

Wow! That’s all I can say… Amazing detail, amazing storytelling, amazing explanations and amazing results! 10/10 for sure!

@samuelgerkin 7 дней назад

Wow, thanks so much! I'm glad you enjoyed!

@notzappt 7 дней назад

this will change how accessible distant horizon shaders will be! 👍

@samuelgerkin 7 дней назад

I hope so! :)

@AndreiTache 7 дней назад

This has to be the coziest programming tutorial!

@samuelgerkin 7 дней назад

I think Sebastian Lague has me beat for sure haha, but thanks so much!

@AndreiTache 7 дней назад

@@samuelgerkin His vids are goated, but my impostor syndrome kicks into overdrive watching them so I can't say I'm very relaxed lol Looking forward to your next videos!

@antonpieper 7 дней назад

This really has been the best Minecraft shader tutorial/programming session I have seen yet! I am looking forward to seeing the more complex shader effects :)

@redstoneninja3375 7 дней назад

This was a wonderful video, i easily understood everything and didn't even realise it was an hour long, definitely subscribed please make more such videos

@NinetyEight418 7 дней назад

Woah

@Twong3lol 7 дней назад

@@NinetyEight418 thats like 50 cents btw

@samuelgerkin 7 дней назад

I will, thank you so much for the super thanks! :D

@bedantaEva 5 дней назад

that's a dollar, not 50 cents@@Twong3lol

@Twong3lol 5 дней назад

@@bedantaEva I didn't check lol

@Salamander002 8 дней назад

oh cool, I was thinking about learning computer graphics but didn't really think about applying what I learn in minecraft. will visit this idea later after reading a book or two

@samuelgerkin 8 дней назад

It’s a great way to learn! It’s how I did!

@RealPnoenix 7 дней назад

Didn't expect to watch shader coding today, but I did enjoy it lol

@samuelgerkin 7 дней назад

I'm so glad you did! :D

@l0krys 7 дней назад

I love how friendly the explanation sounds, keep it up 😁

@dummybugstudios6450 2 дня назад

This is not just a minecraft tutorial. They literally could have shown this video as part of the graphics module in my computer science degree and it would have been wildly instructive. The least I can do is like and subscribe. Thank you for this wonderful resource.

@samuelgerkin 2 дня назад

Thank you so much! I’m glad I could make it!

@minecraftzest4343 7 дней назад

This is perfect timing! I was just about to give up on learning shaders, thank you so much! I’m surprised there isn’t any other tutorials out there

@samuelgerkin 3 дня назад

I’m so glad I could help you learn!

@kadenhansen 5 дней назад

Thanks so much for this video! This is something I never thought I could let alone want to learn!

@truestbluu 3 дня назад

the flat out reference is crazy, i used to play that as a kid

@peppidesu 7 дней назад

17:15 avoid if statements in GPU code. GPU cores are grouped into so-called warps. cores in the same warp must execute the same instruction, always, except for cores that are disabled by a mask. If two cores in the same warp branch differently, one core has to wait for the other core to finish executing its branch before it can continue execution. This is called predicated execution, and it is one of the biggest performance killers in shader code. For reference, I implemented bounding box checking on the GPU once for a ray tracer, and it performed WORSE, because cores that exited early had to wait for the other cores to finish anyway, and all cores had to do additional computations.

@fleroviux 7 дней назад

You're not wrong in general, however I don't think it's really applicable here. That kind of if-statement is the standard way to implement an alpha test and it's going to converge extremely well (just don't use a super noisy texture), meaning that more often than not all threads in a warp will take the same branch. The execution will only diverge in regions where locally there are some fragments that pass the alpha test and some that don't.

@fleroviux 7 дней назад

Besides that in general divergent execution only gets really bad if at least one of the code branches is fairly long/expensive.

@samuelgerkin 7 дней назад

Definitely, just keeping it simple since the performance concerns aren't major here and it's easier to learn the logic using if statements when you're starting out. I'll mention that in a future video though!

@CreativeDrone 9 дней назад

Welcome back! Was just looking for your next upload

@samuelgerkin 9 дней назад

Thank you! :) Go for it, you can do it! It’s so much fun! Hope this video helps!

@thegooberator 6 дней назад

This is probably the best programming tutorial I’ve seen just in general. Not slow or fast, straight to the point. Very informative. 👍

@samuelgerkin 3 дня назад

Wow, thanks so much!

@thegooberator 3 дня назад

@@samuelgerkin I was able to recreate a few of the 1.8 super secret setting shaders. I also learned that you can just ctrl f and find the old shaders frag and vert files, although they are openGL version 120.

@samuelgerkin 3 дня назад

@@thegooberator fantastic! Where are you pressing CTRL F?

@thegooberator 3 дня назад

@@samuelgerkin file explorer after extracting the 1.8.7.jar

@bongo3997 6 дней назад

What a great video! Keep these up! Subbed.

@dragoni_penguin 3 дня назад

just when i was about to give up after messing with shader dev, i find this :o thank you

@BenedictGS 5 дней назад

You are doing great work here

@shsupercm 8 дней назад

Extremely informative and explained in a very understandable way. Great job on this video

@samuelgerkin 7 дней назад

Thanks so much! I'm glad it was informative!

@Woflje 4 дня назад

This video helps me sleep. So soothing.

@1ups_15 День назад

I am a begginner with shader programming and your video really got me into minecraft shaders, thanks to you I am now developping my own shader and it's SO interesting, I've already made some pretty cool stuff, and I can't wait for other parts of the serie because I have absolutely NO clue how I could implement shadows and some other stuff lol

@xori 6 дней назад

i've always wondered how shaders worked and this was really interesting!

@JosephMlika 8 дней назад

Thank you! Always superior videos!

@samuelgerkin 7 дней назад

Thanks so much! :D

@Elca_Gaming 6 дней назад

This is such a good tutorial, actually makes jump onto my PC and try it for myself!

@GuillemPoy 5 дней назад

I actually loved the Earth's curvature. I would enable it just enough so you don't see things popping in after loading (including distance horizons)

@user-akrturuus 6 дней назад

Absolutely Amazing ❤

@SuperLlama88888 7 дней назад

This is an amazing explanation! Thank you!

@samuelgerkin 7 дней назад

Thank you!

@sirbackenbart 6 дней назад

This is by far the easiest to follow and best to understand tutorial explaining shaders with the example of Minecraft, wow. Incredible work!

@samuelgerkin 3 дня назад

Thanks so much! :)

@Raskoll 7 дней назад

This was a perfect video. It fully enabled me to indulge in this new time sink lol

@samuelgerkin 7 дней назад

Thank you so much! Have fun coding! :)

@lordender_kitty_official 7 дней назад

this is the best shader tutorial i've ever found. i've been wanting to get into shaders for probably over a year. at least since i started modding. but nothing has ever made sense to me and this is the first thing i've seen that has made anything make actual sense. so thank you and i hope that you continue with more videos in this series because i would love to learn more about this. only annoying thing though with graphics and rendering stuff is that i was home schooled and don't really know how to do a lot of the crazy math, as well as my computer having such an ass graphics card that i can't even run DH. but i will definitely work towards improving my knowledge and pc setup, lol.

@RandomGamer1486 8 дней назад

Thank you, This helped so much, actually i thought this was one of those videos where they make one and don't show how to do it. so when i saw the video i was like i should make my own shader and found nothing, this was until gave up and just watched the video, to my surprise it was a tutorial. Yet again thank you for helping a lot of people starting on making shaders. cant wait for the next video.

@samuelgerkin 7 дней назад

Haha I guess I could have made it a little more clear. I'm so glad I could help though!

@stevebook8134 5 дней назад

Extremely well done tutorial

@frittex 6 дней назад

this video is so wholesome for no reason at all

@MrTiger-ud7jc 6 дней назад

really well explained dude great video!!! enjoyed watching it eventho didnt programm along

@samuelgerkin 3 дня назад

I’m glad you enjoyed! :)

@efeloteishe4675 6 дней назад

Nice video, thanks to you I was able to implement shadows to my engine.

@samuelgerkin 3 дня назад

Nice!

@Console.Log01 2 дня назад

I'm definitely trying this once I have time.

@atevejdjy1007 6 дней назад

Great Video! :D

@TheMasterOfSafari 7 дней назад

This will be very useful, thanks a lot!

@Jamtri 7 дней назад

This video appeared at just the right time for me. Amazing

@samuelgerkin 7 дней назад

I'm glad! Enjoy! :)

@woofcaptain8212 8 дней назад

This is legitimately really good

@samuelgerkin 8 дней назад

I’m so glad you enjoyed it!! :)

@blenderguy5659 7 дней назад

This is an amazing video!

@samuelgerkin 7 дней назад

Thank you so much!

@kelvenlim9283 6 дней назад

I like your explanations

@intense_network 6 дней назад

We need another video/playlist explaining ALL about coding a shader including explanation of everything of the code

@guromenst4416 7 дней назад

Even though i barely understand anything of what you've said, i really appreciate your hard work and dedication

@samuelgerkin 7 дней назад

Thank you! If you set your mind to it you can figure it out!

@aliabbadi5707 8 дней назад

loved the tutorial feels good learning how to code 👍

@samuelgerkin 8 дней назад

I’m glad you enjoyed it! Coding is amazing :)

@baileydasis5624 7 дней назад

My guy you explained this so well and so thoroughly that I'm entirely certain even people with no coding experience would understand exactly what you were talking about the entire time

@DARKAR_117 3 дня назад

my man needs to keep doing this kind of tutorials :)

@cleverman383 9 дней назад

Great work!

@samuelgerkin 9 дней назад

Thank you! :)

@ThereLmves 6 дней назад

Its crazy how understood nothing, was never interested in making shaders, probably never will, never even thought of programming, yet watched this entire video from begining to end, actually enjoyed it, understood nothing, yet understood everything at the same time because he explains stuff very well, and his calm voice tone just attracts your attension for some reason.. i really cant wait for the next part of this, and im really interested into seeing jow the shader turns out now lol

@samuelgerkin 3 дня назад

I’m glad you enjoyed! :) it will be fun to see where the shader ends up!

@blockblockgoose 7 дней назад

Tysm, I have been wanting to try out shader coding for a while, and I think this video will help me. I'm gonna use emacs though becasue I think it would be fun to learn both shader code and emacs side by side :)

@samuelgerkin 7 дней назад

Sounds fun! Enjoy! :)

@loftyTHEOWNER 7 дней назад

This video is pure gold!

@samuelgerkin 7 дней назад

Thanks so much! :D

@PaulChauvat 6 дней назад

Very interesting !

@user-if9sl8wk7i 2 дня назад

To everyone who have followed the tutorial and is waiting for the second part: experiment with the code as much as possible(after making a backup of course), it'll make you understand it way better.

@senmiramendoris338 8 дней назад

Though im probably never gonna use this its still interesting to watch and keep stuff in mind.

@Brickselot 6 дней назад

I probably will never create a shader myself, but this video is super interesting and gives me uni course vibes. The difference to a uni course, is that this teacher can actually explain quite well

@samuelgerkin 3 дня назад

I’m glad you enjoyed :)

@bank8489 8 дней назад

this video is absolutely remarkable

@samuelgerkin 7 дней назад

Thank you so much!

@HumanGamer 7 дней назад

make sure to cover block outlines in part 2. also I would actually like to see how vanilla's ambient occlusion could be replicated.

@samuelgerkin 7 дней назад

I will! I'll add ambient occlusion too! I forgot to mention that Minecraft's default ambient occlusion is included in vaColor, so it got added when we added the foliage color! You can turn off the default AO by telling optifine/iris with "const float ambientOcclusionLevel = 0.0f;" in any fragment shader

@HumanGamer 7 дней назад

@@samuelgerkin ah I see, thanks!

@integer__ 3 дня назад

this is gold

@NeaLx86 5 дней назад

i've found that its better to keep the foliage color as a vec4, as certain mods (such as litematica) use vertex colors with transparency

@samuelgerkin 3 дня назад

Good point!

@nebulae_wanderer 6 дней назад

Man i've been looking for an intro like that for a whiiiiile. I've been meaning to try writing a shader and apply a few tricks of my own for quite a bit but couldn't find (and didn't search much) a good introduction to MC shaders.

@Jhrickgamer 4 дня назад

You should make modmaking tutorials, you're amazing at this

@samuelgerkin 3 дня назад

Hint of things to come…

@Henrix1998 6 дней назад

Well this was awesome

@rubberspoon 7 дней назад

Looks like fun

@redacted7613 5 дней назад

I like your words magic man

@superguy654 7 дней назад

I love how youre using modrinth

@samuelgerkin 7 дней назад

Modrinth is great :)

@Eglijohn 8 дней назад

thanks for that awesome touturial!

@samuelgerkin 8 дней назад

I’m glad you found it helpful! :)

@Eglijohn 8 дней назад

@@samuelgerkin a month ago, i wantet do develop a own shader, bot had no good touturial, and now i can try it! srry for bad english, im german :D

@samuelgerkin 8 дней назад

@@Eglijohn That’s fantastic! I’m glad I could help! A big reason I made this is I had difficulty finding a tutorial when starting out, glad I could provide that and encourage you to make something :)

@Eglijohn 8 дней назад

@@samuelgerkin The only problem is, that i have another big project (Minecraft bot), so i need to test it when i finished with this project, so i dont come durcheinander.

@samuelgerkin 8 дней назад

@@Eglijohn Sounds cool too, good luck on both projects!

@real2late 6 дней назад

I don't play Minecraft anymore. Still watched the entire thing, this is super useful for gamedev as well!

@samuelgerkin 3 дня назад

It definitely is!

@6tobi6hana6 7 дней назад

Now time to wait for nvidium support

@swatter_schmidii 7 дней назад

Awsome Video 👍

@samuelgerkin 7 дней назад

Thanks so much!

@PanoptesDreams 6 дней назад

A fellow LTT member I see.

@mauroalvarezarigos 3 дня назад

I WANT MOREEE I NEED IT D: PLEASE !!!

@felixmueller7341 День назад

Is there going to be a part 2? learning about how to implement normal maps would be cool.

@samuelgerkin День назад

Working on it now! :)

@miamicenter12 7 дней назад

Oh man, I just had an Computer Graphics lessons at University, and this video explains it all better (we pretty much had very same topics as we've been learning OpenGL) This makes up for an proper Educational material

@samuelgerkin 7 дней назад

I'm so glad I could help! :)

@user-be5fw5pi1p 3 часа назад

can''t wait until the next one, do we have a general eta?

@navee_193 5 дней назад

I watched the entire video, I didn't understand anything, I liked anyways. Graphics coding is just mysterious for me.

@Jellyjam14blas 7 дней назад

Awesome! :D

@samuelgerkin 7 дней назад

You're awesome!

@Jellyjam14blas 7 дней назад

@@samuelgerkin It is a rare blessing to find such an entertaining, informative, yet concise, and up-to-date tutorial for creating Minecraft shaders. Thank you for making such a wonderful video and teaching and inspiring other people how to create cool things 💜

@samuelgerkin 3 дня назад

@@Jellyjam14blas I’m so glad you found such value in it! :)

@sepro5135 8 дней назад

Dayum, I know why I am subscribed to you. What a cool video. I’m currently getting into fluid simulation with c++ and am just eating every good coding video I can find. This was super fun to watch! It reminds me of Sebastian Lagues videos

@samuelgerkin 8 дней назад

That’s a fantastic compliment, Sebastian Lague is the best! Thank you! Enjoy the fluid simulation, sounds fun!

@menaced. 7 дней назад

Sick, ive done glsl shaders for a game engine i made but had no idea how to do shaders for minecraft

@samuelgerkin 7 дней назад

A lot of the knowledge should carry over, but hope this video helps with the minecraft-specific knowledge!

@whelsup4790 6 дней назад

bro i dont even know coding yet i still need to learn but from what i originally knew is that its hard to find easy to understand tutorial to make shaders

@atheneite 3 дня назад

grass is always greyer on the other side

@paulojose7568 6 дней назад

Bro casually explaining shader development like even young people would understand. I'm definitely following the series to learn how all this magic works

@samuelgerkin 3 дня назад

Thank you! I’m glad you found it helpful! It’s a beautiful system to learn!

@koji6ackaMC 8 дней назад

Awesome video, bro! Deserve like and subscribe

@samuelgerkin 8 дней назад

Thanks so much!

@heitorconstacio5840 9 дней назад

Did you already finish the shader, i will really like a download link, because i love his simplicity

@samuelgerkin 9 дней назад

I should be able to make it public in a few days!

@heitorconstacio5840 9 дней назад

@@samuelgerkin Do you will make an update for Genuine 1.20.1, the mods that are missing from the newest version of the modpack already have an alternative and updated version, for example the Charm mod and the Scout mod.

@samuelgerkin 9 дней назад

@@heitorconstacio5840 I definitely will! Have to wait until more mods in the pack are updated though!

@bi-SH 8 дней назад

@@samuelgerkin ill be waiting!

@samuelgerkin 8 дней назад

@@bi-SH Surprise, it's done early! modrinth.com/shader/daybreak-shader/versions

@nobodyatall9999 День назад

Nasa called. They want all their super computers back.

@jc_digital5252 7 дней назад

your download works for optifine but neither Iris/oculus even though it says it supports it, but its still a great video for understanding shaders overall. I tried your shaders with just DH and iris as well as its forge counterpart oculus on 1.20.1. The clouds were also full of static. that said there are not videos like this and I really hope to see more videos like this in the future as I have been looking for something like this for some time now.

@jj_notch6892 19 часов назад

This is such a helpful tutorial! I've been looking for something like this for months now, and you're the first person I've found to make a video tutorial on writing minecraft shaders. I keep getting this bug though - "error C7616: global variable gl_TextureMatrix is removed after version 140". I feel like I'm missing something, especially since I'm using the same version of glsl. Do you know what could be causing this? Can't wait for part 2.

@eggseatpegs 4 часа назад

maybe it is not in compatibility mode? if youre not sure check the first line of code says: #version 460 compatibility otherwise maybe you forgot to add the [2] to the end of the gl_TextureMatrix, because it should be gl_TextureMatrix[2] the last thing i could think being an issue is your code is in .fsh rather than .vsh

@TheRealMangoDev 6 дней назад

22:56 FULLBRIGHT LETS GO!!

@samuelgerkin 3 дня назад

😆

@Lutitious 7 дней назад

i recommend prism launcher for modding since it makes stuff way easier

@samuelgerkin 7 дней назад

Launchers like prism are definitely more convenient for modding! I use ATLauncher myself. Just wanted to keep this video more simple and focused on the shading!

@PanoptesDreams 6 дней назад

@@samuelgerkin Thank goodness. I was worried you didn't know about alt-launchers.

@moderina4715 5 дней назад

1:07 poland mentioned

@samuelgerkin 3 дня назад

Cześć Polska!

@ScibbieGames 7 дней назад

20:45 I might be wrong, but does vaColor also contain some part of minecraft's occlusion? Because the blocks have seemingly got darkened edges in corners? What happened there?

@samuelgerkin 7 дней назад

My bad, I forgot to mention that! Yes, Minecraft's ambient occlusion is included in vaColor by default, but can be disabled by telling optifine/iris with "const float ambientOcclusionLevel = 0.0f;" in any fragment shader. I'll mention it next video!