<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>jp.ferv.blog &#187; Tweener</title>
	<atom:link href="http://ferv.jp/blog/tag/tweener/feed/" rel="self" type="application/rss+xml" />
	<link>http://ferv.jp/blog</link>
	<description>「ActionScriptは素晴らしい。コンパイルする価値がある。」って偉い人が言ってた。</description>
	<lastBuildDate>Sun, 15 Aug 2010 00:42:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tweensy - easeOutIn</title>
		<link>http://ferv.jp/blog/2009/05/28/tweensy-easeoutin/</link>
		<comments>http://ferv.jp/blog/2009/05/28/tweensy-easeoutin/#comments</comments>
		<pubDate>Wed, 27 May 2009 16:58:37 +0000</pubDate>
		<dc:creator>dsk</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[Tweener]]></category>
		<category><![CDATA[Tweensy]]></category>

		<guid isPermaLink="false">http://flabo.org/?p=840</guid>
		<description><![CDATA[
TweenerにはあってTweensyにないトランジションタイプがeaseOutIn系。
これは、Tweenerがトランジションを計算する caurina.transitions.Equations クラスにはease [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="shadowbox;width=600;height=780;" href="http://ferv.jp/blog/wp-content/uploads/2009/05/tweensy_easeoutin.swf"><img src="http://ferv.jp/blog/wp-content/uploads/2009/05/tweensy_easeoutin.png" alt="tweensy_easeoutin" title="tweensy_easeoutin" width="600" height="150" class="alignnone size-full wp-image-841" /></a><p>
<p>TweenerにはあってTweensyにないトランジションタイプがeaseOutIn系。
これは、Tweenerがトランジションを計算する <code>caurina.transitions.Equations</code> クラスにはeaseOutIn系関数が実装されているが、Tweensyで使う <a href="http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/fl/motion/easing/package-detail.html">fl.motion.easing</a> にはeaseOutIn系の関数が実装されていないからだ。<br />
なので、TweensyでeaseOutIn系の動きをさせたいときには <code>Tweener</code> の <code>Equations.easeOutIn***</code> 関数を、Tweensyの引数の <code>ease:Function</code> に渡して夢のコラボを実現するわけ。</p>
<p><code>caurina.transitions.Equations</code> クラスの <code>aseOutInQuad</code> 関数を <code>Tweensy.to</code> の第四引数で渡すとこだけ例を挙げておく。</p>
	<ul class="syntax_hilite_header">		<li class="language">ActionScript</li>		<li class="filename">Tweensy_easeOutIn.as</li>	<li class="source"><a href="#actionscript-2_plane" rel="shadowbox;">Source</a></li></ul><div class="syntax_hilite_planecode" id="actionscript-2_plane"><pre>package {
	import caurina.transitions.Equations;
	import com.flashdynamix.motion.Tweensy;
	import flash.display.Sprite;

	// 中略

	public class Tweensy_easeOutIn extends Sprite {

		// 中略

		private function start():void {
			Tweensy.to(box, { x: 500 }, 3, Equations.easeOutInQuad);
		}

	}
}</pre></div><div class="syntax_hilite">
<div id="actionscript-2">
<div class="actionscript actionscript" style="font-family:monospace;"><ol><li class="li1"><div class="de1">package <span class="br0">&#123;</span></div></li>
<li class="li2"><div class="de2">&nbsp; &nbsp; <span class="kw3">import</span> caurina.<span class="me1">transitions</span>.<span class="me1">Equations</span>;</div></li>
<li class="li1"><div class="de1">&nbsp; &nbsp; <span class="kw3">import</span> com.<span class="me1">flashdynamix</span>.<span class="me1">motion</span>.<span class="me1">Tweensy</span>;</div></li>
<li class="li2"><div class="de2">&nbsp; &nbsp; <span class="kw3">import</span> flash.<span class="me1">display</span>.<span class="me1">Sprite</span>;</div></li>
<li class="li1"><div class="de1">&nbsp;</div></li>
<li class="li2"><div class="de2">&nbsp; &nbsp; <span class="co1">// 中略</span></div></li>
<li class="li1"><div class="de1">&nbsp;</div></li>
<li class="li2"><div class="de2">&nbsp; &nbsp; <span class="kw3">public</span> <span class="kw2">class</span> Tweensy_easeOutIn <span class="kw3">extends</span> Sprite <span class="br0">&#123;</span></div></li>
<li class="li1"><div class="de1">&nbsp;</div></li>
<li class="li2"><div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; <span class="co1">// 中略</span></div></li>
<li class="li1"><div class="de1">&nbsp;</div></li>
<li class="li2"><div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw3">private</span> <span class="kw2">function</span> <span class="kw3">start</span><span class="br0">&#40;</span><span class="br0">&#41;</span>:<span class="kw3">void</span> <span class="br0">&#123;</span></div></li>
<li class="li1"><div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Tweensy.<span class="me1">to</span><span class="br0">&#40;</span>box, <span class="br0">&#123;</span> x: <span class="nu0">500</span> <span class="br0">&#125;</span>, <span class="nu0">3</span>, Equations.<span class="me1">easeOutInQuad</span><span class="br0">&#41;</span>;</div></li>
<li class="li2"><div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span></div></li>
<li class="li1"><div class="de1">&nbsp;</div></li>
<li class="li2"><div class="de2">&nbsp; &nbsp; <span class="br0">&#125;</span></div></li>
<li class="li1"><div class="de1"><span class="br0">&#125;</span></div></li>
</ol></div>
</div></div><br />
<p>でも、そもそもeaseOutIn系ってあんま使わないかも・・・</p>]]></content:encoded>
			<wfw:commentRss>http://ferv.jp/blog/2009/05/28/tweensy-easeoutin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transitionの意味</title>
		<link>http://ferv.jp/blog/2009/05/13/about_transition/</link>
		<comments>http://ferv.jp/blog/2009/05/13/about_transition/#comments</comments>
		<pubDate>Wed, 13 May 2009 02:48:19 +0000</pubDate>
		<dc:creator>dsk</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[ActionScript 3.0]]></category>
		<category><![CDATA[Tweener]]></category>
		<category><![CDATA[Tweensy]]></category>

		<guid isPermaLink="false">http://flabo.org/?p=564</guid>
		<description><![CDATA[【AS3入門】Tweenerのtransitionプロパティで使用する名称の意味独学ActionScriptでQuadって4じゃないの？なんで2なの？って書いてあって、同じこと思ったことがあったので補足。
Tweener [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://d.hatena.ne.jp/ActionScript/20090424/as3_tweener_transition">【AS3入門】Tweenerのtransitionプロパティで使用する名称の意味</a><span class="at"><a href="http://d.hatena.ne.jp/ActionScript/">独学ActionScript</a></span>でQuadって4じゃないの？なんで2なの？って書いてあって、同じこと思ったことがあったので補足。</p>
<p>TweenerやTweensyのコア部分は「時間から値を求める関数」を使って、プロパティの値を変化させている。<br />
Tweenerは<a href="http://www.libspark.org/svn/as3/Commands/doc/caurina/transitions/Equations.html">caurina.transitions.Equations</a>クラスに関数が書いてある。Tweensyは<a href="http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/fl/motion/easing/package-detail.html">fl.motion.easing</a>パッケージ内のクラス群に関数が書いてある。</p>
<p>関数内の計算式は基本的に同じことをやっていて、引数も同じ。引数は <code>t:Number, b:Number, c:Number, d:Number</code> となっていて、その内訳は
<ul>
<li><code>t:Number</code> - アニメーションが始まってからの時間(勝手にtimeの略だと思い込む)</li>
<li><code>b:Number</code> - アニメーションするプロパティの初期値(勝手にbeginの略だと思い込む)</li>
<li><code>c:Number</code> - アニメーションする量(勝手にchangeの略だと思い込む)</li>
<li><code>d:Number</code> - アニメーションする合計時間(勝手にdurationの略だと思い込む)</li>
</ul>
となっている。</p>
<table>
<caption>TweenerやTweensyのtransitionプロパティの意味とその計算式</caption>
<thead>
<tr><th>略称</th><th>意味</th><th>クラス</th><th>easeIn関数の計算式</th></tr>
</thead>
<tbody>
<tr><td>Linear</td><td>1次</td><td>fl.motion.easing.Linear</td><td><code>c * t / d + b</code></td></tr>
<tr><td>Quad</td><td>2次</td><td>fl.motion.easing.Quadratic</td><td><code>c * (t /= d) * t + b</code></td></tr>
<tr><td>Cubic</td><td>3次</td><td>fl.motion.easing.Cubic</td><td><code>c * (t /= d) * t * t + b</code></td></tr>
<tr><td>Quart</td><td>4次</td><td>fl.motion.easing.Quartic</td><td><code>c * (t /= d) * t * t * t + b</code></td></tr>
<tr><td>Quint</td><td>5次</td><td>fl.motion.easing.Quintic</td><td><code>c * (t /= d) * t * t * t * t + b</code></td></tr>
<tr><td>Expo</td><td>指数</td><td>fl.motion.easing.Exponential</td><td><code>t == 0 ? b : c * Math.pow(2, 10 * (t / d - 1)) + b</code></td></tr>
<tr><td>Sine</td><td>正弦</td><td>fl.motion.easing.Sine</td><td><code>-c * Math.cos(t / d * (Math.PI / 2)) + c + b</code></td></tr>
<tr><td>Circ</td><td>円形</td><td>fl.motion.easing.Circular</td><td><code>-c * (Math.sqrt(1 - (t /= d) * t) - 1) + b</code></td></tr>
<tr><td>Back</td><td>逆行</td><td>fl.motion.easing.Back</td><td><code>c * (t /= d) * t * ((s + 1) * t - s) + b</code><br /><code>(指定がなければ s = 1.70158)</code></td></tr>
<tr><td>Bounce</td><td>跳返</td><td>fl.motion.easing.Bounce</td><td>分岐があるので省略</td></tr>
<tr><td>Elastic</td><td>バネ</td><td>fl.motion.easing.Elastic</td><td>分岐があるので省略</td></tr>
</tbody>
<tfoot>
<tr><td colspan=4>数学的な意味で順序付けしている（少なくとも1次～5次は）</td></tr>
</tfoot>
</table>
<p>てことで、Quadは<a href="http://eow.alc.co.jp/quadratic/UTF-8/">Quadratic</a>の略称で、<a href="http://eow.alc.co.jp/quad/UTF-8/">Quad</a>ではないと。</p>]]></content:encoded>
			<wfw:commentRss>http://ferv.jp/blog/2009/05/13/about_transition/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
