How we built the toon shading | Open Projects Devlog

Рет қаралды 195,322

Күн бұрын

Open Projects are small, open-source games where the community of creators is free to collaborate and contribute actively to the entire game development journey. In this first devlog, we're going to discover the ideas and the process behind the cartoon look we developed in the first Open Project, an action-adventure game titled "Chop Chop".
⭐ Join the #UnityOpenProjects forum! on.unity.com/35UzPEp
⭐ Github repository for Project #1: on.unity.com/3kBcCLD
⭐ Check out the roadmap for Project #1! on.unity.com/3hMBH4F
🔗 Get the demo assets used in this video on the Github branch:
on.unity.com/3uDlgyR
(compatible with Unity 2020.2b and later)
0:00 - Open Project #1: "Chop Chop"
1:12 - Developing the toon look
6:18 - Rendering the outline
7:39 - Next steps

Пікірлер: 120

@unity 3 жыл бұрын

Talking about toon shading. Hand-drawn, flat shading, outlines, no shadows, wobbly lines... What are your favourite non-realistic rendering techniques?

@ALX159753 3 жыл бұрын

Will lightning nodes be available in the shadergraph out of the box in the future?

@MrYoungfly1 3 жыл бұрын

Not sure about techniques but I love, love, LOVE toon-shading. It's so versatile. I love it's use in Tron legacy and Spiderverse. You can say so much with so little if set right. Seems like you guys are definitely on to something.

@devinweidinger3812 3 жыл бұрын

flat shading with a silhouette based outline and only ambient occlusion for shading! :)

@mostafamostafa-fi7kr 3 жыл бұрын

pls fix animation rigging problem i dont know why when i use it on my own character which i made in blender no matter what i do when i run the game my character rig and mesh go in space but his collider and object remain in his place pls help i tried to fix it so many time and no one in discord answered me

@alekjwrgnwekfgn 3 жыл бұрын

My favourite technique (until now!) was Unreal Engine’s Post Processing Materials. This has got me excited about Unity again (I like C# better... and visual scripting everything.... shaders, etc.)

@Jabrils 3 жыл бұрын

this is so tight. I love everything about this

@__Rizzler__ 2 жыл бұрын

Love you jabrills

@mixandjam 3 жыл бұрын

♥

@kasit008 3 жыл бұрын

Love your vids 😍

@lndozois 4 күн бұрын

I've been looking up solutions to the lack of lighting data node in Shader Graph and KZfaq suggested this video! Completely unblocked me! The custom HLSL and subgraphs in this project are EXACTLY what I was looking for! Thank you so much!

@jbbn 3 жыл бұрын

That's SUPER cool, thanks for sharing and making it with so much details. Chop chop 🚀

@erz3030 3 жыл бұрын

What a fantastic project/idea! Keep up the excellent stuff everyone

@hm4266 3 жыл бұрын

Great video, thanks a lot guys! Was looking for this.

@alekjwrgnwekfgn 3 жыл бұрын

This video format is perfect🤩. Short- to the point and packed with useful stuff. Makes me excited about Unity again (from Unreal). Am really looking forward to the others in this short-form series. Keep it up Unity 👍🏻

@CannabisTechLife 3 жыл бұрын

Anytime there is a "custom node" in a Unity tutorial I wonder why it's not a standard node...3:35

@sealsharp 3 жыл бұрын

Me too, especially since it feels like every first step in every shaderGraph tutorial is getting that custom node for lighting.

@yaarrghmematey 3 жыл бұрын

Awesome video, perfect timing too, we are about to implement a stylised shader pipeline into our project, thanks for the great tips.

@zionen01 3 жыл бұрын

Been learning a ton with the open project. Thanks Unity.

@Oxmond 3 жыл бұрын

Great with the toon shader update to 2020.2! Thx 👍🤓

@astrobeef-l4581 3 жыл бұрын

Thank you, there's not many resources on toon shading in Unity and this was really helpful!

@devinweidinger3812 3 жыл бұрын

Great work community :)

