Simple Shooting Game

Introduction

This is a slightly more fun though challenging application of the languages we have learnt before. Your task is to create a simple goal shooting game that uses the structure of HTML, the design of CSS and the animation of JavaScript.
This is spanned over two lessons though it can be made more complicated (and more animated) in your own time.

Aim

The main aim of this game is to shoot a ball to either the left or right of a goal. If the ball hits the target you are awarded a point. If it hits the goalie, you do not gain a point. You will have ten attempts to get the highest score you can. Alongside the game, there will also be a small section of formatted text on the right hand side, which will include the rules of the game.

Lesson List:

Teacher's Source


Extra Help:

Need help on HTML?

Need help on CSS?

Need help on JavaScript?

Reference:

  1. W3schools.com,2014. HTML5 Tutorial [online] Available at: http://www.w3schools.com/js/default.asp [Accessed 18 March 2015].
  2. W3schools.com,2014. CSS Tutorial [online] Available at: http://www.w3schools.com/js/default.asp [Accessed 18 March 2015].
  3. W3schools.com,2014. JavaScript Tutorial [online] Available at: http://www.w3schools.com/js/default.asp [Accessed 18 March 2015].

Back to the work brief

(Bcakground picture Source from: http://disney.wikia.com/wiki/File:Baymax_commercial.png)