Hand drawn shader tutorial in godot (hand drawn/manga/spider verse)

[@ZeonplayzYt]

my left ear felt that

[@pinkivic1010]

Sorry I did not realise I messed up the sound as I was editing on my speaker 💀

[@GoblinArmyInYourWalls]

You got a patreon? Pleaee dont quit, the last guy to make high quality shader tutorials quit after a couple months.

[@this-cris]

could you please share their channel

[@Johnson-ks5uw]

please don't stop making shaders, I wouldn't mind a patreon either

[@CharlesSTEIMBERG]

Man, this is amazing material. Was a bit afraid of the math at first but everything is crystal clear. Congrats !!

[@pinkivic1010]

Awesome, thank you! ☺️

[@hubbiedwika7594]

Thanks for the tutorial. It's probably the best shader video for godot

[@pinkivic1010]

Glad it helped 🥰

[@sante76]

This tutorial is totally out of the box, very well done. Unfortunately, there isn't much material out there comparable to this. I believe I can say that most of us are somewhat capable of applying four textures, more or less, but playing with shaders as you do in this tutorial is a whole different story. One cannot expect anything, but if you feel like creating more tutorials like this one, explaining not only how to do something but also why it’s done a certain way, the appreciation won't take long to follow... Cheers.

[@pinkivic1010]

Thank you so much for the kind words 😮😊! Those kind of comments really make me want to do more! More tutorial are definitely coming although as I am currently working on an unreal engine game they will much likely be on unreal. I do intend to come back to Godot eventually but you will probably have to wait a year for those kind of tutorials 😢

[@sante76]

@@pinkivic1010 "There's absolutely no problem at all! It's only right that everyone does what they feel like doing... In the meantime, you've been a great help with a project I'm working on, and I want to give it a look similar to 1970s Japanese cartoons!"

[@pinkivic1010]

I’m glad it helped! Be sure to let me know when you start posting about it 😉

[@JunHwiKu01]

New to Godot, 4 years on Unity, your lecture is amazing.

[@junjdev]

really cool and simply presented thanks

[@pinkivic1010]

Thank you 🙏, I’m still new at the whole making KZbin video so it can only get better from here to 😉

[@darksignal_dev]

OMG you are a genius! You are a LIFESAVER!! Thank you for making this video and sharing this shader with us.

[@pinkivic1010]

Glad it helped ☺️

[@le_h_racing]

Very interesting ! Keep up the good work :)

[@pinkivic1010]

Thanks, will do!

[@Polygarden]

Looks really nice! I like the hand drawn look of the shaded areas.

[@pinkivic1010]

Thank you!

[@JebaliJihed-g5c]

please more godot tutorials , you have no idea how much it means for the godot people

[@pinkivic1010]

Hi thank you ☺️! Unfortunately I am currently working on an unreal engine project and subsequently the next tutorial to come will be on unreal. I will probably come back on Godot next year though 😉

[@Arukajoe]

This is really cool! I had a play around with it to see if I could get it to deform a mesh with UVs but it only works on a solid colour it seems.

[@pinkivic1010]

What do you mean by that? The shader modifies the geometry of your model directly. If you are trying to modify your texture too, you could also move around the UV coordinates of each vertex in the animated object shader

[@pinkivic1010]

If you want to add a texture to your mesh you can add a sampler2d to your object shader, Pass your texture and in the vertex function sample from that sampler2d using your object uv’s

[@Arukajoe]

@@pinkivic1010 I applied the shader material as a surface override and added some transparency hoping that it would show the base surface through the transparent areas, but godot doesn't work like that and instead generated a white texture and turned the entire model transparent instead. Interesting, ok I'll have a go at that, thank you very much!

[@lukaspaver]

Cool, saw this on Reddit

[@ls75122]

So cool! Gonna try it right away

[@thereal_balak]

Awesome work brother, like everyone else says keep up the good work! Would love to see more videos from you. Thanks for the tutorial!

[@Le_x_Lu]

this is amazing, keep up the good work.

[@pinkivic1010]

Thanks 😊!

[@RookieAlert]

Great tutorial, thanks for sharing!

[@charsarsis]

For Godot 4.3 the void vertex has to be changed to this: void vertex() { POSITION = vec4(VERTEX.xy, 1.0, 1.0); } Dunno why I didn't see the error popup until a day later, but I was baffled why it wasn't working initially

[@pinkivic1010]

Thanks for sharing that 😌!

[@NickFegley]

Fantastic work!

[@Rexmon]

