From c1d70c90bba5f6b12b93bbaf7c3cca8587dc0961 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BCrg=20Lehni?= <juerg@scratchdisk.com>
Date: Sun, 20 Mar 2011 00:11:06 +0000
Subject: [PATCH] Add example for curve time parametrization testing.

---
 .../Scripts/CurveTimeParametrization.html     | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 examples/Scripts/CurveTimeParametrization.html
diff --git a/examples/Scripts/CurveTimeParametrization.html b/examples/Scripts/CurveTimeParametrization.html
new file mode 100644
index 00000000..68c29981
--- /dev/null
+++ b/examples/Scripts/CurveTimeParametrization.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Example</title>
+	<script type="text/javascript">var root = '../../'</script>
+	<script type="text/javascript" src="../../src/load.js"></script>
+	<script type="text/paperscript" canvas="canvas">
+		var path = new Path();
+		path.moveTo(200, 200);
+		path.curveTo([170, 50], [300, 200]);
+		path.strokeWidth = 1;
+		path.strokeColor = 'black';
+		var curve = path.curves[0];
+		function onMouseMove(event) {
+			curve.segment2.point = event.point;
+			var length = curve.length;
+			var step = 10;
+			var num = Math.round(length / step);
+			step = length / num;
+			for (var i = 0, pos = 0; i <= num; i++, pos += step) {
+				var t = curve.getParameter(pos);
+				var point = curve.getPoint(t);
+				var circle = new Path.Circle(point, 3);
+				circle.strokeColor = 'red';
+				circle.removeOnMove();
+			}
+		}
+	</script>
+</head>
+<body>
+	<canvas id='canvas' width=1024 height=768></canvas>
+</body>
\ No newline at end of file
