HongHong.Chai.0354211

31/08/23-08/12/23(Week 1 - Week 14 ) Chai HongHong/0354211/Bachelor of Design (Honours) in Creative Media Advanced Interactive Design // Final Task / Thematic Interactive Website Final Task Process In the Index page, create a tween animation for layer 3, add a motion track, and when exporting the file, loop the timeline to make the animation loop. Fig.1.1 Fig.1.2 In the Display page, convert the product into a component and create a tween animation. The starting position is outside the stage, and the middle frame and ending key frame are animated. Fig.1.3 In Product, create tweens for the three products in the upper left corner in order. After layer 2 ends, layer 3 begins. After layer 3 ends, layer 4 begins. Export the file to cycle the timeline. Fig.1.4 Final video walkthrough Final Netlify link (1920 X 1080):  https://timely-nasturtium-b4c5a6.netlify.app Figma Link： https://www.figma.com/file/oijQLHmd3wRWrBJPNFS9aH/Figma-Basics?type=design&node-id=0%3A286&mode=design&...

29.08.2023 - 08.12.2023 / Week 1 - Week 14 Chai HongHong / 0354211 Application Design II / Bachelor of Design (Hons) in Creative Media Final Task / Final Application Final Task / Final Application Splash screen Six circular bubble charts (including the largest bubble at the bottom), position distribution is achieved through positioning Fig.1.1. splash screen The page loads and the bubble animation effect is realized through gsap. The repeat attribute is the number of repetitions, which will cause the animation to be executed multiple times; if I want the animation to repeat forever, use repeat: -1. Repeat is generally used with the yoyo attribute. When yoyo is true, it will be executed at the end of each animation. reverse movement. Fig.1.2.  Fig.1.3.  Click skip to switch to the login registration page This is the structural code for login registration Fig.1.4.  Login page Click the skip it button to hide the startup page and display the login registration page. Implemen...

30.08.2023-29.11.2023（Week1-Week14） Chai HongHong/0354211/Creative Media Design. Advanced Typography /  Final Compilation & Reflection                                 INSTRUCTION Task 1:  Typographic Systems & Type & Play Task 2:  Key Artwork and Collateral Task 3:   Type Exploration and Application SUBMISSIONS Task 1 Exercise 1/Typographic Systems Fig.1.1. Axial Final attempt. Fig.1.2. Radial final attempt Fig.1.3. Modular final attempt Fig.1.4. Random final attempt Fig.1.5. Dilatational attempt Fig.1.6. Transitional final attempt Fig.1.7. Grid final attempt Fig.1.8. Bilateral final attempt PDF.1.1. Task 1/Exercise 1/Typographic Systems PDF.1.2. Task 1/Exercise 1/Typographic Systems/Grid Exercise 2/ Type & Play Fig.1.8. Final A Fig.1.9. Final L Fig.1.10. Final M Fig.1.11. Final U PDF.1.3. Task 1/Exercise 2 Fig.1.12. Final Poster  PD...