Bouncing ball

bouncing-ball.markdown

Bouncing ball

A Pen by Attractive Chaos on CodePen.

License.

index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.6/processing.min.js"></script>
<script type="application/processing">
float posx, posy, r, d = 10, vx, vy, sx, sy;
void setup() {
	size(800, 600);
	posx = width / 2, posy = height / 2, r = d/2;
	vx = vy = 0, sx = sy = 0.1;
}
void draw() {
	background(255);
	if (keyPressed && key == CODED) {
		if (keyCode == LEFT) vx -= sx;
		else if (keyCode == RIGHT) vx += sx;
	}
	if (mousePressed && mouseButton == LEFT) {
		background(255);
		posx = mouseX, posy = mouseY, vx = vy = 0;
	} else {
		vy += sy;
		posx += vx, posy += vy;
		if (posy + r >= height) posy = height - r, vy = -vy;
		if (posx - r < 0) posx = r, vx = -vx;
		if (posx + r >= width) posx = width - r, vx = -vx;
	}
	ellipse(posx, posy, d, d);
}
</script>
<canvas></canvas>