@Pedro5antos_ 3 жыл бұрын

Awesome!!

@FireJojoBoy 3 жыл бұрын

that's amazing

@user-zc1wv4id7w 3 жыл бұрын

I like it!

@kken8766 3 жыл бұрын

i love this.

@Maxb0tbeep 3 жыл бұрын

so cool!

@kudung-mayit 3 жыл бұрын

this is really awesome ❤

@supdograinbarff1460 3 жыл бұрын

These games look great

@SwagWizard555 2 жыл бұрын

This is perfect for my game

@ladypmr7 3 жыл бұрын

is there any way to add normals to this? I've been tinkering with it for a while but I've failed miserably :(. Great resource btw

@adeled8833 Жыл бұрын

wild stuff

@NoobyN00B 3 жыл бұрын

I swear you guys at unity are listening to me , last week i was talking about fruit ninja with a friend and later came out the fruit ninja 2 video, the past 2 days I've been looking for a toon shader solution for my game and you post this

@TK-sr2hz 3 жыл бұрын

Yo this open project thing sounds hot.

@jakespencer1993 3 жыл бұрын

Absolutely love the look. Much better then my shader lol

@Lesistius 2 жыл бұрын

Literally just need the shader and the black outline texture format

@cole1396 3 жыл бұрын

why does the shader seem to change completely, like you opened a brand new shader at 5:26... this doesn't help at all...

@francoisneko 3 жыл бұрын

Hi, thank you for this video! Quick question’ I don’t understand why you switched to 2020 on this video. Is this shader compatible with unity 2019 LTS version?

@mooblegum9683 3 жыл бұрын

@@CiroContinisioUnity Nice! Thank you for your response. I will be studying it then, this is a really precious learning material you are doing! Cheers

@ThomasChen-ur2gt 3 жыл бұрын

How can start learning Unity shader and URP? Should I learn about the default RP first and then learn URP?

@unity 3 жыл бұрын

We recommend starting with some tutorials and projects on Learn, like this one: learn.unity.com/tutorial/understanding-scriptable-render-pipelines-2019-3#

@alejmc 3 жыл бұрын

Really nice. Digged the use of the scriptable render feature to add support for DepthNormals textures. So much flexibility like this.

@neozoid7009 2 жыл бұрын

Can I use the provided Toon shader graph in gamejam?

@arkardtv 2 жыл бұрын

How do I import these shaders to my project?

@andrewskillett7820 3 жыл бұрын

Is there a way to get this to work for 2019.4? I tried and it didn't go so well..

@zoearthmoon 3 жыл бұрын

👍👍👍👍

@mooblegum9683 3 жыл бұрын

Hi there, loved the video, really informative look into shadergraph! Would that shader be performant on mobile dvice or it would need to be tweaked for optimisation? If so, what could be modified to make it more optimised? Thanks for your input!

@francoisneko 3 жыл бұрын

Good question!

@alienboygames5488 3 жыл бұрын

Does anyone know?

@mattbrooks348 3 жыл бұрын

should work fine on mobile. They said at the beginning that they chose URP so it could be performant on weaker platforms

@MythologieChanel 3 жыл бұрын

Projected shadows and point lights can be a bit heavy. The optimisation needed would have to take place in the graphics settings of the project itself I guess, such as shadow quality and point lights max number. The self shadows/rim/specular etc... are very cheap however !

@mooblegum9683 3 жыл бұрын

@@MythologieChanel Thank you for your repply :) that is nice to know for a rocky like me what is heavy and what is cheap to render! I hoppe to learn about optimisation following this project, as it seem perfectly suited for a project that could run on low end device (what I am targeting)

@orin4654 3 жыл бұрын

Nice! but how do i get it.

@leonaluceid2388 2 жыл бұрын

Can i join while learning how to make game in this project ? Because i'm still learning from start

