top of page
Stylized Rendering
![](https://static.wixstatic.com/media/bd49bc_44de594e55e0440b9326f8d1596f1bf8f000.jpg/v1/fill/w_866,h_487,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bd49bc_44de594e55e0440b9326f8d1596f1bf8f000.jpg)
Project Overview
Lighting Model
I used the alpha channel of color curve to ramp NDotL value for cell shading. And also used tone mapping to change color for the character.
![SR2.png](https://static.wixstatic.com/media/bd49bc_a01f383a5fd24133a2a10387cc366135~mv2.png/v1/fill/w_381,h_215,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/SR2.png)
Color curve for Ramp
![](https://static.wixstatic.com/media/bd49bc_c370f7b71da847ae8f62854a1fba8e38f000.jpg/v1/fill/w_374,h_210,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/bd49bc_c370f7b71da847ae8f62854a1fba8e38f000.jpg)
Tone Mapping
I implemented SDF for custom facial shadow, and blured the result for the SDF noisy result. Binded the SDF location to the directional light.
![](https://static.wixstatic.com/media/bd49bc_1bdc00803fbf4bad8d82d1bbe47e7a77f000.jpg/v1/fill/w_468,h_263,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/bd49bc_1bdc00803fbf4bad8d82d1bbe47e7a77f000.jpg)
SDF Facial Shadow
Code for Catoon Lighting Model
Outline
I used normal offset to draw the outline for the model.
![SR3.png](https://static.wixstatic.com/media/bd49bc_3687842941c54e309bba87b3932b6ee1~mv2.png/v1/fill/w_384,h_201,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/SR3.png)
Outline for Character
![](https://static.wixstatic.com/media/bd49bc_edf469c523ba460c804e0b2e0599ef89f000.jpg/v1/fill/w_374,h_210,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/bd49bc_edf469c523ba460c804e0b2e0599ef89f000.jpg)
Only Draw Outline Model
Code for Catoon Lighting Model
Mat Capture
I used normal offset to draw the outline for the model.
![SR4.png](https://static.wixstatic.com/media/bd49bc_6920b2d656824b73bda155f3159db300~mv2.png/v1/fill/w_384,h_183,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/SR4.png)
Mat Cap Effect on Hair
![SR5.png](https://static.wixstatic.com/media/bd49bc_136aded2b49d4bddbf398c53564b3f44~mv2.png/v1/fill/w_384,h_193,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/SR5.png)
Simple Mat Cap Shape
Code for Calculating Mat Cap UV
Screenshots
![](https://static.wixstatic.com/media/bd49bc_b3af4c077ba843e7a0b71f4dd844e5d9~mv2.png/v1/fill/w_980,h_563,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/bd49bc_b3af4c077ba843e7a0b71f4dd844e5d9~mv2.png)
![](https://static.wixstatic.com/media/bd49bc_8a60e2f7d7724e5dbb4ec585ff37d089~mv2.png/v1/fill/w_980,h_571,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/bd49bc_8a60e2f7d7724e5dbb4ec585ff37d089~mv2.png)
![](https://static.wixstatic.com/media/bd49bc_b2b097a5299841e999d72bd6c551582a~mv2.png/v1/fill/w_980,h_534,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/bd49bc_b2b097a5299841e999d72bd6c551582a~mv2.png)
![](https://static.wixstatic.com/media/bd49bc_b3af4c077ba843e7a0b71f4dd844e5d9~mv2.png/v1/fill/w_980,h_563,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/bd49bc_b3af4c077ba843e7a0b71f4dd844e5d9~mv2.png)
1/4
bottom of page