7.5.3 Character Control
Since the character needs to be controlled via the keyboard, we create a global
action for the keydown event on the Stage. This is always executed when any
key is pressed.
In (1), we get a reference to the player symbol we created earlier and the
associated DOM element so that we can move this in the next steps with the
jQuery animate() function. In (2), we can respond to pressing the arrow keys,
and start the relevant animation. We save a reference to the anim motion ani-
mation as a symbol variable so that we can later possibly stop this in advance,
such as for a collision with an object 3. We also use the state symbol variable,
which is used in the loop behavior within the symbol, and move the playhead
to animation sequence (4).