Script Kodu

var c = document.querySelector('canvas');
var c = c.getContext('2d');

	c.width =543;
	c.height =350;
var pX = 0,
	pY = 200,
	vx = 5,
	vy = -10;
setInterval(function(){
c.clearRect(0,0,c.width, c.height);
c.fillStyle="black";
c.fillRect(0,0,c.width,c.height);
	pX += vx;
	pY += vy;
	r = 15;
	gravity = 0.34;
	if(pY > 335){
		vy *= -0.5;
		vx *= -0.5;
		pY = 335;
	};
	c.beginPath();
	c.fillStyle= "white";
	c.arc(pX,pY,r,0,Math.PI*2,false);
	c.fill();
	vy += gravity;	
}, 30);