Giter Site home page Giter Site logo

jertlemiah / toon-shader Goto Github PK

View Code? Open in Web Editor NEW

This project forked from snutihq/toon-shader

0.0 0.0 0.0 13.37 MB

A character focused Toon Shader for Unity using Shader Graph.

Home Page: https://www.youtube.com/watch?v=g8eBXCgWwrk

License: MIT License

C# 100.00%

toon-shader's Introduction

Awesome Toon Shader

A character focused Toon Shader for Unity using Shader Graph. Using a C# helper script on the object to supply lighting data to the material, making it flexible and programmable. While it's not the most optimised and ideal approach for every scenario, it's a different take on toon shading and passing lighting data.

Improvements, forks and pull requests are welcome. Be sure to check out the tutorial to follow the process of building this shader from scratch.

Tutorial

How to build this shader from scratch:

Awesomeness & Features

  • Supports multiple light sources and types.
  • Adjustable shading bands.
  • Beautiful gloss and Fresnel effects.
  • Shade detection with Raycasting ("faking" reciving shadows on an unlit material).

Drawbacks

  • Not ideal for enviroment shading (In it's current configuration, could be repurposed to work better).
  • Doesn't receive shadows directly, but fakes it by turning light sources off/on, by testing visibility with raycasting.
  • Lighting is relative to the mesh center rather than the mesh surface position. This difference is usually not noticable, apart from when you are standing on top of a light source.

How to use

  1. Apply the AwesomeToonHelper script to your character (On the Game object with the Mesh renderer)
  2. Create a material with the AwesomeToon shader, and set this as the SourceMaterial input on the Awesome Toon Helper component.
  3. On the material set a Shading Gradient to one of the gradients in this repo, or make your own.
  4. Play around!

Material instancing (Sharing material between many characters)

By default the script will take a copy of your material and apply it to the model. Any changes to this copy (instance) will not be retained, this allows many characters to share the same source material and have individual lighting data. If you are making changes to the source material, uncheck instance material temporarily.

Troubleshoot

Error: Could not find Sub Graph...

If the Awesome Toon Sub node is not found in the Awesome Toon shader, delete it and add it back in again, then save.

Everything looks bright and washedout

Depending on the lighting setup of your scene, you might have to delete the "Baked GI" node for things to look right.

Shade detection doesn't work

Raycasts need a mask to work, set it to Default and add other relevant layers to the mark for it to detect if light sources are obstructed.

toon-shader's People

Contributors

jertlemiah avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.