Pong

PONG

Create a program that allows the user to play the classic game Pong

New Stuff!

Variables - Constants

Example

Using Constants & Variables

This program will require you to use constants, because we don't want to see any magic numbers in the code. It also has quite a few variables. Think carefully about what type you want to use for each one.

Throughout your program, make sure you do not hardcode it for set values. Take advantage of built-in variables like height and width when drawing positions of paddles, walls, and the puck.

Organizing Your Methods

This project is going to have a lot of methods. We want to divide up the problem. Remember that every program starts with two methods: setup() and draw().

In setup(), we're only putting code to set up the program. This means things like screen size, initial values, setting up fonts, etc.

In draw() we're really doing two things each frame. First, updating the logic and physics of the program. This means things like movement, bouncing, and changing values. Second, we render images on the screen using that data.

To keep this clear, we're going to call two methods from draw - update() and render(). Each of those methods will call other methods to do specific tasks. See the outline on the right for suggested names and organization.

Part A: Objects and Player Paddle Movement

Draw the walls and both paddles. Make the first paddle move.

• For now, set your window to any size you like
• Create "walls" at the top and bottom of the screen
• Create one paddle on the left center of the screen
• Create one paddle on the right center of the screen
• Make the left paddle change its position based on the y position of the mouse.

Required Methods:

• ​update()
• render()
• movePlayerPaddle()
• drawWalls()
• drawPaddles()

Part B: Puck & Computer Paddle Movement

Make the puck move and the right paddle follow it.

• Create a puck in the center of the screen
• Set the puck's initial value to a random speed, just like in bounce.
• Make the puck change it's position based on its xSpeed and ySpeed.
  • The puck should be a square
• Make the right paddle change its position based on the yPosition of the puck.

Required Methods:

• drawPuck()
• movePuck()
• moveComputerPaddle()

Part C: Bouncing Off Walls

Make the puck bounce off the top and bottom borders

• When the puck hits the top and bottom walls, it should bounce off them
• This works just like in bounce, except the ball should not accellerate
  • Hint: Remember that the puck's center is its top-left corner. Check that it doesn't go inside the walls.

Required Methods:

• bounceWalls()

Part D: Bouncing Off Paddles

​Make the puck bounce off each paddle

• Start with the left paddle. When the puck is inside the boundaries of the left paddle, reverse its speed.
  • Hint: You're going to need an if statement with four conditions joined by && operators. ​
• Make it speed up each time it bounces.
• Test it for the left paddle first.
• Repeat this for the right paddle.

Required Methods:

• bounceLeftPaddle()
• bounecRightPaddle()

Part E: Score & Reset

​Display the user and computer's score, reset the game each time a point is scored.

• Add variables to track the score for the human and computer
• When the ball goes off the screen...
  • Award one point to the proper player.
  • Reset the puck's position back to the center of the screen
  • Reset the puck's speeds to new random values

Required Methods:

• checkBoundary()
• displayScore()

Part F: Cleanup and FullScreen

Adding a little polish...

• Make the game run in full screen
  • In setup(), replace your call to the size() method with the fullScreen() method.
  • In setup(), add noStroke() to make it look more like the classic Pong
  • In setup(), add noCursor() to hide your cursor.
  • Prevent both the player paddle and cpu paddle from going into the walls / off screen.
  • Check through other cases to make sure everything's registering and centered correctly. Remember the puck's position is it's top-left corner, so a good thing to check is "are things different on the right from the left, or top from the bottom?"

Challenge (+10%)

Do one or more of the following.

• Make the computer player win some of the time, but not all of the time
• Replace your computer player with a second human player who uses the keyboard to control.
  • If you do this, I recommend making the mouse affect the right paddle and keyboard the left paddle.
  • You'll have to look up how to use keyPressed, key, and or keyCode in processing. Google is your friend.
• Add in some interesting physics like in the real pong; the angle of reflection should be affected by the part of the paddle you hit.