How I Implemented Shadows in my Game Engine
Вставка
- Опубліковано 25 вер 2022
- Devlog video about "Homegrown", a casual farming game I'm creating using my own engine.
Support the channel on Patreon and get access to the code for this game, the city-builder, and Equilinox:
/ thinmatrix
My previous game "Equilinox":
store.steampowered.com/app/85...
You can follow the progress of the game on my social media:
Twitter: / thinmatrix
Instagram: / thinmatrix
Facebook: / thinmatrix
Trello: trello.com/b/W3zkIJTM/farm
Email: thinmatrix@gmail.com
Background music by Jamal Green:
open.spotify.com/artist/50jTM...
#devlog #Homegrown - Ігри
I have actually missed this more technical content a bit. Concise yet excellent explanation!
Yes these are wonderful and I learn so much. They're the most inspiring for me to work on games of my own. Since it feels much more tangible.
Love to see more!
I, for one, feel that this video was much more than just "a little bit interesting"! I gain a lot from you diving in on the technical details. It's particularly interesting when you cover how your approach to a certain graphical problem has become more sophisticated over the course of time and your projects.
... Don't get me wrong, though : it's also always great to see the dishes you cook, your balcony garden, and the landscape around where you live, like in a regular dev log! 🙂
I agree
Agree on the first half, but must disagree on the second. I find devlogs to be much more enjoyable when the irrelevant parts are cut out and all the focus is on the project.
Im literally watching for the cooking!
With path tracing you don't have to deal with trying to fake all of this, it just works.
@@Danuxsy But it still isn’t 100% accurate, and a lot of restricting assumptions have to be made
"technical and boring" sounds good to me :)
I really really love technical content like this. Maybe it's not the most popular amongst other subscribers but I'll always watch it! Super fascinating to someone like me who doesn't have any graphics programming experience but wants to learn.
From my experience, a lot of this kind of stuff is just the trial and error from normal development, get your hands on an engine and just start making something, you'll soon encounter these kinds of problems and you'll learn directly from trying to fix those types of problems 1st hand
Another fix you could try for the shadow shimmering on movement is to add a small offset to the projection matrix for the shadow map that ensures that all world coordinates will always “snap” to the same shadow map texels, IIRC done by taking a fixed world space point (the origin) and transforming it into shadow space and then finding its offset from the center of a texel in shadow map space (where the texture sample round to) and using that, transformed back into shadow projection from shadow texture space, to offset the projection matrix.
maybe a little complicated though when you already have a good enough solution :) the graphics are looking great!
I love your content so much
Helo there
Thanks for the idea, that makes a lot of sense! I'll have to give that a go next time when I work on the shadows :)
Always nice to see your insightful comments.
I really enjoy this kind of video! I know you can't always do technical stuff but its really interesting and cool to see stuff more in depth!
Have you heard of "Variance Shadow Mapping"? This is a simple mathematical way of achieving very smooth shadows without the need of introducing many samples, and it also solves the shadow-acne problem. Maybe this would be worth exploring for the game... :)
Just an additional note to anyone reading the comment above: If you're considering variance shadow mapping, you should also take a look at moment shadow mapping. While variance shadow mapping only takes the first two moments of the distribution of depth values (i.e. their mean and variance) into consideration when calculating the shadow density, moment shadow mapping uses the first four moments, thus reducing the issues of light leaking caused by variance shadow mapping.
Seeing your project and this game take shape is heart-whelming!
;)
Here's what i can recommend for moving/resizing the shadowmap: keep it a bit bigger than the view area AND re-calculate it every frame (if the camera didnt move, you keep the current "target")
instead of fully applying the "new" dimensions immediately, interpolate between the old and the new one in a ratio of about 85 to 15 with the new one being 85% responsible for the new image. This way you're getting rid of the sudden shifting and you're able to keep the shadow maps size much smaller than previously, improving the shadows quality
Thanks for the idea, I'll give that a try!
I recommend 'jdh's answer instead, it's the fastest and arguably simpler than any other method.
The idea is: only move the shadowmap in increments of its pixel size (in world space)
docs.microsoft.com/en-us/windows/win32/dxtecharts/common-techniques-to-improve-shadow-depth-maps?redirectedfrom=MSDN
Something like:
bounds = CalcShadowMapBox(); // in worldspace
float texel_size_in_world_space = bounds.width / shadowmap_resolution; // assuming shadowmap is square
// snap to grid
bounds.x0 = floor(bounds.x0 / texel_size_in_world_space) * texel_size_in_world_space;
bounds.y0 = floor(bounds.y0 / texel_size_in_world_space) * texel_size_in_world_space;
bounds.x1 = bounds.x0 + texel_size_in_world_space * shadowmap_resolution;
bounds.y1 = bounds.y0 + texel_size_in_world_space * shadowmap_resolution;
projection = ortho(bounds.x0, bounds.x1, bounds.y1, bounds.y0, bounds.z0, bounds.z1);
Loving the series. For what it is worth some of us love "technical and boring."
I really like your work on the shadows, especially reducing the calculations with an over sized box. I have a suggestion about how watering the crops gets rendered. Instead of the full square turning dark immediately, think of how rain, or the watering can would drop random droplets until it all gets filled in. It could be a quick animation that just darkens randomly sized circles until its all watered. Hope that helps, thanks for the great dev videos.
Thanks for the suggestion, that does sound nice!
Now that you've done that, shadows from clouds should be pretty easy to add. Not sure it would be all that useful if it's not tied to groth or something but may make it look a bit more realistic (If that's what your after).
They add a new issue: clouds are typically transparent/translucent, so he best should do them in a separate pass, and then blend them with the normal shadows.
Given that clouds may be procedural, and you probably can't see the sky anyway, you could completely do them in a shader function, and save the cloud shadow map.
The only bad thing about watching your dev logs is that they inspire me to drop everything and make my own game engine
One thing that was noticable in Equilinox and is curently noticable in Homegrown is the shadow movement not going along with the windy shader. Good video, I prefer by far when there is also technical involved in the video ! 😊
I've updated the Homegrown shadows so that they now sway in the wind too :)
@@ThinMatrix great work ! 👊🏻
Thats awesome, I just drag in a directional light in Unity and call it a day 😄
I'm kind of jealous XD
Ahh mines a bit different, I just drag a directional light in Unreal and call it a day 😂
@@ThinMatrix I'd love to see and hear you talk about the tools you've created to help your game development along. Did you set up your engine with a GUI to manage things in a way like Unreal/Unity, or did you make separate tools to handle things like level design?
Love your devlogs so much
The solutions you come up with are always incredible
Lol what? What do you think AAA games are made of then, and since decades?
Dude thank you for everything. Seeing your videos pop on to my timeline really brightens my day.
This was super interesting, thank you. Please do more of these technical in-depth videos in the future! 😊
Always interesting to see the technical details. Thanks.
Each step you make, the game just gets better and better. Keep it up!
This is so fascinating, love your videos my man.
YEAH! Love this kind of insights of more technical stuff of the game, looking really good so far, Keep it up!!
So happy that you are doing consistent uploads now! Been watching since you were developing Equilinox and watching your dev logs has never gotten boring!
This was super interesting honestly! Seeing how you go about tackling issues, to me is very cool, it's nice to see your train of thought with it all!
Great video! Love the art style and the shadows! 😊
I remember getting into shadow mapping, and then later omnidirectional shadow mapping! I've been avoiding those concepts lately but it's only a matter of time before it's needed again, thank you for reminding me!! 👍👍
super interesting video. I love the deep dives into technical topics. so informative and very well explained!
Great video! really well explained in an interesting way. I feel like I learnt a lot about how shadows work in video games
Been using the basics of your old Shadow mapping tutorial in my own engine ever since. Some of these ideas you shared today are definitely worth looking into!
This video was great, thanks so much. Both relaxing and also explained some ideas behind implementing shadows quite well.
This might be the best video by far done by yourself.
Thank you for all the effort you put it every time, it pays off for the viewer and hopefully yourself as well!
I really enjoy these little updates. The content is laid back and I always look forward to seeing how the game is coming on.
Very interesting! Never even tried to write my own 3d renderer, kudos to you for adding this!
really enjoy the more technical videos as well as your normal ones. Would love to see more about what frameworks/libs you've used too
Fascinating to see how you approach shadows!
This was a really great video. I always enjoy your vids and would like to see more technical discussions as you go forward.
Very fun and interesting. I love the technical explanation and wouldnt mind ever more 😀 thank you
I very much appreciate the technical insight.
Amazing. Really few people can really know how difficult this stuff are. You rock!
I really like this kind of more technical videos. Good work.
Great video. I hope you can do more technical devlogs like this in the future.
Great video, glad you made one on this topic, I am going to to do some similar techniques for shadows after watching this! I like the art style a lot btw!
Ok, I am a botanist, a retired plant population biologist, and I and a botanical artist wondered why people are plant blind, and discussed the potentiality of games based on plants, and Albert Durer’s turf, and the immersive Van Gogh exhibition in Bristol. Your ideas are interesting and I might come back for a chat some time. Henry F
Excellent work as always. Thanks.
This is the kind of devlog I subscribed for in the past. :D
This video makes me nostalgic when I was watching the opengl tutorial series you made! Awesome devlog :)
The shadows look so good! Even if it was a more technical devlog I love to see the progress on the game!
Very interesting. I loved your tutorials and wish you had time to continue them.
I always enjoyed watching your tutorial videos a few years ago. It's impressive how you improved. I would love to see a few new tutorials when you have some time. Keep up the great work :)
it was looking great with the last graphics but now? holy smokey this is amazing. keep it up
Fascinating insights on how to do shadows. This was a good, general description of the problem, I like it.
Amazing dev log as always
Wow I never have seen such a high level explanation on how shadows work in 3d games. Thanks for this vid!
I do like the devlogs that go into technical detail a lot more.
Fascinating, and the game is looking great!
Waw the steps u made in the last videos really added a lot of life to the scene!
Awesome job as usual! 💪
And crystal clear explanations 👌
We use an additional approach with 2 shadow maps... the first is the wider scene which creates the pixely shadow map (the one you use), and a second is a narrower map which only contains a small part of the scene using a distance field around the camera (not the light source). Both maps are generated during the same rendering pass, the shaders just use 2 rendering targets. The 2nd map has a much higher resolution, you can think of it like a 2nd zoomed shadow map. During the final render, the shadow is then, based on distance again, sampled from the narrower or the wider map. This generates nice sharp shadows around the "camera" while having only blurry shadows far away, which you wont notice in the distance anyway. As a disclaimer, this will only work with 3rd person or 1st person rendering. For this game with a wide/far camera, the distance value for the narrow shadow map will be too large and the difference in shadow map resolution too small.
Seeeee, me encantó! Sos un genio. amo aunque sea estos videos cortitos que son muy interesantes para aprender y motivarse! Muchísimas Gracias por el esfuerzo y la buena onda!
Hello ThinMatrix,
I have started game dev with your OpenGL series and have learned a lot with you. Thank you! You do great work.
For your shadow shimmering, what you need to do is to move the shadow camera by fixed increments, which correspond to the projection of the shadow texels on a horizontal plane. This completely removes the issue. Don't hesitate if I can help you back.
Game looks amazing, I'm so happy after the graphical upgrade
Shadowing is so tricky but so satisfying. It was arround here I reached the end of my efforts to develop my own engine (i'll return to it - when time permits!). You've got a great workable solution here.
Awesome work! Love the shadows!
As someone working on my own engine, videos like these are super interesting and I even prefer them a lot over the regular game dev videos since I already have a lot of experience with game programming. I'm just about to get started with shadows myself so this was a nice surprise to see in my recommendations!
Great video! Shaders in general have always been my weakness, so this was very interesting to watch :)
Lovely, I do feel like shadows that are softer would really fit the art style, like Tunic, and the clouds that casts shadows would also be lovely :) Great work as always.
Here's an idea: sample (say 7 or 9) lightmaps with a slight angle offset. The sun rays are approximately parallel at Earth, but the Sun does have a small apparent diameter, of approximately 1/2 degree (10 milliradians). By sampling the shadowmap in a "hexagon" of radius 1/4 degree (you can exaggerate this effect a few times for dramatic effect), plus maybe a point in the center, you get very nice soft shadows that also have a distance effect (they're softer when far from blocking objects). You can also achieve this by computing one shadow at a time (for a total of 7) like you're doing but averaging out the 7 results. Very interesting video, thanks :)
i love this technical material! even though i have an engine to do shadows for me, it it lovely to see these nice tricks ❤
love the technical videos :D
This is beginning to look nice, you are on the right track.
Awesome video! The shadow rendering already looks awesome. Really like how you go in detail to explain how each of the problem was tackled. Learnt something new today :) Looking forward to your next devlog. Keep it up! :)
Thanks, glad you liked it :)
This was very interesting and educational too! Thanks
thanks very much for taking the time to do this. Love the insight of 3D graphics. While I'm a decent programmer this is outside my normal area of business applications. Its amazing how much processing can take place in every frame using GPU, while our business app processing seem very slow in comparison.
I have always wondered how shadows are done. Neat!
Looking good. Also, the technical side is quite interesting.
very interesting, I enjoy these more technical ones a lot
I haven't commented yet but this time I really want to just show you my gratitude for your work. This video is actually one of the most interesting videos I have seen yet! In graduate school I studied a lot of computer graphics theory and I really appreciate watching you implement these techniques and algorithms into your game. I Especially love the commentary you give and it's really nice to have the direct feedback on the game. Thank you Karl for taking us with you on this journey ❤
PS: I only watch around 2-5 videos a month but I won't ever miss on watching any of yours!
loved this one. Really like those a little more technical videos. I understand basically... nothing. But still very interesting.
One thing! Because it's outside, you actually might want less soft shadows (the sun is so bright and parallel, it's shadows are typically quite sharp). You may be able to do that with a cutoff on your sampling
Love your videos man!
Nice approach
This was super interesting, please more of these! :)
I don't code or create games at all but the way you talk about your work and explain simply means your videos are never boring no matter what element you focus on! I enjoyed this video just as much as all your others! Ty for working so hard!
It looks freaking amazing!
I love the technical content!
I would love to see more like these, missed the technical videos you use to do.
Wow, the graphics are starting to look really good
As others have mentioned, I too like these types of videos! Thanks!
Even if this one not the regular format, I really enjoyed that video. Thanks!!
This is extremely interesting man!
Very cool video, indeed interesting and helpful.
I like this quick little video
Great idea with the bigger area of the shadow map! Also, didn't know about the only rendering back faces trick, always just used an offset :)
I love the progress. I think textures would be a good addition though, the idea you scrapped in the previous episode.
Good, concise explanations for the basic concepts! You'll probably want to look into Cascaded Shadow Mapping if your single map resolution is not enough.
As a hobby game dev, I really enjoy this type of content. You don't have to go more into detail. But the overview of your thought process when implementing this features is really helpful.
You got a really nice workplace!
Love this kind of video!
Amazing video, so informative