Advanced Interactive Design - Task 1: Interactive AR Application

11/04/23 - 06/06/23 / Week 2 - Week 10
Azriq Anwar Bin Saprudin / 0353272
Advanced Interactive Design / Bachelor of Design (Hons) in Creative Media
Task 1: Interactive AR Application

---

Week 1

Introduction to the module and the MIB.

Tasked to: 

• Install Adobe Animate CC
• Download Effect House
• Find 3 TikTok/Instagram filter effects that I prefer 
• Come up with 3 ideas on filter effects

We were tasked to find 3 TikTok/Instagram filter effects that we like and come up with ideas that we want to do for our Task 1. 

Ideas

1. As you open your mouth, food comes up from the bottom of the screen into your mouth. Then, your cheeks gradually becomes bigger the more you eat the food.

2. Your face becomes a 3x3 puzzle and you have to move around the pieces to unscramble your face back into a normal face.

3. You move around your head to the direction of alien ships to shoot it. As you shoot the alien ships. They also shoot you back. You have to destroy all the aliens that is shown on the screen before they kill you. When they kill you it's game over.

 

Week 2

Exploring Effect House's features

Fig 1.1.1 Exploring Effect House Exercise, 11/4/2023

Fig 1.1.2 Exploring Effect House Exercise, 11/4/2023

Fig 1.1.3 Exploring Effect House Exercise, 11/4/2023

Task 1: Interactive AR Application

Developing the TikTok filter

As the initial idea was to make a tap and choose between individual parts of the face, many problems had been faced. After some trial and error, it resulted into making a face randomizer. I started developing 10 variations of these faces by drawing them on Photoshop. I then exported them out as PNG files to be imported in to Effect House as a texture sequence.

Fig 1.2.1 Face Variation 1, 30/05/2023

Fig 1.2.2 Face Variation 2, 30/05/2023

Fig 1.2.3 Face Variation 3, 30/05/2023

Fig 1.2.4 Face Variation 4, 30/05/2023

Fig 1.2.5 Face Variation 5, 30/03/2023

Fig 1.2.6 Face Variation 6, 19/06/2023

Fig 1.2.7 Face Variation 7, 19/06/2023

Fig 1.2.8 Face Variation 8, 19/06/2023

Fig 1.2.9 Face Variation 9, 19/06/2023

Fig 1.2.10 Face Variation 10, 19/06/2023

Progress on Effect House

Applying the texture sequence into Effect House. Then, I aligned the variation of faces onto the face template in the appropriate size for users.

Fig 1.3.1 Progress in Effect House, 19/06/2023

Then, I put it up on TikTok for it to be published and approved.

Approved Filter on Tiktok

Fig 1.4.1 Approved filter on TikTok

Final Submission

Fig 1.5.1 QR Code to filter

Link to TikTok filter: https://vt.tiktok.com/ZSLrCrHmU

Fig 1.5.2 Face Variation Overview

---

REFLECTIONS

Experience

This was something completely new to me as I had zero knowledge on making filters on any software before. Effect House being quite new so understanding the concept of it took quite a while to wrap around. Tutorials on the internet were also quite limited so it didn't help when I needed to figure out some parts of my ideas. In the end, it was fun when I figured out what to do. In the future, I want to make a filter that revolves around my personal artworks.

Observations

It is easy to create the filters that are already on Effect House as there were templates to help out on the projects that I want to do. To the people who has zero knowledge as myself, I find it really useful.

Findings

There was a whole library of assets we can use to create our filters on Effect House which I found extremely useful. Because we can find any type of asset we require to create our filters, but there was one problem, at least for me. When I tried to download the assets, my computer just froze and decided not to download them.