Toon And Outline Shader in Godot 3.2

  Рет қаралды 22,203

Code with Tom

Code with Tom

4 жыл бұрын

In this video, I'm going to show you how to create a toon and outline shader in the Godot engine.
I'd like to throw a huge shoutout and credit to Dave from Dave the Dev who shared this same technique over on his KZbin channel which I happened to stumble upon when looking to create this effect.
Dave's Channel: / @davethedev
Patreon: / codewithtom

Пікірлер: 40
@TimKrief
@TimKrief 4 жыл бұрын
In my experience the grow parameter works well with a sphere but has unexpected behaviors on more complex meshes that are not using smooth shading.
@CodeWithTom
@CodeWithTom 4 жыл бұрын
Hi Tim, thanks for the feedback. For more complicated meshes there may be better ways to approach this. I'll try and explore this in a future video 😁
@scollll
@scollll 3 жыл бұрын
@@CodeWithTom is there a video of that?
@original_poster
@original_poster 4 жыл бұрын
Very timely! I was literally wondering how I could do this this morning. Thank you.
@CodeWithTom
@CodeWithTom 4 жыл бұрын
You're very welcome :)
@maciej5468
@maciej5468 2 жыл бұрын
So simple, I love it, thanks!
@lemongummy7047
@lemongummy7047 3 жыл бұрын
this is so cool! ^^ thanks Tom!
@vatan2578
@vatan2578 4 жыл бұрын
Thank you so much. I wish health and success.
@CodeWithTom
@CodeWithTom 4 жыл бұрын
Thank you!
@Felocatel
@Felocatel 2 жыл бұрын
Muy práctico y muy bien explicado. Muchas gracias!
@unfa00
@unfa00 3 жыл бұрын
I'm looking for a shader-based outline effect that'd let me draw an outline visible through walls, but all tutorials go with the reverse-normal grow shell approach instead.
@olppi5452
@olppi5452 3 жыл бұрын
Thank you!
@apoorvpandey3D
@apoorvpandey3D 3 жыл бұрын
Awesome!
@LATEXXJUGGERNUT
@LATEXXJUGGERNUT 4 жыл бұрын
There once was a game called EVOLVE and EVOLVE Stage 2. You could sniff in the game and see outlines of certain colors. I have failed for years to understand how to do a screen shader with multiple outline colors or however they managed this effect....
@Raigoblin
@Raigoblin Жыл бұрын
Nice
@NOPerative
@NOPerative 4 жыл бұрын
Awesome.
@CodeWithTom
@CodeWithTom 4 жыл бұрын
Thanks!
@alexsandrotavares6585
@alexsandrotavares6585 2 жыл бұрын
OH MY GOD I LOVE U
@Flat_Erik
@Flat_Erik 2 жыл бұрын
i was getting huge aliasing effects on the outlines, especially when zooming out. Anyone knows how to fix this?
@pgt915
@pgt915 3 жыл бұрын
it's funny because in unity you would need 1000 lines of code for that,whereas here i don't even need a custom shader to have a good looking shader.
@NateHeroic
@NateHeroic 3 жыл бұрын
How do you use this with in 2d with light2d?
@samuraikina5908
@samuraikina5908 2 жыл бұрын
Can this shader be modified to make the objects pixel art?
@jamesxxxyz8775
@jamesxxxyz8775 4 жыл бұрын
When i duplicate this sphere and this spheres overlap each other, then the black line is thinner and the reflect light overlap a little bit.
@CodeWithTom
@CodeWithTom 4 жыл бұрын
Yes, there are some quirks to this method. I would love to explore more comprehensive solutions in the future.
@solerg0d
@solerg0d 4 жыл бұрын
Do you think you could make a video on 3D projectiles in godot
@CodeWithTom
@CodeWithTom 4 жыл бұрын
Absolutely :)
@mr.wiggles9827
@mr.wiggles9827 4 жыл бұрын
Im trying to get my character to throw a boomerang that's on his side and have it return to his side...possible or nah im going insane trying to figure it out
@nirmattgopal1806
@nirmattgopal1806 4 жыл бұрын
like the god of war axe? kzbin.info/www/bejne/bn6uqZV9n86WgJI
@CodeWithTom
@CodeWithTom 4 жыл бұрын
Hi, this is absolutely possible. You're basically looking at turning your boomerang into a projectile that can also return to the player. I'll add this as a topic to my list of things to cover.
@thepirate_kinz1509
@thepirate_kinz1509 2 жыл бұрын
Can the same be done for 2d
@cmds.learning7426
@cmds.learning7426 4 жыл бұрын
how to make postprecess out line shader in godot? vertax out line make more polygon count
@CodeWithTom
@CodeWithTom 4 жыл бұрын
Hi, good point. I need to look into this. Once I figure it out I'll post an updated tutorial
@vojtastruhar8950
@vojtastruhar8950 Жыл бұрын
The specular highlights look awesome. But the grow outline breaks the second you have tomething with an edge - like a cube. Its an easy way, but severely flawed.
@forge_builder6455
@forge_builder6455 5 ай бұрын
having this exact problem.
@vojtastruhar8950
@vojtastruhar8950 4 ай бұрын
@@forge_builder6455 Godot has a button to 'generate outline mesh' - use that one! Works perfectly. You are rendering two meshes at that point tho :)
@peytonmac1131
@peytonmac1131 2 ай бұрын
Yeah. I've seen a lot of tutorials showing this way using a sphere only, which is a bit disappointing when you're trying to share more complex models.
@cmds.learning7426
@cmds.learning7426 4 жыл бұрын
Hi Tom! i found this : docs.godotengine.org/en/3.1/tutorials/viewports/custom_postprocessing.html Like unreal or unity's postProcess shader, use canny sobal or Laplace edge detection can make cool postproces out line
@kingzeeb319
@kingzeeb319 3 жыл бұрын
OOF
@Bogdan100pink
@Bogdan100pink 3 жыл бұрын
AMONG US
@GPMTT
@GPMTT 2 жыл бұрын
547th
Optimizing my Game so it Runs on a Potato
19:02
Blargis
Рет қаралды 490 М.
choosing a game engine is easy, actually
15:08
samyam
Рет қаралды 351 М.
Best KFC Homemade For My Son #cooking #shorts
00:58
BANKII
Рет қаралды 52 МЛН
Самый Молодой Актёр Без Оскара 😂
00:13
Глеб Рандалайнен
Рет қаралды 4,6 МЛН
I Can't Believe We Did This...
00:38
Stokes Twins
Рет қаралды 122 МЛН
Easy Toon Style in Godot
7:39
Watt Interactive
Рет қаралды 16 М.
How I Made Palette Pixel Shader From Scratch in Godot
9:58
DeveloperEzra
Рет қаралды 7 М.
Godot Shader Tutorial [Basics] in 7 minutes
7:47
Master Albert
Рет қаралды 88 М.
Remaking LOOP HERO's CRT Effect
8:08
Acerola
Рет қаралды 49 М.
I Forced Myself to Learn Blender - 100 Hour Progress
6:43
Adam Baird
Рет қаралды 2,2 МЛН
The REAL Reason Unreal Engine VFX Looks FAKE
6:58
Joshua M Kerr
Рет қаралды 363 М.
Making Minecraft from scratch in 48 hours (NO GAME ENGINE)
16:38
INVENTORY & ITEM SYSTEM in Godot
50:30
Code with Tom
Рет қаралды 55 М.
How You Can Easily Make Your Code Simpler in Godot 4
6:59
Bitlytic
Рет қаралды 380 М.