Breakout w/ gravity

testing out breakout concept with the gravity effect (Uniform circular motion)

by zachpainter77

HTML

<canvas id="canvas"></canvas>

CSS

* { margin:0; padding:0; } /* to remove the top and left whitespace */
html, body { width:100%; height:100%; }

#canvas{
  width:100%;
  height:100%;
  display:block;
  background:black;
}

JavaScript

var x = 150;
        var y = 150;
        var dx = 0;
        var dy = 4;
        var WIDTH;
        var HEIGHT;
        var ctx;
        var s = 6;
        var bounceCount = 0;
        var paddlex;
        var paddley;
        var paddleW;
        var ballRadius = 7;
        var intervalId = 0;
        var rightDown = false;
        var leftDown = false;
        var canvasMinX = 0;
        var canvasMaxX = 0;
        var FPS = 60;
        //var paddleImage = new Image();        
        //var ballImage = new Image();
        var paddle;
        var ball;
        var backgroundLayer;
        var ballLayer;
        var paddleLayer;
        var tracerLayer;
        var autoRun = true;
        var paddleHighlightLayer;
        var brickLayer;
        var paused = false;
        var base64Sources = [
       ...