HTML5 Animation and Transition

Course details

In "HTML5 Animation and Transition", you'll be learning how to develop rich, complex motion graphics using HTML5 APIs such as DOM, CSS3, Canvas, SVG, and WebGL, as well as the basic mathematical concepts behind complex animations—essential knowledge for any modern web developer.

In the "HTML5 Animation and Transition" video course, we will tackle everything that you need to know in order to become an expert at animating elements using the latest HTML5 APIs, starting from the most rudimentary methods such as using the DOM, to the most modern ones such as SVG, CSS3, Canvas, and WebGL. At the same time, you'll also be learning the mathematical concepts required to make complex animations.

Using the first chapters, you will learn (or refresh!) concepts such as vectors, vector operations, interpolations, and easing and acceleration. Then, you'll learn how to display static graphics on the screen using several rendering methods available in HTML5, such as DOM, CSS3, SVG, Canvas, or WebGL. Once you've learned how to display things on the screen, you'll dedicate entire chapters to implement several animation examples using every single rendering method.

About the Author

Mario Andrés Pagella is the author of "Making Isometric Social RealTime Games with HTML5, CSS3 and JavaScript, O'Reilly Media". He has been developing web applications for almost 15 years and currently works as a Technology Consultant developing websites, mobile apps, and social games for many clients from around the world as well as a Senior Open Standards Developer at R/GA. When he is not spending time developing Indie games, writing game and web development articles for his blog, or advocating the use of HTML5 and JavaScript through his Twitter account, he loves to research and develop experimental projects. Andrés currently lives in Buenos Aires, Argentina, with his fiancée.