From 36ba812f393e403eff98da2e9225c56d00ab0b9f Mon Sep 17 00:00:00 2001
From: Jonathan Puckey <me@jonathanpuckey.com>
Date: Sat, 23 Apr 2011 15:47:28 +0200
Subject: [PATCH] Add path smoothing example.

---
 examples/Animated/Smoothing.html | 54 ++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 examples/Animated/Smoothing.html
diff --git a/examples/Animated/Smoothing.html b/examples/Animated/Smoothing.html
new file mode 100644
index 00000000..ade5b11a
--- /dev/null
+++ b/examples/Animated/Smoothing.html
@@ -0,0 +1,54 @@
+<!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 width = document.bounds.width - 10;
+		var height = document.bounds.height / 2;
+		var pathHeight = document.bounds.height / 2;
+		var points = 10;
+		var count = 0;
+		var smooth = true;
+		var center = document.bounds.center;
+		var path = new Path();
+		for (var i = 0; i < points; i++) {
+			var point = new Point(width / points * i + 5, center.y);
+			path.add(point);
+		}
+		path.selected = true;
+		
+		function onFrame() {
+			count++;
+			for (var i = 0; i < points; i++) {
+				var sinSeed = count + (i + i % 10) * 100 ;
+				var sinHeight = Math.sin(sinSeed / 200) * pathHeight;
+				var yPos = Math.sin(sinSeed / 100) * sinHeight + height;
+				path.segments[i].point.y = yPos;
+			}
+			if (smooth)
+				path.smooth();
+		}
+		
+		function onMouseMove(event) {
+			pathHeight = center.y - event.point.y;
+		}
+		
+		function onMouseDown(event) {
+			smooth = !smooth;
+			if (!smooth) {
+				// If smooth has been turned off, we need to reset
+				// the handles of the path:
+				for (var i = 0; i < points; i++) {
+					var segment = path.segments[i];
+					segment.handleIn = segment.handleOut = null;
+				}
+			}
+		}
+	</script>
+</head>
+<body>
+	<canvas id='canvas' width=1024 height=768></canvas>
+</body>
\ No newline at end of file