@bnjmo 3 жыл бұрын

I tried the shader on my project which targets Android and the outlines would not show when I build the game. Any ideas why?

@gafydoge3557 Жыл бұрын

can i use the tutorial for a commercial game?

@aniketashis670 3 жыл бұрын

Pls do a tutorial on procedural animation using ik

@Maxb0tbeep 3 жыл бұрын

YESSSSSSSS

@fressno1807 2 жыл бұрын

cool hwip

@DigitalImageWorksVFX Жыл бұрын

Aa bit too fast, but thanks for this. Why cell shading is still not a standard Unity feature? -__-

@kianakaslana2807 3 жыл бұрын

does the shader work on 2019.4 lts?

@nikhilsingh-te8hn 3 жыл бұрын

Outline visible in scene view but not in game view

@bovineox1111 2 жыл бұрын

This sampling of the shadow nap does bit work anymore :(

@johnbeverly9723 2 жыл бұрын

What is the performance like

@eugene4950 3 жыл бұрын

Outline renders in scene view and is applied incorrectly straight up in camera view for some reason

@inevitable.3991 2 жыл бұрын

@@CiroContinisioUnity I've tried turning this on and it still looks incorrect in camera view. However, if I turn on Gizmos, everything looks fine.

@ansqad226 2 жыл бұрын

does it work for android, i want low batches between 40 to 50

@urizalmon3249 Жыл бұрын

The toon Shader doesn't support URP?

@gambit1205 3 жыл бұрын

I want to make something with this. Is this all in a package?

@francoisneko 3 жыл бұрын

Yes. It is explain in the video

@gambit1205 3 жыл бұрын

@@francoisneko i couldnt watch the full vid but thanks

@mattbrooks348 3 жыл бұрын

@@gambit1205 *doesnt have time watch the full vid and yet has time to post a comment and reply??????

@gambit1205 3 жыл бұрын

@@mattbrooks348 called a job where i can reply to text but cant be seen physically viewing a video for enjoyment. i do security where im not able to simply sit on my aas commenting takes second the video is how long dickhesd?

@alienboygames5488 3 жыл бұрын

Can someone explain me how can I add normal map support for this shader? Thanks

@rusluck6620 Жыл бұрын

I don't think you need normal maps, since the shading is so simple, rather than detailed

@onewayroad3765 3 жыл бұрын

How to make the shade soft?

@duckman6403 3 жыл бұрын

im so lost from gate A...

@cresitonia6819 3 жыл бұрын

ok but like. how do i just put a shader on the model... to begin with..

@uguur 3 жыл бұрын

there is no link in your description ?

@uguur 3 жыл бұрын

@@CiroContinisioUnity when I write the comment there is no text in the description they add after that I think.

@uguur 3 жыл бұрын

@@CiroContinisioUnity really, my mistake sorry :)

@christianalegria6132 2 жыл бұрын

anyone knows whats the use of # in 3:48?

@VuVuuInc 3 жыл бұрын

Unity, can I have a sponsorship, on my next Devlog of my game "Last Hope"?

@trillobit3sIndieDevGames Ай бұрын

posso usar isso em meu jogo comercial?

@na.5010 3 жыл бұрын

😁😁😁

@charleslemaire2329 6 ай бұрын

Is it normal that the main character doesn't even have the presented Toon shader on the example project?

@jaxend5598 3 жыл бұрын

Dani THICK

@championsofodin9868 7 ай бұрын

Will this work in HDRP?

@MetrixGoat 3 жыл бұрын

Dani milk unity model pls

@gryzlaw 3 жыл бұрын

Yeah I didn't understand anything, guess my career in game development is not going anywhere fast! 😅

@unity 3 жыл бұрын

Oh not! Don't get discouraged! Instead, head over to learn.unity.com/ and brush up on the basics.

@amgames5638 Жыл бұрын

