Advanced Interactive Design - Task 1

-

05/04/2023 - //2023 | Week 01 - Week 
Advanced Interactive Design / Task 1


Loh Shu Huan / 0349621
Bachelor of Design in Creative Media


PROGRESSIONS

Task 1 - TikTok Filter
Week 01
Idea 01
Recycle Bin Trash Catching
Engaging Game
- Random show a recycle bin (orange/blue/brown)
- Catch the correct trash

References:



Idea 02
Colour Palette
Randomiser
- Random show (colour 1) + (colour 2)
- Move your head to choose the correct answer

Idea 03
Randomiser
Life Fun Fact True or False
- Ask a question start with"do you know..."
- Choose true or false

References:







Week 06
Idea 01 Engaging Game
Fast Food Malaysia - Mixed Rice 
- click to choose bungkus ke makan 
- use nose (lunch box / plate) to catch the dropping food you want
- 10sec the result show (1 meat and 2 vegetables in your plate) and shows the price hahahah

Idea 02 Randomiser Quiz
Warna Negeri - Fill in the colour of the flag (Malaysia 14 states)
- one of the colour in the pic (the flag) is missing
- shake the head to choose the correct colour
- 10secs remaining 
- times up and show result

Idea 03 Engaging Game
Save the dog!
- show a dog in a random maze
- the nose will be a mini human, use the nose to get to the dog

Idea 04 Engaging Game
Which perfume to get in Zara?
- shows two notes to choose (fruity, flora, woods, citrus, etc)
- the result shows a perfume according to the notes that u choose

After the consultation with Mr.Razif, idea 02 Randomiser Quiz is being selected.

During the weekend, I tested out the filter. But to be honest, I can't really understand how to use the Effect House. 

For the first attend, I tried with the head tilt to answer the question, but I found that I can't make it :( Hence, I tried with the button, means answer by tapping the button below. 

Filter - Draft 1

Beside using the randomiser template, I tried with the "one person quiz" template too. That is a filter that answer the math question in order. But when I replace my assets the images didn't showed up at all. So I gave up on that idea.

Week 07
During the consultation with Mr.Razif, me and sir point out some problem:
1. How to make the questions showed in order after the randomiser stops.
2. How to link the question to the correct answer (as there's no tutorial for the quiz with correct and wrong answers).
3. How to make the button clickable.
4. How to count the score.
5. How to show the result after the quiz.

The main hardness for me in this task is I don't know how to write the script. I don't understand how does it works.

Week 08
This week, I still stuck with the problem I faced last week. Hence, I decided to go with my plan B even though I'm not sure it will works or not :(

Filter 2 - FacePainting 1 

Filter 2 - Face Painting 2

I tried out two different face painting, but due to the size of the flags, I decided to go with the second one. There's one problem I faced when designing the filter: The text randomiser and sticker randomisers stop at different state.

Week 09
After consultation with Mr.Razif, he suggested me to use football team instead. So the theme of the filter will become "Which football team do you support?", and then the randomiser will generate a Malaysian football team for you with the name on the forehead and faceprint of the badge of the team.

Once I've finished all the assets, there's only one problem left with the filter - the name randomiser on the forehead and the faceprint randomiser stops differently.

Week 10
This week, with the demo video by Mr.Razif, I managed to complete my filter.

Demo Video by Mr.Razif

Progression of the filter

Progression of the filter

Filter Demo Video



Comments

Post a Comment

Popular posts from this blog

Major Project

-
Image
22/04/2023 - 09/08/2023 | Week 01-16 Major Project  Loh Shu Huan / 0349621 Bachelor of Design in Creative Media INSTRUCTION PROGRESSIONS Week 01 On the first day of the semester, we were briefed about our Major Project. There some pathways that we can work on - our dissertation topic, client, any topic or group project (studio based).  For our final year project, we were advised to not to make it an assignment but a industry-standard project. Mr.Asrizal advised us to finalise our proposal by week 3 and we will be assigned to a supervisor based on our selected topic. We were required to start brainstorming for our project ideas and co...
Read more

Professional Development Week

-
10/06/2023 - 14/06/2023 | Week 08 Professional Development Week Loh Shu Huan / 0349621 Bachelor of Design in Creative Media   In order to familiarize recent graduates with the careers and fields of work before graduation, the Taylor’s held the Professional Development Week for us to learn from professionals in different fields and to answer questions about their fields through a question-and-answer session. I attended six workshops, which were: “Financial Literacy for Fresh Graduate” by MAYBANK  Keynote: “Aspire to Inspire” by POS MALAYSIA "The Art of Storytelling" by KAKISENI "Maximize Your LinkedIn Presence" by BDO. "A.I. in Digital Media" by MALAYSIAN ADVERTISERS ASSOCIATION. "Digital Transformation and Solutions: The Importance of Making It Easy" by APLIKASI. REFLECTION Each workshop provided unique insights that have contributed to my personal and professional growth. This career development week emphasized the importance of financial planni...
Read more

Advanced Interactive Design - Final Project

-
Image
28/06/2023 - 18/07/2023 | Week 13 - Week 16 Advanced Interactive Design  / Final Project Loh Shu Huan / 0349621 Bachelor of Design in Creative Media PROGRESSIONS For this task, we were required to create a website that promote a certain thing, such as a new launch product, a song, an app, or an album. We need to create 5 pages by using Adobe Animate. It need to include some micro animation as well. For this project, I decided to do an extension website for one of my project in other module, as it is also a promotional campaign. Week 13 - 16 1. Promotional Website Layout Design This website is actually to promote one of the series of perfume from Zara, called Chapter 6. This chapter has four different fragrances in total. Fig 1.0 Zara Chapter6 Promotional Website Design 2. Progression in Adobe Animate Once I exported all of my assets, I started to import them in AN and create the micro animation for the website. I decided to finish all the design and animation for every pages f...
Read more