If you followed my series on how to create an animated HTLM5 logo for a WordPress blog you may encountered some issues and things that can be optimized. This post will address some more advanced concepts like window resize handler, responsiveness and iteration monitoring.
Today is all about animations. In simple terms, animation is movement over time.
However, we won’t change multiple images over time as it is known from the cartoon, but animate parts of one entity on the canvas.
Tha basis for this will be the stickman (or our own logo) which we created in part I of this series.
What we need right now is:
- a movement specification – which parts are animated and in which way
- a time interval – how long will the animation run
- the animation speed – how much movement do we want to have in one timeframe