Chapter: Animations for web app games

1. Introduction to web app animations

After a web app version of a game has been developed, it is appropriate to look at what simple animations can be included to make the game more engaging for children. This chapter explains how to conveniently introduce basic 2D animation of SVG images into CTGames web app games. The preferred approach is to use the GreenSock GSAP JavaScript animation library.

See also

Chapter “Web app games” tells you everything you need to know to develop the web app version of a CTGames game. This must be completed before introducing animations.

See also

For a list of external websites that you can use to learn more about GSAP (including the official GSAP docs), see section “External resources for learning about GSAP”.

See also

For an analysis of the different web app animation technologies considered for CTGames, see section “Choice of web app animation framework”.

The file that needs to be modified to add an animation to a web app version of a game (where x is the directory name of the game) is

  • x/webapp/__init__.py, where the web app front-end of your game was defined.