src/config.js

@@ -25,4 +25,4 @@ export const PERK_HEIGHT = 16;
 export const PERK_FALL_SPEED = 3;
 export const PERK_DROP_CHANCE = 0.3;
 export const PERK_BALL_SPEED_DECREASE = 2;
-export const PERK_TYPES = ['slow', 'wide'];
+export const PERK_TYPES = ['slow', 'wide', 'life'];

src/lib/updatePerks/updatePerks.js

@@ -53,6 +53,9 @@ export function updatePerks(game, containerHeight, deltaTime) {
             paddle.width = PADDLE_WIDE_WIDTH;
             paddle.moveTo(paddle.x, 0, CONTAINER_WIDTH);
             break;
+          case 'life':
+            game.livesAmount += 1;
+            break;
           default:
             break;
         }

src/view.js

@@ -53,6 +53,8 @@ function createPerkView(perk) {
       return perkView.fill('#00ffff');
     case 'wide':
       return perkView.fill('#0f0f0f');
+    case 'life':
+      return perkView.fill('#f0f0f0');
     default:
       return perkView.fill('#ffffff');
   }