HTML and CSS Reference
In-Depth Information
Project 3
Space Runner
In the previous project, we created two game examples that take mouse inputs. In this
project, we are going to create another game example with game loop and keyboard
inputs. The player controls an avatar that runs from the moon staion towards space.
The goal is to run as far as possible without hiing any obstacles.
We will learn how to create sprite sheet-based animaions with a CSS background and
use JavaScript to handle keyboard inputs.
Mission briefing
We will learn how to create a CSS-based sprite sheet animaion. We will also learn the
concept of parallax scrolling and use JavaScript to handle keyboard inputs. You can visit the
URL
http://makzan.net/html5-games/space-runner/
to play the example game in
order to have a beter understanding of what we will build throughout this project.
