-DESCRIPTION
For your first assignment, you are required to modify an existing interactive JavaScript (JS) program. This project requires you to modify a remake of the famous Pong game invented by Nolan Bushnell in 1972 using JavaScript. Nolan Bushnell founded Atari two years later.
-GAME INSTRUCTIONS
The game of Pong resembles real life Table Tennis or Ping Pong. The object of the game is to make your opponent miss the ball, thus earning a point. Paddles are used to bounce the ball in your opponent’s direction. This is a one-player version. The user controls the left paddle. The computer artificial intelligence (AI) controls the paddle on the right. The remakes of both versions of the game are incomplete but functional as an instructional guide.
-PROJECT DIRECTIONS
The JavaScript code for this assignment is embedded into an HTML file. Modify the HTML file to complete the assignment.
Please follow the steps below:
Download the JavaScript project file (project1JS.html.txt) attached to this project description.
Rename the file from project1JS.html.txt to project1JS.html (Remove the .txt file extension)
Place the downloaded project file into a folder you create on your computer. All of the files for your project should be placed in the same folder.
Open the project1JS.html file in a browser (e.g. Internet Explorer, Safari, Firefox).
5. Make sure the script works as it is intended.
Open the project1JS.html file in a text editor or web editor.
Modify the JavaScript code in the HTML file.
IMPORTANT! Rename the file back from project1JS.html to project1JS.html.txt (Re-add the .txt file extension). If you do not do this, your file will not be able to be downloaded and graded from LEO.
Upload your modified txt file to your Assignments Folder.
Verify that your submission was successful.
Complete and submit a Project Reflection.
-WHAT DO YOU NEED TO COMPLETE THIS ASSIGNMENT?
To complete this assignment, you will need to edit the HTML project file. You can accomplish this by using:
a Text Editor such as Notepad++ for Windows or TextWrangler for Mac computers (both are free to download and use).
an online JavaScript compiler such as w3schools’ Try It Editor v3.0
Just replace the existing code in the column on the left with the contents of the HTML project file, modify it and test it by clicking the green Run button. The output appears in the right column.
-PROJECT RESOURCES
The following resources may be helpful.
W3Schools.com JavaScript Tutorial (https://www.w3schools.com/js/default.asp)
-SUBMISSION REQUIREMENTS
Please complete the following changes:
Modify the speed of the ball.
Modify the size of the ball.
Modify the height of the canvas.
Modify the width of the canvas.
Modify the speed of the player’s paddle. (Note: The player’s paddle is located on the left side of the canvas)
Modify the speed of the AI’s (computer’s) paddle. (Note: the AI’s paddle is located on the right side of the canvas)
Note: Your modifications must alter the game but not in a way that makes the game unplayable. Experiment with different values to find ones that are not too extreme.
-GRADING
Completing 6 out of 6 modifications in accordance with the assignment instructions will earn you 100% (A) on this project.
-ADVANCED CHALLENGES
If you completed this assignment with relative ease and want to learn more, consider making additional modifications or changes in the existing code. Here are some examples:
Add a start/stop button
Create a scoring mechanism
Create three different modes for the user to change how the game plays: easy, normal, and hard
Note: The Advanced Challenge is not a graded requirement.
-PROJECT RELFECTION
Answer the following questions when you submit your assignment files:
What modifications did you make to the script? Include details on what you changed in the code in order to achieve these modifications.
Did you make any advanced modifications? If yes, include details on what you changed in the code in order to achieve these modifications.
What issues or challenges did you face completing this project? How did you resolve them? If you did not face any issues or challenges in completing this project, what do you think are some issues or challenges someone new to scripting might face in completing a project like this?
***Please submit your Project Reflection as a Microsoft Word document or just copy and paste your answers in your Assignments Folder’s text box when you submit your assignment along with the rest of the required project files.***
-CREDITS
The JavaScript for this Pong game was originally created by Max Wihlborg. You can view his YouTube video tutorial. (https://www.youtube.com/watch?v=KApAJhkkqkA)