So i have a few questions. 1 I'm trying to make a "comic book style" shader and id like to apply it to the entire game. how would I do what you have done with the character but on everything? 2 How would I make it so the hash shading only updates when the vertex displacement updates? 3 I assume this works with colors underneath? 4 Do you have a discord server for better questions and responses?

[@pinkivic1010]

No discord yet but that’s a good idea 1: The simplest way to apply the hatching effect to everything would be in the post process shader, you can Calculate the world coordinates (you can find that in the Godot documentation) and then multiply it by an arbitrary vector and use it as your UV texture also multiply it by the normal so that it wraps around the object, you might also use other techniques to break out the repetition. Now there is still the problem of knowing the amount of light on each pixel, Godot currently does not give us access to the unshaded view (which would enable us to calculate the light amount) so the simplest way is to pass the light as a V3 uniform in your post process shader However doing this in the post process shader as it’s limitation, objects that moves trough spaces will have their texture move with them(which is not a problem if you can make sure all your moving elements are perfectly static in between frame) A GitHub request was made on the Godot repo to add it. 2: as said before if your moving objects are perfectly still in between frames, the hatching will not move (all elements that can affect your movable objects should use the rounded time technique) 3: yes as shown in the tutorial, you can add some V3 uniforms to your objects shader(for color)or a sampler2D (texture)

[@pinkivic1010]

If you have further questions or if you want to share your results, contact me on my LinkedIn Victor Steimberg

[@Bogwell-cx3vc]

This is awesome, you explained everything very well. Could you try making a tutorial on toon shading (cel shading)?

[@pinkivic1010]

kzbin.info/www/bejne/n6CVqmuInKtmb6Msi=BYArcxndyWX4m146 this one on cell shading on Godot is really good

[@Bogwell-cx3vc]

@@pinkivic1010 thanks mate

[@rhevoramirez7969]

Looks beautiful, thanks

[@softbread1728]

Such an entertaining and educational video. Loved it. I'd like to point out that your voice is only on the left side of the spatial sound.

[@pinkivic1010]

Yep editing mistake sorry 😔

[@BigBWalter]

This was awesome, thanks for sharing!

[@pinkivic1010]

Thanks ☺️

[@yapzanan6753]

please do not put the main voice on left side. it is quite uncomfortable. But overall thanks for your tutorial, this is so helpful!

[@pinkivic1010]

Yeah sorry about that, I did not notice as I edited this video on my speakers…

[@ItzVic]

bro this is insane wtf genius

[@idialbp4705]

Very nice video !! thanks for your work

[@eath2496]

This is a good tutorial but do you mind lower the volume of the music next time or not have ant music please? Not having music makes watching in x2 speed possible also it's a not too loud to hear you easily. it is nice music

[@HexBlit]

Great job on this!

[@AleksandarPopovic]

Very nice, keep going!

[@rmsidewalks]

StereoToMono browser extension, thank me later

[@nonamenoah7407]

This is an awesome tutorial! Is there any way to get this shader to consider the lighting like the light shader does rather than a static vec3?

[@pinkivic1010]

Yes kind of but it is a hacky solution. Ideally we would need Godot to give us the unshaded view (so that we can compare it to the default one and see how much light is hitting each pixel) A Pull request was made so this might be possible some time in the future. The Hacky solution is to override the light shader to put a specific color on the part of your object that is receiving light and then reading that colour in our post process shader and transforming it into our hatching. This however will make you lose some colors but you can find more hacky solution to kind of work around it If you are interested you could try to contact me directly on my instagram @pinkivic.3.d so I can share the code with you.

[@skave7228]

I wonder how it woud look if the character movement where also updated with the same limited framerate

[@ripoff2321]

Thanks for the tutorial! I can't seem to see my vfx (gpu particles) trough the shader. Is their a change to the shader itself or the gpu particles I can make to be able to see them?

[@pinkivic1010]

Right now I don’t think Godot post processes have access to transparent object. You might want to read trough the documentation for shader( I put a link in the description to it) and you might find a workaround. Until Godot updates their post process I think the easiest solution would be to simply not use transparency and make your particle mesh use the desired shape (it’s obviously not an optimal solution but it could work well based on the style of your game…)

[@ripoff2321]

@@pinkivic1010 it does seems to be the issue, thanks alot for responding

[@pinkivic1010]

No problem good luck to you

[@ugochi-mu7mo]

How do u make the colour be the same colour as the material of the mesh?

[@pinkivic1010]

You can pass the color as an uniform in your animated object shader. instead of using white you can then use your color.

[@ugochi-mu7mo]

@@pinkivic1010 thx

[@ugochi-mu7mo]

Imma subscribe

[@pinkivic1010]

Thank u ☺️