Advanced Interactive Design / Final Project

Zhao Hanbo (0343769)
Advanced Interactive Design / Bachelors in Design ( Hons ) in Creative Media
Project 2

INSTRUCTIONS

Lecture note

Week 11 (2021/11/04)

This week Mr. Razif also still check our progress on project 2 and help us to figure lots of technological problems.

Week 12 (2021/1/11)

This week, we start to learn how to use Spark AR this software, Mr. Razif shows us how to use this software, how to use their library, how to use a facemask, how to preview the affection in the self phone.

Week 13 (2021/11/18)

Indepandent learning week.

Week 14 (2021/11/25)

This week we learn more about Spark AR, Main how to make it interactive.

Final Project

Interactive AR Application with Promotional Page

Students will create an awareness / marketing campaign for a brand / company of their choice. Students are encourage to choose Taylor's University as the client. Some example:

● Fun AR activities to try out on Taylor's University campus.

● Virtual Final Year Exhibitions for design students.

● AR map for university visitors and new students.

The final project are consists of two main area

● An interactive prototype AR application for the campaign.

● An interactive microsite for the campaign also serves as an instruction to download and user guide for the AR app.

Project ideas must be approved by the lecturer/tutor to ensure that they are feasible in an introductory level class.

Software Requirement:

Adobe Animate / Spark AR Studio

Spark AR Side:

In this project, I plan to build a website for people who want to try to buy face tattoo stickers. I will build lots of face tattoo face mesh, people can open the camera to check these stickers fit themself or not, then decide to purchase it or not. I think it will be quite interesting. So I start to find rappers who got lots of tattoos on their face.

Here is the rappers list:

21 Savage
Tekashi 6ix9ine
Lil peep
Lil uzi vert
Lil xan
Post Malon
Xxxtentacion

figure1.0: Facetatto rapper I chosen

Then I draw their dace tattoo out one by one.

figure1.1: face tattoo face mesh

After I have done all these face tattoo face meshes. I start progress on Spark AR.

What I want to achieve is:

1. The face tattoo can be changed if you tap ur screen.

2. This filter can react to people's facial expressions.

3. I hope the filter's lighting can look like in a club.

Following these, I start my work in Spark AR.

First I drop my finished face mesh to Spark AR.

figure1.2: Spark AR screenshot

Then I use patch Editor, to make it able to change by screens tap. All 7 face mesh are in there.

figure1.3: Patch editor Tap to change

figure1.4: Preview face tattoo

I want more effect can be achieved so I try to do more.

I hope it can react by peoples' facial expressions. So I add a Face Finder in Patch Editor. A smile is a trigger.

figure1.5: Face Finder

When people smile you can see the club lighting on your face.

figure1.6: Lighting loop

And then money will fall down, and sunglasses will put it on for you.

But I think is it kind of not enough, I want the whole vibe can look like a 90s trend. So I add a white line around people's outlines. And duplicated 3 of it. And also I added some bling bling light. Then I adjust a bit of the color.

Then you can see, how it looks like.