Advanced Interactive Design

26/0421 - 31/05/21 (Week 6 - Week 10)

Tabita Febrilia Dinata (0340357)

Project 2 - SparkAR Filter

LECTURES

LECTURE 6: INTRO & BRIEF TO SPARK AR

03/05/21 (Week 6)

Today we learn about Spark AR, how to start making a filter and how to make it work

LECTURE 7: SPARK AR TUTORIAL

10/05/21 (Week 7)

Mr. Lun gives us all tutorials that we need to learn to do this 2nd Project

INSTRUCTION

PROJECT 2 - Progress

Interactive AR Filter

03/05/21 - 31/05/21 (Week 6 - Week 10)

For this 2nd project, we need to make a Face Tracker AR Filter using Spark AR. And here's our basic requirements:

- Using face tracker which detect user face and add AR filter on user face

- Using native UI button to switch AR filter option (Minimum 2 options)

- Using face interaction patch, detect user facial expression

- Background replacement

And at first I have no idea what to do, but I begin to research for some reference and idea, and begin to make a sketch up.

Fig 1.1: Idea Sketch 1

Fig 1.2: Idea Sketch 2

Then I try it first on photoshop

Fig 1.3: Ideation Test

Then collect the graphical elements & make the assets.

Fig 1.4: Make Background

Fig 1.5: Make asset

Fig 1.6: Mix & Match

Fig 1.7: Asset folder 1

Fig 1.8: Asset folder 1

Then develop in on Spark AR, there's time I struggle also.

Fig 1.9: Try it on myself

Fig 1.10: Spark AR - the most struggle part

Fig 1.11: Spark AR

Final Result:

Tabita Febrilia Dinata (0340357)