Sample Project: FizzBuzz!

Sample Project: FizzBuzz! - student project

Exercise 1: Buzz Lightyear Click Animation

Sample Project: FizzBuzz! - image 1 - student project

For this click animation, I decided to get a little fancy and animate Buzz's wings outward when you click him using the scaleX property to make it look more real. I also used a gradient for the background image, and faded it's opacity during each click. Hope you like the result!

Exercise 2: Google Docs Walkthrough

Sample Project: FizzBuzz! - image 2 - student project

For the walkthrough, I got a little fancy by animating the images and text when you transition between each page, which I think makes the onboarding flow feel just a bit more interesting.

Exercise 3: Custom Interactive To-Do List

Sample Project: FizzBuzz! - image 3 - student project

For the final exercise, I kept things pretty simple. One detail I added was to make the prototype reversable by clicking on the item again once it's in the "done" position. This way you can play with the prototype repeatedly without needing to refresh!