diff --git a/examples/Animated/RadialRainbows.html b/examples/Animated/RadialRainbows.html index 5073efef..3de1a46f 100644 --- a/examples/Animated/RadialRainbows.html +++ b/examples/Animated/RadialRainbows.html @@ -22,19 +22,16 @@ var gradientColor = new GradientColor(gradient, point, point + [radius, 0]); path.fillColor = gradientColor; - tool.eventInterval = 30; - - var mouseDown = false; + var mouseDown = false, + mousePoint = view.center; function onMouseDown(event) { - point = point + vector; mouseDown = true; + mousePoint = event.point; } function onMouseDrag(event) { - point = point + (event.point - point) / 10; - gradientColor.hilite = point; - iterate(); + mousePoint = event.point; } function onMouseUp(event) { @@ -43,8 +40,7 @@ } function onFrame() { - if (!mouseDown) - iterate(); + iterate(); } var grow = false; @@ -58,8 +54,12 @@ } else if (!grow && vector.length < 75) { grow = true; } - vector.length += (grow ? 1 : -1); - vector.angle += 5; + if (mouseDown) { + point = point + (mousePoint - point) / 10; + } else { + vector.length += (grow ? 1 : -1); + vector.angle += 5; + } gradientColor.hilite = mouseDown ? point : point + vector; }