Advanced Interactive Design: SparkAR

December 12, 2022

Advanced Interactive Design: SparkAR

01/09/2022 - 11/12/2022 / Week 1 - Week 14
Darren Liga / 0351480
Advanced Interactive Design: SparkAR

Link to Effect:
https://www.instagram.com/ar/688400016110207/?ch=Y2MwNDU5Yzg2Yzk2ODg1NTg4NjEzYzdjNGFjZTQ5MGQ%3D

Link to SparkAR Google Drive:
https://drive.google.com/drive/folders/1vHbaQN24OX2dHaDrfy-_Ww60Cj9LiIhp?usp=share_link

INSTRUCTIONS

For the second task, we were asked to do independent learning using facebook's meta spark studio to create Instagram and/or Facebook AR-based filters. Again, I base it on coffee, which is connected with my project 1.

IDEA 1

I initially wanted to do a silhouette of the user, which is portrayed on a to; this view coffee cup will create a "latte art" effect. I was proud of my idea as it would be fun to play with.

I created the background needed.

Fig 1.1: Background 1

Fig 1.2: Background 2

After endless hours watching youtube and finding the perfect tutorial to find help, finding still could not find any that would help my project.

Fig 1.3: Patch Editor (SparkAR)

I got the effect I wanted but in the wrong color. Needed to learnable was I didn't know how to track the face and mask it right in the center of the cup to get the latte art effect.

As I was on a pretty strict deadline, I had to move on from my initial idea and needed to start with a more executable project.

IDEA 2

After further exploring SparkAR, I decided to do a more mainstream approach, having coffee beans vomited from the mouth. For the other effect, having those beans circle the user's head using face tracking.