diff --git a/examples/Scripts/BouncingBalls.html b/examples/Scripts/BouncingBalls.html
index afb5a36c..1ce74ab8 100644
--- a/examples/Scripts/BouncingBalls.html
+++ b/examples/Scripts/BouncingBalls.html
@@ -8,11 +8,7 @@
 	<script type="text/javascript" src="../../src/load.js"></script>
 	<script type="text/paperscript" canvas="canvas">
 		var balls = [],
-			group = new Group(),
-			circlePath = new Path.Circle([0, 0], 10),
-			symbol = new Symbol(circlePath);
-		circlePath.fillColor = new GradientColor(null, [0, 0], [0, 12], [0, 2]);
-		circlePath.fillColor.gradient.type = 'radial';
+			group = new Group();
 
 		var Ball = Base.extend({
 			initialize: function(point, vector) {
@@ -25,10 +21,12 @@
 				this.dampen = 0.4;
 				this.gravity = 3;
 				this.bounce = -0.6;
-				this.radius = 50 * Math.random() + 10;
-				this.item = new PlacedSymbol(symbol);
-				this.item.position = point;
-				this.item.scale(this.radius / 10);
+				this.radius = 50 * Math.random() + 30;
+				this.item = new Path.Circle(point, this.radius);
+				var color = new HSBColor(Math.random() * 360, 1, 1);
+				var gradient = new Gradient([color, new RGBColor(0, 0, 0)], 'radial');
+				this.item.fillColor = new GradientColor(gradient, point,
+						point + this.radius, this.radius * 0.8);
 				group.appendTop(this.item);
 			},
 
@@ -47,6 +45,7 @@
 				
 				var max = Point.max(this.radius, this.point + this.vector);
 				this.item.position = this.point = Point.min(max, size - this.radius);
+				this.item.rotate(this.vector.x / 2);
 			}
 		});