@@ -10,7 +10,7 @@ const secondaryColor = getComputedStyle(
1010 document . documentElement
1111) . getPropertyValue ( "--sidebar-color" ) ;
1212
13- // Refactor Magic Numbers
13+ // Refactor Magic Numbers into a Configuration Object
1414const config = {
1515 ballSpeed : 4 ,
1616 ballSize : 10 ,
@@ -62,7 +62,7 @@ const levels = [
6262 } ,
6363] ;
6464let currentLevel = 0 ;
65- let paused = false ;
65+ let isPaused = false ;
6666let levelMessage = "" ;
6767
6868// Reference: https://stackoverflow.com/questions/34772957/how-to-make-canvas-responsive
@@ -169,7 +169,7 @@ function draw() {
169169 drawLevel ( ) ;
170170 drawBricks ( ) ;
171171 generatePowerUps ( ) ;
172- if ( paused && levelMessage ) {
172+ if ( isPaused && levelMessage ) {
173173 drawLevelMessage ( ) ;
174174 }
175175}
@@ -199,7 +199,7 @@ function moveBall() {
199199 ball . x + ball . size < paddle . x + paddle . w &&
200200 ball . y + ball . size > paddle . y
201201 ) {
202- // Fix Ball-Paddle Collision Logic
202+ // Improve Ball-Paddle Collision Logic
203203 const dist = ball . x - ( paddle . x + paddle . w / 2 ) ;
204204 ball . dx = dist * 0.1 ;
205205 ball . dy = - ball . speed ;
@@ -249,11 +249,11 @@ function increaseScore() {
249249 // loop back to last level
250250 currentLevel = levels . length - 1 ;
251251 }
252- paused = true ;
252+ isPaused = true ;
253253 levelMessage = `Level ${ currentLevel + 1 } ` ;
254254 setTimeout ( ( ) => {
255255 setupLevel ( currentLevel ) ;
256- paused = false ;
256+ isPaused = false ;
257257 levelMessage = "" ;
258258 } , 5000 ) ;
259259 }
@@ -365,7 +365,7 @@ function keyUp(e) {
365365// Update Canvas
366366function update ( ) {
367367 // update
368- if ( ! paused ) {
368+ if ( ! isPaused ) {
369369 movePaddle ( ) ;
370370 moveBall ( ) ;
371371 }
0 commit comments