Toony Colors Pro+Mobile: Cartoon Shaders pack with lots of features!

EDIT:
Toony Colors Pro+Mobile 2 has been released: check it out here!
-----------------------------------------------------------------------------



Following the success of the free Toony Colors Shaders, I decided to expand them with more features and mobile compatibility!

So I present to you Toony Colors Pro+Mobile!
(formerly Toony Gooch Pro+Mobile)

Pro because there are a lot more features to them, notably:
- normal/bump maps
- specular (with alpha masking)
- backfaces outlines (fixed or constant sized, with optional correction for complex geometry)
- rim lighting

Mobile because they have been optimized to work well on mobile devices compared to the previous free version!

The package contains all combinations of the features and optimization techniques, so that you can find the shader you need for your design and performance needs!

Click here to take a look at the interactive WebPlayer Demo Scene!

Link to the Unity Asset Store

Feel free to comment if you have any question, suggestion or anything else to say!

 

Looks great - purchased, congrats for the release !

 

Thanks!

Just a heads up: I'm working on better rim lighting performances on non-bumped shaders! (moving a bunch of stuff from fragment to vertex program!)
Stay tuned

 

Wow! Loved your cartoon packs!

How's the performance? How many draw calls per mesh?

 

Performances are generally good, a little slower for complex shaders (e.g. bump+specular+rim+outlines) but still much better than the previous free Toony Gooch pack!

As for draw calls, 1 per mesh with regular shaders, and 2 per mesh with outline shaders; though that wouldn't say much: the outline pass is way faster than any of the lighting passes!

Here's the relative speed list, taken from the pack's ReadMe:

Though this list might change a little with the new rim lighting optimizations; I'll have to re-run the tests!

 

Version 1.1 with faster rim lighting has been submitted!

 

How much will this be after the sale?

 

The sale has ended and the price is now 15$.
It can change in the future as I update the package with more features, but it is not planned so far.

 

I've bee using the free version for a while... once i saw this one i bought it with the speed of light, very good work!
Respect!

 

Great Toon shaders ! Thanks Jean.
It's very good to be able to use a light for changing the shadow orientation !

However I don't understand why you use this kind of textures for the Toon Ramp parameter !?!
I'm using other textures and I have a better render for a 3 levels effect for example.

6R

 

Thanks for the kind comments guys!

Not sure if you're asking how the ramp textures work or if you're just saying that the ones included aren't that great; but anyways I'd be glad to see what textures you came up with and see a screenshot of them applied on models to see that better rendering, if you're willing to share!

I'm sure other users of the plugin would be thankful as well!

 

I have forgotten to say it's great to be able to use the bump textures too !!!

With my current work on Cartoon renders for my "2D Props Maker" I had to do my own textures to add to the Unity Toon shaders. I have tried to apply similar textures to your shaders and it was better for my needs.
Here you can see the result on the coin from the "Items and Props pack" ! I use the same parameters (highlight color, shadow color...) but at the left side I have used MY texture for the toon ramp parameter and at the right side I have used YOUR 3 levels toon ramp texture :

On the scene I have only 1 directional light (intensity = 1.3 !)


6R

 

Indeed it looks better in this case!
But 1.3 as intensity seems rather high to me, regular shaders tend to give some very bright results with intensities >= 1.0!

Anyways that's what's nice about these shaders: you can easily define your own ramp textures to change the whole feel of the shading

 

Yes, your shaders are great because they allow us to modify a lot of things !!!