Hello, thanks for the great toon shader. Just wondering if you could help me, i can't seem to get the outline working. I even tried dragging in all your project settings and everything and it doesn't show. Do you know what could be causing this?

@Hikizuru 2 жыл бұрын

receiving shadow from other objects does not work in unity 2021.3.5. Anyone knows how to fix it?

@lynckee5244 Жыл бұрын

you probably already solved it but i was also struggling with the shadows in the new version of unity and i solved it. you have to select each materials that uses the shader, go in debug mode, and you'll see a blank space called " Shader Keywords ". you'll need then to copy paste this: MAIN_LIGHT_CALCULATE_SHADOWS _MAIN_LIGHT_SHADOWS _SHADOWS_SOFT _MAIN_LIGHT_SHADOWS_CASCADE _ADDITIONAL_LIGHT_SHADOWS into each materials blank space and then it works !

@Hikizuru Жыл бұрын

@@lynckee5244 Hey, I didn't solve it yet. I am using a older unity version 2020.3.25. I am currently trying out your solution in the latest LTS unity version 2021.3.14f. When I go into debug mode and select the material. I don't see a blank space called "Shader Keywords". It appears, unity has changed how shader keywords work. I am currently seeing : Valid keywords Size 0, Invalid keywords Size 4. But there is no empty space to fill in the name of the 4 boolean keywords.

@Hikizuru Жыл бұрын

@@lynckee5244 I solved it by simply exposing the 4 keywords in the shader graph.... Tick the expose box. Alright thanks! I wouldn't have tried this again without you

@lynckee5244 Жыл бұрын

@@Hikizuru great! i was about to check what i did and tell you how to do it but i'm glad you could solve this problem by sourself :) This shader is so cool and you'll see, it will be even better with the shadows lol

@Ratstail91 3 жыл бұрын

Sadly, I didn't understand a lot of this, but I specialize in 2d, and shaders have always mystified me. Hopefully the next open game will be 2d; I might actually be able to help then.

@vladilisan3226 3 жыл бұрын

IMO the next open project should still be 3D. If you know 3D you can quickly learn 2D. It's harder the other way around so it will be more useful

@Ratstail91 3 жыл бұрын

@@vladilisan3226 No, you can't "quickly learn 2d", thank you very much. You'll be missing a lot of the nuances that are required to make a great game. Like anything, it takes time to learn.

@piraente6514 3 жыл бұрын

@@Ratstail91 Depending on the artstyle your used to, you can contribute Icons and UI graphics. You can also create concept art for the game if you like. (Forum Threads - "Concept Art" and "Inventory Items", the UI elements will come later)

@karimedx 3 жыл бұрын

hhhh i see botw inspiration at it's peak

@karimedx 3 жыл бұрын

@@CiroContinisioUnity hhhh maybe my love to BOTW make me consider any good artistic style applied to any game made by anyone as it inspired from it. What I really wanna say is I liked what you did keep sharing.

@zonko1176 Жыл бұрын

That is way too compilcated. Pls look at bblender and let it inspire you. For this color ramp i need only 3 nodes in blender

@DiaomBayet 5 ай бұрын

You can’t make a good game in blender

@dertobbe1176 20 күн бұрын

@@DiaomBayet blender isnt an engine... He just means the shader node system is easier in this specific case

@tomino5201 Жыл бұрын

i created something similar but in blender is it way to get it to unity?

@Terror1046 3 жыл бұрын

I really dislike outlines done with vertex shaders. It just doesn't look good. Then again the alternative is a little more complicated

@mattbrooks348 3 жыл бұрын

whats the alternative?

@Zaneris 3 жыл бұрын

Lost me at "Dot Product"

@Atomic-toons00 2 жыл бұрын

Step one Get to the point

@NoobinGM 3 жыл бұрын

@unity You are still doing old baking lights, Unreal Engine had improved by global illumination without baking lights! Unreal Engine is making revolutionary stuff but you are still at the basic concept!