Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Insha Lakhani Lab05 #28

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
+6 −26
Open

Insha Lakhani Lab05 #28

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 6 additions & 26 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,20 @@
# Lab 05 - Stylization!
Let's practice adding stylization to a 3D scene using Unity's shader graph!

## Introduction
We will be stylizing a "toon" look by creating a shader in Unity that supports shadows and multiple lights in real-time! In the process, you will gain some familiarity with Unity’s shader graph.

## What’s provided:
This tutorial video will cover the base code, and then go over the process of making a limited version of a toon shader.

[Lab Overview and Puzzle 1 Tutorial Video](https://youtu.be/jc5MLgzJong)

## Lab Puzzles:
The goal of each puzzle will be to replicate the look of each puzzle’s image.

### 1. Puzzle 1: Simple two-tone toon shading

<img width="544" alt="277997527-f27aec24-0d04-4b73-95d3-b55e2da13603" src="https://github.com/CIS-566-Fall-2023/lab05-stylization/assets/1758825/c9ae57ba-7a7f-4b03-829c-83fc35740c2f">

* Follow the tutorial to create a 2 band toon shader, and then create multiple materials based off of the shader graph
* Attach those materials to the objects (the sphere and plane) in the default scene "Lab Scene 1" to produce a look similar to the one above!
<img width="343" alt="Screenshot 2023-11-11 at 3 24 31 PM" src="https://github.com/inshalak/lab05-stylization/assets/104465349/acac677a-6f9e-44d6-88b7-573183257596">

### 2. Puzzle 2: Leveled-up toon shading
<img width="969" alt="Screenshot 2023-11-14 at 12 23 26 PM" src="https://github.com/inshalak/lab05-stylization/assets/104465349/53b25d7f-8026-46ef-af0c-fa3004f4690b">

<img width="677" alt="277998209-12d0a844-b6a8-4054-86f9-ee13b5533bf2" src="https://github.com/CIS-566-Fall-2023/lab05-stylization/assets/1758825/6b648f63-7317-40a6-96b7-d2de4405df28">

* Edit your materials to allow for a 3rd color in your scene, such that you have highlights, midtones, shadows on your objects. Edit your shader so that the thresholds on these values are adjustable.
* Shade the sonic and shadow receiving plane in "Lab Scene 2" to get a look similar to the one above!

### 3. Puzzle 3: Stylized Shadow
<img width="923" alt="Screenshot 2023-11-14 at 2 11 58 PM" src="https://github.com/inshalak/lab05-stylization/assets/104465349/e8d65827-7ebb-405e-acf2-9898b1c8e1fc">

<img width="436" alt="277998492-be35de1e-1157-4a6e-b4ea-ba015f2750c9" src="https://github.com/CIS-566-Fall-2023/lab05-stylization/assets/1758825/d60cb866-ea00-4f4b-8d53-c85fa1b170f6">

* Use one of the provided texture png’s in order to add a screenspace shadow pattern onto the shadows of the scene!
* Hint 1: What does the "ShadowAttenuation" variable do?

Extra Credit:
* Add some soft interpolation at the edges of your bands, for smooth transitions between color bands. Create a "smoothness" parameter that adjusts the degree of smoothness!

<img width="881" alt="Screenshot 2023-11-14 at 2 18 28 PM" src="https://github.com/inshalak/lab05-stylization/assets/104465349/cc134883-9f6f-4f50-95ce-90cd51fb833a">


# Submission:
- Create a pull request against this repository
Expand Down