From 8ab70fd0de21c0c6ad54bbf8a7afd16948a250a9 Mon Sep 17 00:00:00 2001
From: Jonathan Puckey <me@jonathanpuckey.com>
Date: Sat, 2 Mar 2013 17:05:56 +0100
Subject: [PATCH] Update Arcs example.

---
 examples/Scripts/Arcs.html | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/examples/Scripts/Arcs.html b/examples/Scripts/Arcs.html
index 7b23fddf..4c0b2468 100644
--- a/examples/Scripts/Arcs.html
+++ b/examples/Scripts/Arcs.html
@@ -6,19 +6,27 @@
 	<link rel="stylesheet" href="../css/style.css">
 	<script type="text/javascript" src="../../dist/paper.js"></script>
 	<script type="text/paperscript" canvas="canvas">
-		var point = view.center;
+		var values = {
+			points: 20,
+			radius: 20,
+			initialRadius: 10
+		};
 		for (var i = 0; i < 30; i++) {
-			var vector = new Point(10 + 20 * i, 0).rotate(i);
-			var l = vector.length;
-			var path = new Path();
-			path.fillColor = i % 2 ? 'red' : 'black';
-			path.closed = true;
-			for (var j = 0; j < 17; j++) {
-				vector = vector.rotate(45 / 2);
+			var path = new Path({
+				fillColor: i % 2 ? 'red' : 'black',
+				closed: true
+			});
+
+			var point = new Point({
+				length: values.initialRadius + values.radius * i,
+				angle: 0
+			});
+			for (var j = 0; j <= values.points; j++) {
+				point.angle += 360 / values.points;
 				if (j == 0) {
-					path.add(point + vector);
+					path.add(view.center + point);
 				} else {
-					path.arcTo(point + vector, true);
+					path.arcTo(view.center + point);
 				}
 			}
 			project.activeLayer.insertChild(0, path);