ADVANCED INTERACTIVE DESIGN - FINAL PROJECT / THEMATIC INTERACTIVE WEB APPLICATION

ADVANCED INTERACTIVE DESIGN - FINAL PROJECT / THEMATIC INTERACTIVE WEB APPLICATION

 28/4/2024 - 28/7/2024 (Week 10 - Week 14)

Woo Yau Ka / 0361463

Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media 

Final Project / Thematic Interactive Web Application

INTRODUCTION

Final Project - Themed Interactive Web Application

I imported image layers created in Adobe Illustrator into Adobe Animate.

Fig1.1 loading page

fig1.2 home page& about & character

fig1.3 home page & character

fig1.4 video page

fig2.1 adobe animate

I made animations of robots and humans entering from the left and right

fig2.2 robot-yellow

fig2.3 robot-red

And the effect of changing the color of the indicator light appears in the opening animation.

Indicates that the robot changes from a stable state that does not want to resist to an unstable state.

fig2.4 human

And eventually the robots become real humans

fig2.5 about page

Here I introduce the general outlines of the story

fig2.6 character

After clicking on the role page, you can view the personal introductions of different roles.

fig2.7 videos page

At the end, you can also see videos related to the game

Action:

Publishing Setting:

Netlify:

Final Submission

Netlify Link: https://wooyaukafinalproject.netlify.app

Website Walkthrough: https://youtu.be/tzednJDx4XM

Reflection

It is difficult to animate a website using Adobe Animate. Since my sketches are a bit complicated, I cannot perfect every picture to the desired level. I encountered a lot of thorny problems and difficulties in the process, but in some classroom exercises, I learned a lot of experience in making different effects, and finally successfully completed the website launch, for which I am very grateful to Mr. Razif. This project also gave me experience in making animations and websites, which benefited me a lot.