Home

Awesome

Toon Shader for Unity URP

A toon shader compatible with the Universal Render Pipeline.

⚠️ The repository is no longer actively maintained.

🆕 The techniques from this project are the foundation of Toon RP, a custom Scripable Render Pipeline designed for stylized rendering.

Unity Version

Developed and verified with Unity 2021.3.0f1 LTS and URP package v12.1.6.

Main

Table of Contents

Toon Shader Capabilities

<img src="Showcase/toon_icon.jpg" alt="Toon Icon" width="150">

Surface

Color

Performance

Only Forward rendering path is supported.

Toon Shader (Lite) Capabilities

<img src="Showcase/toon_lite_icon.jpg" alt="Toon Lite Icon" width="150">

Color

Performance

Only Forward rendering path is supported.

Inverted Hull Outline

A simple and performant outline shader. Renders outlines of objects on certain layers via a Renderer Feature.

<img src="Showcase/inverted_hull_outline.jpg" alt="Inverted Hull Outline" width="300">

See the Outline Wiki page for details.

Installation

For the latest version (Unity compatibility is specified here):

Option 1

https://github.com/Delt06/urp-toon-shader.git?path=Packages/com.deltation.toon-shader

Option 2

Add the following line to Packages/manifest.json:

"com.deltation.toon-shader": "https://github.com/Delt06/urp-toon-shader.git?path=Packages/com.deltation.toon-shader",

Specific Unity Version

If you want to explicitly specify a Unity version, you should use a URL of the following form:

https://github.com/Delt06/urp-toon-shader.git?path=Packages/com.deltation.toon-shader#<UNITY-VERSION>

where <UNITY-VERSION> may be either of the following:

By default, the shader is updated only for LTS versions of Unity.

Getting Started

Documentation

Examples

<details> <summary> Bundled</summary> <ul> <li><img src="Showcase/main.jpg" alt="Forest Demo" width="400"></li> <li><img src="Showcase/toony_tiny_city_demo.jpg" alt="Toony Tiny City Demo" width="400"></li> <li><img src="Showcase/anime-character-arisa.jpg" alt="Anime Character: Arisa" width="400"></li> <li><img src="Showcase/warrior.jpg" alt="warrior" width="400"></li> <li><img src="Showcase/fur.jpg" alt="fur" width="400"></li> </ul> </details> <details> <summary>Released Games</summary> <ul> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.igdclub.tornadoblade"> Tornado Blade </a> </p> <img src="https://play-lh.googleusercontent.com/kJlmjO6aAfP4nyGGWh1wCduj7uCVfWYAvb8gOl07nHRbkjY9oxLdluiZY0pj6c1ZbQ=w240-h480-rw" alt="Tornado Blade" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.igdclub.blowfight"> Blow Fight </a> </p> <img src="https://play-lh.googleusercontent.com/x0JiCI0H6Qlw27cjPlPyWLMcgUkjGkqxXQTkf-DRqi5qqBbn-RyCN5TPqS_14IvERA=w240-h480-rw" alt="Blow Fight" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.miner.farm"> Miner Farm </a> </p> <img src="https://play-lh.googleusercontent.com/bPU1C18MFA2TRQgwvq3VTYo_hntbe0I_tRIwUbO7x2SmXlCzJ7n97TAy1Xn530nQEA=w240-h480-rw" alt="Miner Farm" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.igdclub.bulldozerrunner"> Bulldozer Runner </a> </p> <img src="https://play-lh.googleusercontent.com/N6MO0mfLi2UhO61X1o6JJ9IYWLPzQANCndWOq3b9e-NnEWinCJaMdwcNzahm9PJWwiY=w240-h480-rw" alt="Bulldozer Runner" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=stoneage.survival.craft"> Survival Craft: Stone Age </a> </p> <img src="https://play-lh.googleusercontent.com/kzNH-ESRhwKNE4zBQwvacDo5FHg5ofREMO2WGeJE-45yvUPmi0KdXKqUhOnpa90lNA=w240-h480-rw" alt="Survival Craft: Stone Age" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.igdclub.bumpfight"> Bump Fight </a> </p> <img src="https://play-lh.googleusercontent.com/GFX_AtN2H7ZYu_1a67p4UXoXUzBimDnl75qCSEIwjojy_dhIKgD-I0ClfCVK-E9Zg-4=w240-h480-rw" alt="Bump Fight" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.igdclub.merge2race"> Merge 2 Race </a> </p> <img src="https://play-lh.googleusercontent.com/1rfUHyOz6DoPIL26hm1XkYvluTqeMKcdOdvvmuWPmY_vaZL160HifhZ0QyaB18gwKVw=w240-h480-rw" alt="Merge 2 Race" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.igdclub.countfight"> Count Fight </a> </p> <img src="https://play-lh.googleusercontent.com/YhEVcheZQbdTogHtWuqEtMstnx0ii-DnZnmIxDtq7bKwAlaQ2z0RBSNPxYeo0JOE=w240-h480-rw" alt="Count Fight" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.igdclub.loverslab"> Lovers Lab </a> </p> <img src="https://play-lh.googleusercontent.com/4vEZfcl16Sap-RN0bEVPEpUucgRURYksXfCWHxFpumLSCBUMbUfrMtWrpmDFMep_rh0=w240-h480-rw" alt="Lovers Lab" width="200"> </li> <li> <p> <a href="https://play.google.com/store/apps/details?id=com.igdclub.liquidio"> Liquid.io </a> </p> <img src="https://play-lh.googleusercontent.com/BqwovDHv4JWJRkqzccOrpxKzksjXWDnkIc-qiwW4w-9mENALTGH0_1q3WGL4Do6HVWAu=w240-h480-rw" alt="Liquid.io" width="200"> </li> </ul> </details>

Used Assets