(Here it is 1.3 for light intensity because it's nice on gold coins. But it works with less intensity too !) ;-)

6R

 

Would it be possible to combine your RimLight shader with the clipping plane shader (Clip.shader) from this post?
http://forum.unity3d.com/threads/34508-Simple-Cross-Section-Shader/page2?p=1157460&viewfull=1#post1157460

It would be quite useful, but I can't be bothered to learn shader writing myself.

 

Really great looking shaders, I'll check them out soon.

 

Hmm, I'm sorry but this one is quite complex and beyond my skills, and it wouldn't be a matter of just copying/pasting some parts because Toony Gooch shaders are Surface ones, whereas this one is a vertex/fragment shader :neutral:
However it seems that the lighting calculation is done with the following code in the shader you posted:

Code (csharp):

1. float3 N = IN.normal.xyz;
2. N = mul(UNITY_MATRIX_IT_MV, float4(N, 1));
3. float diffuse = saturate(dot(glstate.light[0].position, N));

So changing that into a ramp-based lighting might be doable, though it would only work with one light and I'm not sure of the compatibility with the different rendering modes of Unity!

 

Yeah, I figured it would be too complicated. Thanks for taking a look, though

 

Hey there!

Just wanted to show what I'm working on for a future update of Toony Gooch Pro+Mobile: the 'pro' version of the Rim Outlines feature from the free pack with controllable size/smoothness!

Please note that the image is animated and hence in 256 colors!

Is this something you'd be interested in?

 

Certainly would be useful.

 

v1.3 with the customizable Rim Outlines has been released!
Check the updated demo here

 

Hi,

I'm having problems with the shaders that are zipped in this pack. When I unzip them, create a new material and select one of these shaders, multiple errors show up in the console and the material turns pink.
Do I need to do anything else other than unzipping the shaders?
I'm using Unity 4.1.3f3 and have tried both Mac and iOS platforms.

 

Hello,

This means that the shader has failed to compile. Usually one error in the shader or compilation output a lot of other errors resulting from that first one, so it's not possible to determine the origin from your screenshot.

One thing that comes in mind though is to make sure that you extract the shaders from the zip files into the same directory as the other shaders (they need to be in the same directory as "TGP_Include.cginc" and "TGP_Outline.shader" to compile properly).

If this is not the problem, please send me a stripped-down scene with the problem so that I can take a look at it myself (create a new empty project and repeat the steps for the bugs to appear and send me an archive; make sure to not include the "Library" folder to save up on space): you can find my email in my signature!

 

Oh! That was indeed what caused the issues. Thank you very much for the quick reply. And thanks for creating these fantastic shaders

 

BTW, is it intentional that the z-corrected shaders don't appear to work with realtime shadows?

 

Do you mean it doesn't receive or it doesn't cast them?
Do they work with the other shaders?
It is not intentional, though the shadow casting part may be corrected by adding the "addshadow" to the "#pragma surface..." line, for example
#pragma surface surf ToonyGooch nolightmap nodirlightmap noforwardadd addshadow
(I'm not sure though, the problem might come from somewhere else)

 

Both, they neither cast nor receive shadows. All the other shaders work fine with the shadows, it's only an issue with z-corrected shaders as far as I can tell.

Thanks, I'll take a look at that.

 

It worked! Thanks again

 

Hi Jean, I bought the shaders some time ago (they are wonderful by the way), and i saw in this post about the new Rim Outline shaders in the version 1.3. But i just downloaded the new version and i didn't find them, it's strange because the demo scene of the asset isn't the same of the online demo and the readme still tells it's V1.1.
Do you know what happened?

 

Indeed it shows v1.3 in the store yet the files are from v1.1. I'll re-send the package to the Asset Store team and let them know about the issue!

 

The latest version (1.3) is now really available in the Asset Store!

 

Is there a way I can get a version of Outline Basic or Outline BasicRim with a main color control. I need direct control over that for our project.

 

Sure; send me an email and I'll help you (you can find my email in my signature)

 

Hello. I have problem with shaders.
When i used Toony Gooch Pro/Normal/OneDirLight/Basic or standart diffuse shaders - i saw this pic:

For example - when i used standart decal shader - border of my model is good.
What is my problem?

 

I'm not sure of what you are trying to do here, is it a transparency problem?
Could you also post a screenshot with the intended result to compare?

 

Solved problem. Parametr of camera "clipping panels" was 0.01. I set 0.2
Need picture like that (see on border):

 

Purchased !
I have to study more your shaders because the light seems too strong.
Anyway very good shaders.

 

Any chance of a terrain version of your toony rim light shader? I understand that it may not be a simple task, but it would complete the package for me. I'd love to use these shaders in my recent project, but having a matching terrain would be necessary.

 

Well I don't know much about Terrains, never used them.
Do they need some special shader to work?

 

They're relatively new, I believe. Check out the shaders under Nature > Terrain. There's even a toon shader. Standard shaders (such as your rim light) partially work, but terrain definitely seems to require something specific

 

It seems to be a combination of various shaders so I'm not sure of which ones to change, actually.
But for the surface-based ones, it might be doable by replacing the lighting model (see here: http://docs.unity3d.com/Documentation/Components/SL-SurfaceShaderLighting.html) and taking the one from Toony Colors!
They have to be in the same folder as TGP_Include.cginc, and then you can replace

Code (csharp):

1. #pragma surface surf BlinnPhong vertex:vert decal:add

with

Code (csharp):

1. #pragma surface surf ToonyColorsSpec vertex:vert decal:add

for example (or just ToonyColors if you don't want specular).
I'm not sure if the results will be conclusive, though.

 

Thanks for the lead.

I've attached a hacked-together basic rim terrain shader based on Unity's bumped specular shader and the TGP basic rim (requires TGP includes, of course). I needed to fondle up the main color and rim color quite a bit to get the desired effect without making flat areas blindingly bright or distant terrain (which reverts to the default shader) look too dark in comparison. Generally, it's a tradeoff between a strong rim light and dark distant terrain. You can replace the default terrain shader by using its path, but I haven't tried that with this shader yet (and, I don't know if that would actually fix the distant terrain problem). Also, smoother ramps tend to look better due to terrain LOD changes. For the most part, it works. However, I don't have enough hardware (e.g. a mobile device, older video cards, etc.) to test for compatibility.

 

Well rim-based shaders generally look best with a round geometry and small triangles, as it depends on the triangles normal according to the camera direction; that's why it is tricky to set up on planar terrains.

It's cool that you quickly got results though!
Feel free to post screenshots when you manage to get good results

 

We are using toony gooch extensively on one of our projects and we just did our first lightmap bake and was really disappointed to be told that these shaders don't work with lightmaps. Is this 100% true? is there any ways to get your shaders to work with lightmaps? Any updates in the works to allow for this?

 

@Jean Moreno: Is this true?

 

Hello,

Lightmapping is disabled by default in the shaders so that it can run faster (this is especially useful for mobile devices).
You can enable it back by editing the shaders ("Edit..." button in the Material inspector next to the selected shader), and removing the "nolightmap" and "nodirlightmap" keywords.
For example, the following line:
#pragma surface surf ToonyColors nolightmap nodirlightmap noforwardadd
becomes
#pragma surface surf ToonyColors noforwardadd

I'm sorry if this is added by default but it would have doubled the number of .shader files in the package (there are already a lot!)

Let me know if it works that way!

 

Hi

We were discussing this issue via email but when I reply I kept getting a bounce back so not sure if you received my response.

I reimported the package again via asset store - I cannot seem to find a file called "TGP_Include.cginc",?

Thanks alot

 

It should be in JMO Assets\Toony Colors Pro\Shaders\TGP_Include.cginc
If you can't find it, try to re-import the package again (or maybe delete the local version, and re-download it to be sure?).
Also to not have errors, best bet is to not move the shader files!

 

Hey

I re-imported twice, found the file in a folder called Shadertest - no idea why hehe

All sorted and it looks amazing thanks!!!

 

I guess the file was already misplaced in the project, and since it was the latest version it hasn't been reimported from the package.
Glad that it's sorted out!