Posts

Showing posts from July, 2023

Application Design II / Task 2: App Animations & Interactions

Image
24.5.2023- 18.6.2023 (Week 8 - Week 11) Britney Chow Pei Jun / 0350043 / BDCM App Design II Task 2: App Animations & Interactions Task 2: App Animations and Interactions In this task, we are required to plan out the animations and interactions of the app. Below is my progression:  Fig 1.1; Logo Animation;  This is the logo animation, initially I was planning to make the dot of the "h" to write the letter h out, basically it's like masking animation, however, after few hours of trying it and failed, I decided to go with a sliding in and bounce animation.  Fig 1.2; Sliding Animation;  In this part, I basically implemented sliding animation for when the page slides out and a new page slides in.  Fig 1.3; Pop up Animation;  Since the task of my application is to create a good habit, for the plus sign, I made it pop...

Application Design II / Task 3: Final App Prototype

Image
19.6.2023- 16.7.2023 (Week 12 - Week 15) Britney Chow Pei Jun / 0350043 / BDCM App Design II Task 3: Final App Prototype Task 3: Final App Prototype In this task, we are required to code out the animations and interactions of the app. Below is my progression:  Fig 1.1; First page coding; (5/7/2023)  Fig 1.2; First page coding HTML; (5/7/2023)  Fig 1.3; Checkbox script coding; (5/7/2023)  Fig 1.4; Page Animation Sliding codes; (8/7/2023)  Fig 1.5; Page navigation code; (8/7/2023)  Fig 1.6; Page little animations codes (15/7/2023)  Fig 1.7; Some CSS codes (5/7/2023)  ...

Advanced Interactive // Final Project: Thematic Interactive Website

Image
21.6.2023- 16.7.2023 (Week 12 - Week 15) Britney Chow Pei Jun / 0350043 / BDCM Advanced Interactive Final Project: Thematic Interactive Website LECTURES WEEK 3  For this week, we're learning Adobe Animate. Below is some my learning progression. Fig 1.1; Classic Tween; (19/04/2023) Fig 1.2; Classic Tween 2; (19/04/2023) In this week's class, we learned about making a very simple animation in Animate CC. Basically, some of them are quite similar with After Effects, since we have to add keyframes to make it work and whatnot. After that, in order to make the animation play smoothly, we have to apply classing tween to it.  Fig 1.3; Other Tweens; (19/04/2023) Fig 1.4; C...