var canvas = document.getElementById('canvas'),
    ctx   = canvas.getContext('2d');

    width = canvas.width;
    height = width*(6.0/8.0);
    ctx.canvas.height = height;


function Particle(x,y, vx, vy){
    this.x = x;
    this.y = y;
    this.vx = vx;
    this.vy = vy;
}

var czastka = new Particle(1, 0, 0, 1);
var ctx;


function gravitate(czastka) {
    var licznik = czastka.x;
    var mianownik = Math.pow(((czastka.x * czastka.x) + (czastka.y * czastka.y)), (3/2));
    var accx = licznik/mianownik;
    var licznik1 = czastka.y;
    var mianownik1 = Math.pow(((czastka.x * czastka.x) + (czastka.y * czastka.y)), (3/2));
    var accy = licznik1/mianownik1;
    czastka.vx = czastka.vx + accx;
    czastka.vy = czastka.vy + accy;
    czastka.x = czastka.x + czastka.vx;
    czastka.y = czastka.y + czastka.vy;
}

var myTimer = setInterval(draw, 50);
var prev_vx = czastka.vx;
var prev_vy = czastka.vy.p;

function draw() {

    ctx.fillStyle = "#000";
    //ctx.fillStyle = "rgba(0, 0, 0, 0.01)"
    ctx.fillRect(0, 0, width, height);

    ctx.beginPath();
    ctx.fillStyle = "red";
    ctx.arc(czastka.x,czastka.y, 5,0, 2*Math.PI,false);
    ctx.closePath();
    ctx.fill();

    gravitate(czastka);

    var x = czastka.vx;
    var y = czastka.vy;

    if (czastka.x<0 ) {
      clearInterval(myTimer);
    }
}