<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Improving Flash&#8217;s Interactive Timeline Animations</title>
	<atom:link href="http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/</link>
	<description>Web Developer</description>
	<lastBuildDate>Mon, 26 Jul 2010 12:56:14 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<item>
		<title>By: Alan</title>
		<link>http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/comment-page-1/#comment-780</link>
		<dc:creator>Alan</dc:creator>
		<pubDate>Thu, 11 Mar 2010 15:32:05 +0000</pubDate>
		<guid isPermaLink="false">http://blog.alanklement.com/?p=343#comment-780</guid>
		<description>@vitaLee 

Über. Thanks for sharing. Great ideas.</description>
		<content:encoded><![CDATA[<p>@vitaLee </p>
<p>Über. Thanks for sharing. Great ideas.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: vitaLee</title>
		<link>http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/comment-page-1/#comment-778</link>
		<dc:creator>vitaLee</dc:creator>
		<pubDate>Thu, 11 Mar 2010 14:07:51 +0000</pubDate>
		<guid isPermaLink="false">http://blog.alanklement.com/?p=343#comment-778</guid>
		<description>it&#039;s been some time since you wrote this but anyway..

you can you TweenLite FramePlugin to tween the frame of a movie clip directly instead of tweening a property and updating the frame on onUpdate. You can actually tween the timeline to a frame label using FrameLabelPlugin. it&#039;s that easy:

TweenPlugin.activate([FramePlugin, FrameLabelPlugin]);
TweenLite.to(mc1, .5, {frame:20});
TweenLite.to(mc2, .5, {frameLabel:&#039;rollOver&#039;});

there is also a workaround for the drawback you mentioned and it&#039;s quite easy to apply. all you need to adjust is the duration of the tween to get your animations to be smooth. 
it&#039;s not a problem of the scripted animation. when you rollover your button and the quickly rollout the playhead travels the distance from frame 5 to 1 in 0.5 sec. if your framerate is 30fps then this scripted transition is 6 times slower, and that&#039;s why it looks jerky to you. you need to determine the time and this utility method comes in help :

public static function approxTimeTo(frame:*, mc:MovieClip):Number {			
	var frameNum:int;
	var fr	:int;
			
	if (frame is String) frameNum = labelToFrameNumber(frame, mc);
	else if (frame is int) frameNum = frame;
	else throw new Error(&#039;approxTimeTo requires String or int as 1st argument&#039;);
			
			
	if(!mc.stage) throw new Error(&#039;approxTimeTo cannot calculate time to frame! supplied movieclip is not on stage. cannot determine framerate.&#039;)
	fr = mc.stage.frameRate;
			
	return (frameNum - mc.currentFrame) / fr;
}

you just need to pass the frame number or framelabel of the frame you need to go to as first argument and the movieclip you want to tween.
the method just returns the approximate duration (in seconds) of the animation from the current frame to the desired frame number or label.
hope that helps ;)</description>
		<content:encoded><![CDATA[<p>it&#8217;s been some time since you wrote this but anyway..</p>
<p>you can you TweenLite FramePlugin to tween the frame of a movie clip directly instead of tweening a property and updating the frame on onUpdate. You can actually tween the timeline to a frame label using FrameLabelPlugin. it&#8217;s that easy:</p>
<p>TweenPlugin.activate([FramePlugin, FrameLabelPlugin]);<br />
TweenLite.to(mc1, .5, {frame:20});<br />
TweenLite.to(mc2, .5, {frameLabel:&#8217;rollOver&#8217;});</p>
<p>there is also a workaround for the drawback you mentioned and it&#8217;s quite easy to apply. all you need to adjust is the duration of the tween to get your animations to be smooth.<br />
it&#8217;s not a problem of the scripted animation. when you rollover your button and the quickly rollout the playhead travels the distance from frame 5 to 1 in 0.5 sec. if your framerate is 30fps then this scripted transition is 6 times slower, and that&#8217;s why it looks jerky to you. you need to determine the time and this utility method comes in help :</p>
<p>public static function approxTimeTo(frame:*, mc:MovieClip):Number {<br />
	var frameNum:int;<br />
	var fr	:int;</p>
<p>	if (frame is String) frameNum = labelToFrameNumber(frame, mc);<br />
	else if (frame is int) frameNum = frame;<br />
	else throw new Error(&#8216;approxTimeTo requires String or int as 1st argument&#8217;);</p>
<p>	if(!mc.stage) throw new Error(&#8216;approxTimeTo cannot calculate time to frame! supplied movieclip is not on stage. cannot determine framerate.&#8217;)<br />
	fr = mc.stage.frameRate;</p>
<p>	return (frameNum &#8211; mc.currentFrame) / fr;<br />
}</p>
<p>you just need to pass the frame number or framelabel of the frame you need to go to as first argument and the movieclip you want to tween.<br />
the method just returns the approximate duration (in seconds) of the animation from the current frame to the desired frame number or label.<br />
hope that helps <img src='http://blog.alanklement.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: [Flash] Improving Timeline Using Tweening Engine &#171; Lab of Chowky</title>
		<link>http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/comment-page-1/#comment-536</link>
		<dc:creator>[Flash] Improving Timeline Using Tweening Engine &#171; Lab of Chowky</dc:creator>
		<pubDate>Sat, 28 Nov 2009 13:26:03 +0000</pubDate>
		<guid isPermaLink="false">http://blog.alanklement.com/?p=343#comment-536</guid>
		<description>[...] Source: http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/ [...]</description>
		<content:encoded><![CDATA[<p>[...] Source: <a href="http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/" rel="nofollow">http://blog.alanklement.com/2009/11/27/improving-flash-interactive-timeline-animations/</a> [...]</p>
]]></content:encoded>
	</item>
</channel>
</rss>
