GithubHelp home page GithubHelp logo

prius2 / urp_stylizedlitshader Goto Github PK

View Code? Open in Web Editor NEW

This project forked from madumpa/urp_stylizedlitshader

0.0 1.0 0.0 7.77 MB

Madumpa's URP Stylized Lit Shader Repository

C# 49.16% ShaderLab 44.66% HLSL 6.18%

urp_stylizedlitshader's Introduction

URP_StylizedLitShader

URP Stylized Lit Shader Repository

안녕하세요 프리랜서 테크니컬 아티스트 마둠파입니다.

image

Stylied Lit 셰이더는 URP Lit 셰이더를 기반으로 하여 제작되었습니다 Lit 셰이더에서 할 수 없었던 레디언스 제어, 스펙큘러 제어, 프레넬 제어 등을 할 수 있고, 브러시 텍스처를 통하여 다양한 스타일라이즈한 느낌을 추가할 수 있습니다

즉, PBR의 속성을 전부 사용하면서도 조금 더 만화같은 표현을 하기에 적합한 셰이더라고 할 수 있겠습니다

image

레디언스 제어가 가능하기 때문에 이처럼 NPR 느낌도 잘 소화합니다

image

프로젝트 첫 화면은 위와 같습니다

image

인스펙터 화면입니다. Lit 셰이더와 비슷하지만 Advance 항목을 클릭하면 Stylized Lit 셰이더만의 옵션이 추가로 보이게 됩니다

image

Stylized Diffuse 에서는 3가지의 컬러와 Threshold, Smooth를 이용하여 표면의 라이팅을 리매핑하게 됩니다 위 이미지에서 알 수 있듯이 Lambert LightModel을 이용하여 프로시졀하게 Ramp Texture를 만드는 방식이라고 생각하시면 될듯합니다

image

Stylized Reflection에서는 Specular와 Fresnel을 추가로 제어할 수 있고, Metal의 큐브맵 밝기와 NonMetal의 큐브맵 밝기를 따로 제어할 수 있습니다

image

Stylized Lit 셰이더의 가장 큰 특징중에 또 한가지는 브러시 텍스처를 사용할 수 있다는 것입니다

image

브러시 텍스처는 위처럼 제작하면 되고, 각각 R채널은 Med Tone G채널은 Shadow B채널은 Reflect 에 대응합니다 샘플링을 아끼기 위해 타일링은 공통으로 쓸 수밖에 없으니 텍스처를 만들때 계획적으로 만들어 사용해 주세요

image

브러시텍스처 적용 사례에 대해서 간단하게 정리해보았습니다

이 셰이더의 사용은 자유롭습니다

상용프로젝트에서 사용하신다면 메일이라도 하나 남겨주시면 감사드리겠습니다

메일주소는 [email protected] 입니다

감사합니다

urp_stylizedlitshader's People

Contributors

madumpa avatar

Watchers

James Cloos 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.