Breakout Hacks

Color 90% Hack

Hack #1 (90%): Change Colors
Look in the javascript and change the paddle and brick colors.
Pick a new color for the paddle and the bricks."
Change the Colors to update the game design.
Tip: High-contrast colors look best on a light background.

Change ball and paddle color

The goal of this 90% hack is to change the color of the ball and paddle to your liking. Consider following a set color theme and applying it to the entire JavaScript script for consistency.

📖

Click to Read

Color 100% Hack

Try creating a color picker below the game script to change the color of the ball or blocks on the fly.
Extra challenge (no points): Try using gradients to make it look more interesting.

Change ball and paddle color

Pair and trio programming allows developers to collaborate in real-time, sharing knowledge and skills. Establish cermonies within the team to enhance productivity and learning.

📖

Click to Read

Speed 90% Hack

Pick a new speed for the ball.
Change the ball speed to update the game design.
Tip: Don't make the speed too high! It will be too hard!
Hint: Early in the script, certain variables determine the speed of the ball. You will need to increase/decrease these numbered values to increase the speed of the ball.

Change Ball Speed

Look in the javascript and change the ball speed.

📖

Click to Read

Speed 100% Hack

Make the ball speed up each time it hits a brick or the paddle.
You may do this by changing the variable used in the 90% hack by set increments each time.
Also, try adding a slow motion mode where pressing a button halves the speed of the ball during the play session.

Advanced Ball Speed

Look in the javascript and change the ball speed..