HTML and CSS Reference
A screenshot of the game is shown as follows:
Why is it awesome?
After covering two game examples that used a mouse in the earlier projects, this is the first
ime we will handle keyboard inputs.
We will use a game loop in this project. The Game loop is an important technique in a game
that drives the updates for both the logic and as well as the view rendering. We will further
work on the animaion by using a sprite sheet that animates frame by frame. Game loop and
sprite sheet animaion are two essenial concepts of game development. We will even use
these techniques in the later project that build games with canvas and game library.
In addiion, we will learn how to add depth to the game with parallax scrolling. These are all
the essenial techniques that are required to create HTML5 games.
Your Hotshot objectives
This project consists of the following tasks:
F Managing the scenes
F Deining the loor and iles in the game