This project should recreate the classic 80's arcade breakout. The project is broken down into different stages. There is to be six stages each with a seperate web page. use transitional doctype and make it validate using W3C validator. Add valid icon to bottom of page.
## Deliverables
1) Complete and fully-functional working program(s) in executable form as well as complete source code of all work done.
2) Installation package that will install the software (in ready-to-run condition) on the platform(s) specified in this bid request.
3) Exclusive and complete copyrights to all work purchased. (No GPL, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site).
4) Create a fully working version of the classic arcade game breakout in valid Transitional1 XHTML and JavaScript with the W3C Dom Level 1 methods. (ie [login to view URL] etc)
5) The project is broken down into stages. Each stage is a pre-requisite for the next stage.
6) Complete one sepertae web page for each of the following stages:
1. layout fixed size 'arena'
write the table using JavaScript '[login to view URL]' in a 'for(...) {...}loop'
use a table to layout the bricks on a regular grid
use a CSS style sheet to style the bricks
include three brick types e.g. 'brick1', 'brick2', 'brick3'
2. add a moving 'bat' to (1) under keyboard control
make the 'bat' 5 bricks wide
use events capturing to respond to the arrow keys (left and right)
use '[login to view URL]' to move the bat every 'tick' of the game. might be 50 milleseconds long for example
add a beveled edge to the 'bat' if possible
3. add a moving 'ball' to (1) with collision detection & simple bounce
detect the walls and bricks and bounce appropriately off each
pointed edge rebound, flat bounce, corner rebound.
add start, stop, restart buttons
4. add complex bounce to (3) so the ball knocks out the bricks
the three brick types should 'disintegrate', so that e.g. 'brick3' turns into 'brick2', 'brick2' into 'brick1' and 'brick1' disappears
5. reintegrate 'ball' (3 or 4) and 'bat' (2)
6. add 5 'lives', a score and some indication of 'Game Over'
you loose a life each time the ball misses the bat and touches the bottom
when you loose a life the ball returns to the original postion
The project should be submitted in complete working form (i.e. using relative hyperlinks and including all necessary graphics, CSS, JS files etc) as a ZIP archive and in HTML web pages
## Platform
'Windows XP' in all 4.0+ versions of 'Internet Explorer '
must be valid CSS and valid transitional XHTML and JavaScript