Skip to content

lyifaxxx/Stylization-Shader

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HW 4: 3D Stylization

2024-11-07.02-26-47.mp4

Project Overview:

In this assignment, you will use a 2D concept art piece as inspiration to create a 3D Stylized scene in Unity. This will give you the opportunity to explore stylized graphics techniques alongside non-photo-realistic (NPR) real-time rendering workflows in Unity.

HW Task List:

  1. Picking a Piece of Concept Art
  2. Interesting Shaders
  3. Outlines
  4. Full Screen Post Process Effect
  5. Creating a Scene
  6. Interactivity
  7. Extra Credit

1. Concept Art

I want to use the toon shading effect rom concept arts at Reference 1 by ArtVostok Studio.

For the color palette I would like to use the high-contract rough sketch style in my recent favorite game Disco Elysium by zaum.


2. Shader

Custom toon shader with several parameters. I implement the specular highlight. User can select a shadow texture. I genterated a texture with Substance Designer.


3. Outlines

To match my concept art, I use a rather wide outline for my character based on both depth and normal.

The outline color and thickess can be modified. I also use some toolbox functions to animate the outline.


4. Post Process Effect

ACES Tone Mapping

ACES tone mapping is widely used in film industry to achieve natural looking.

Without ACES Tone Mapping With ACES Tone Mapping

Border Line

One hightlighted feature for concept art is the border line around the frame. To get this effect, I take the Abs of the screen uv and compare it to some threshold. By making this threshold to an exposed parameter, we can control the width of the border.

Also to make the border line less boring, I overlay an extra texture against the straight border. The Color of the border can be modified by user.

Film Grid Noise Effect

Overlay a noise texture to mimic film grid effect.

Without Noise With Noise

Credits

  1. Textures: Vector image by VectorStock / vectorstock
  2. Model: Kim Kisuragi: https://sketchfab.com/3d-models/kim-kitsuragi-disco-elysium-8797f21bd13f4053a443b14cf4619b0b Street lamp: https://sketchfab.com/3d-models/street-lamp-game-ready-prop-041e5564b5224f83bcb620f551c3751b

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • C# 69.6%
  • HLSL 24.8%
  • ShaderLab 5.6%