Project4: Logarithmic Flags

1. Brief

Create an object in Unity or any other environment of your choosing and color it using shaders in a way that “makes sense”

2. Concept

I created a series of AR flags using shaders which can be mapped onto people's faces. Logarithmic function is used in the code that generates these shaders, affecting the resulting graphics one way or another. By “painting” logarithmic flags on people’s faces, this project is a celebration of logarithm – the ingenious inverse function to exponentiation!

3. Making Process

I used an online shader editor to make shaders: https://shawnlawson.github.io/The_Force/

I started with randomly changing parameters and adding trigonometric and inverse trigonometric functions to the sample code provided by our lecturer Char. Here’s what I got:

Shader 1 gif
Shader 2 gif

Then, I thought of using logarithm somewhere in the code, which led me to some interesting visuals that look like flags:

Shader 3 gif
Shader 4 gif

Even though each of them looked super abstract and distinct, one can still tell their correlation with logarithm. Thus, I decided to turn this project into a celebration of logarithmic functions, by making even more of these flag shaders:

Flag 1 gif
Flag 2 gif
Flag 3 gif
Flag 4 gif
Flag 5 gif
Flag 6 gif
Flag 7 gif
Flag 8 gif

Because it is quite common for people to wear paint of flags they feel proud of on their face, I used Lens Studio to turn these shaders into AR face flags.

process image 1

process image 2

4. Final Design

SnapChat Filter Mockup 1: Flags on cheeks

Team Logarithm!

SnapChat Filter Mockup 1

SnapChat Filter Mockup 2: Flags on faces

Every user is proudly wearing their own logarithmic flag on their face (this snapchat filter supports up to 4 people in one frame).

SnapChat Filter Mockup 2

Snap Code

Shader Code:

flag 1 code
flag 2 code
flag 3 code
flag 4 code
flag 5 code
flag 6 code
flag 7 code
flag 8 code