From: Jörn Zaefferer <joern.zaefferer@gmail.com>
Date: Thu, 23 Apr 2009 21:37:07 +0000 (+0000)
Subject: effects: demo visualising easing functions, tuning
X-Git-Tag: 1.8a1~129
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=a0050d133758a52de3e80f9e3f221368b9ec2420;p=jquery-ui.git

effects: demo visualising easing functions, tuning
---

diff --git a/demos/effect/easing.html b/demos/effect/easing.html
index 34ab83cc5..72f535f67 100644
--- a/demos/effect/easing.html
+++ b/demos/effect/easing.html
@@ -61,13 +61,14 @@
 			});
 			
 			// needs higher precision for better graphs
-			$.each(new Array(100), function(position) {
-				var mod = impl(0, position, 0, 1, 100);
-				ctx.beginPath();
-				ctx.moveTo(position, 100 - position * mod);
-				ctx.lineTo(position + 1, 99 - position * mod);
-				ctx.stroke();
+			var mod = 2;
+			ctx.beginPath();
+			$.each(new Array(100 * mod), function(position) {
+				var ease = impl(0, position, 0, 1, 100 * mod);
+				ctx.moveTo(position / mod, 100 - position / mod * ease);
+				ctx.lineTo(position / mod + 1, 99 - position / mod * ease);
 			});
+			ctx.stroke();
 			graph.click(function() {
 				$(canvas).animate({height: "hide"}, "slow", name).animate({height: "show"}, "slow", name);
 			});
@@ -88,7 +89,7 @@
 
 <div class="demo-description">
 
-<p>All easings provided by jQuery UI are drawn above. Click a diagram to see the easing in action.</p>
+<p><strong>All easings provided by jQuery UI are drawn above, using a HTLM canvas element</strong>. Click a diagram to see the easing in action.</p>
 
 </div><!-- End demo-description -->