Skip to content
Permalink
Browse files

effects: demo visualising easing functions, tuning

  • Loading branch information
jzaefferer committed Apr 23, 2009
1 parent c3d8917 commit a0050d133758a52de3e80f9e3f221368b9ec2420
Showing with 8 additions and 7 deletions.
  1. +8 −7 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 -->

0 comments on commit a0050d1

Please sign in to comment.
You can’t perform that action at this time.