Session Starters

Homework Due Today:
Flowchart

Lecture: Events, Timers and Sprite Animation

• What is an Event?
• How do we use it to affect change on our HTML page?
• How do setTimeout and setInterval work?
• Making animated images

Demonstration: Events & Animations

• Utilizing Events
• Animating with code
• Animating with Spritely.js

Download this zip file: session-4-images. We will be using the images within to create the start of our shooter game.

Class Activity

Create your own JavaScript Animation using an event to trigger it

Homework Assignment:

Homework Due 7/14/16:
Game Progress Check Point #1