On this page you will find the html, css and javascript source files that make up my pingpong game. This is my first attempt at writing js so my code is most likely pretty bad and I'm sure could be improved upon greatly.
NOTE : Since creating this I changed the colours but have not updated the images in source as they are functionally identical.
A number of improvement could be made to the game and the code -
- Improved collision detection
- More responsive controls
- Change the code to use objects for the bat and ball
- Resizable play area
HTML
This is the html code. It is saved in a file called ping-pong.html.
CSS
This is the css code. It is saved in a file called ping-pong.css.
JS
This is the javascript code. It is saved in a file called ping-pong.js. After a lot of trial and error and searching I found that the script tag should be placed at the end of the body section for code that redraws the screen
