Simple and easy game (similar Arkanoid). Only 2 levels.

GAME FEATURES • We must recover the color and position of the boxes for each level available in [login to view URL] file and draw boxes forming a level within the Canvas element. To do this it has to implement "draw_canvas" feature found in the archive javascript functions.js. Both the .php file as .js be provided for implementation. • You must create HTML markup element that shows the best score of the player in each session. The best score is the minimum time taken by the user in the current session to remove all the balls of the two levels. Must also show the time spent in the current game. • The game should start when clicking on the START GAME button is made and should be able to pause and reactivate when you click the PAUSE button is clicked. • You must define the movement of the paddle bounces the ball into the boxes. To do this at the beginning of the document javascript [login to view URL] defined lines: $ (documento) .keydown (function (e) { if ([login to view URL] == 37) {// Se ha pulsado la tecla de dirección a la izquierda ... .. } if ([login to view URL] == 39) {// Se ha pulsado la tecla de dirección a la derecha .. ... } When implementing the movement of the paddle, it must be remembered that the pallet should not get out of the margins of the canvas. • It must implement the "ball_touch_padddle" function making the ball bounce in the opposite direction each time you touch the palette. • It must implement the function so that when the ball touches one of the boxes recovered in the first year, this box does not appear again until the game is restarted or to the next level. • You must control the completion of a level of the game. You lose a game if the ball reaches the bottom of the canvas. If the user can eliminate all fields, two things can happen depending on the level of the game: 1. If the player has completed the first level, the game will start the second level. 2. If the player was on the second level, the game will stop running and display a text in the middle of the canvas indicating to the user that has won and finished the game. • Each time the ball hits the paddle or one of the boxes, the sound "ball-touch" to be provided is issued. • Keep in mind the responsive design for these two formats. For screen width less than 500px Start button start, pause and Rating containers have to show alongside one another under the canvas. For stays longer than 500px displays both buttons and containers scores will have to show one below the other and placed four on the right side of the canvas container. • The images of the game are merely suggestions. You must develop the game with at least 10 visual improvements based on CSS3. • The source code must be documented. • provided Archives. Fichero [login to view URL] . Fichero [login to view URL] [login to view URL] [login to view URL] [login to view URL]