<?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>ADD CHILD = AS3 &#187; TransitionManager</title>
	<atom:link href="http://www.addchild.net/tag/transitionmanager/feed" rel="self" type="application/rss+xml" />
	<link>http://www.addchild.net</link>
	<description>初心者がFlsah ActionScript 3.0を勉強して行く軌跡です。</description>
	<lastBuildDate>Tue, 09 Feb 2010 04:10:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>TransitionManagerクラスを使ってトランジションさせる[3-6]</title>
		<link>http://www.addchild.net/as3-beginner/ls3/343.html</link>
		<comments>http://www.addchild.net/as3-beginner/ls3/343.html#comments</comments>
		<pubDate>Wed, 02 Dec 2009 02:18:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[lesson3]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[MovieClip]]></category>
		<category><![CDATA[TransitionManager]]></category>

		<guid isPermaLink="false">http://www.addchild.net/?p=343</guid>
		<description><![CDATA[ステージに配置したムービークリップにTransitionManagerクラスを使ってトランジション効果をつける

[1-8]でフェードインさせるアクションスクリプトとよく似た感じになりますが、TransitionMana [...]]]></description>
			<content:encoded><![CDATA[<h3>ステージに配置したムービークリップにTransitionManagerクラスを使ってトランジション効果をつける</h3>
<p>
[1-8]でフェードインさせるアクションスクリプトとよく似た感じになりますが、TransitionManagerクラスを使用すればもっと違う表現の効果をあたえることができます。
</p>
<p>
タイムライン上にあるアクションスクリプトに、まずTweenクラスとeasingクラスをインポートさせ、使えるようにします。<br />
（[3-4]同様）
</p>
<pre class="brush: jscript; auto-links: false;">
//クラスのインポート
import fl.transitions.*;
import fl.transitions.easing.*;
</pre>
<p>
[3-3]でカクスタムクラスを使ってステージ上にムービークリップを配置しているアクションスクリプトのBallをimgに変更してステージに表示させます。<br />
（[1-8]同様にステージにimg_mcのムービークリップを用意している前提です）
</p>
<p><span id="more-343"></span></p>
<pre class="brush: jscript; auto-links: false;">
// imgクラスからインスタンスを作る
var img:img_mc = new img_mc();
addChild(img);
img.x = stage.stageWidth / 2;
img.y = stage.stageHeight / 2;
</pre>
<p>
表示させるムービークリップにトランジション効果を指定します。
</p>
<pre class="brush: jscript; auto-links: false;">
//トランジション効果
TransitionManager.start(img,{
						type:Blinds, //トランジションタイプ
						direction:Transition.IN,  //transition効果の方向
						duration:1,  //動作時間
						easing:None.easeNone, //イージング設定
						numStrips:10,
						dimension:0
						});
</pre>
<p>
addChildで画像が読み込まれると同時に、トランジション効果が始動する感じになります。
</p>
<pre class="brush: jscript; auto-links: false;">
//クラスのインポート
import fl.transitions.*;
import fl.transitions.easing.*;

// imgクラスからインスタンスを作る
var img:img_mc = new img_mc();
addChild(img);
img.x = stage.stageWidth / 2;
img.y = stage.stageHeight / 2;

//トランジション効果
TransitionManager.start(img,{
						type:Blinds,
						direction:Transition.IN,
						duration:1,
						easing:None.easeNone,
						numStrips:10,
						dimension:0
						});
</pre>
<p>
asファイルに関しては[3-3]と同じになりますので、省略します。<br />
動作が終わっている場合は再読み込みして下さい。
</p>
<div id="flash">
ステージに配置したムービークリップにTransitionManagerクラスを使ってトランジション効果をつける
</div>
<p><script type="text/javascript">
  swfobject.embedSWF("http://www.addchild.net/fl/3/6-A.swf", "flash", "550", "200", "9.0.0");
</script></p>
<h4>トランジションの種類</h4>
<table>
<tr>
<th>トランジションタイプ</th>
<th>説明</th>
</tr>
<tr>
<td>Blinds</td>
<td>ブラインドカーテンみたいに回転します。</td>
</tr>
<tr>
<td>Fade</td>
<td>フェードインまたはフェードアウトします。</td>
</tr>
<tr>
<td>Fly</td>
<td>定した方向からムービークリップをスライドインします。</td>
</tr>
<tr>
<td>Iris</td>
<td>マスクを利用して表示させる</td>
</tr>
<tr>
<td>Photo</td>
<td>カメラのフラッシュに用に一瞬光ります。</td>
</tr>
<tr>
<td>PixelDissolve</td>
<td>チェッカーボードのようなモザイク処理をします。</td>
</tr>
<tr>
<td>Rotate </td>
<td>回転します。</td>
</tr>
<tr>
<td>Squeeze</td>
<td>水平または垂直に拡大/縮小します。</td>
</tr>
<tr>
<td>Wipe</td>
<td>マスクを利用して表示させる。</td>
</tr>
<tr>
<td>Zoom</td>
<td>拡大/縮小しながら表示します。</td>
</tr>
</table>

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.addchild.net/as3-beginner/ls3/370.html" title="ムービークリップを徐々に加速させる[3-7] (2010年1月5日)">ムービークリップを徐々に加速させる[3-7]</a> (0)</li>
	<li><a href="http://www.addchild.net/as3-beginner/ls2/260.html" title="ムービークリップをボタンとして使う[2-4] (2009年9月13日)">ムービークリップをボタンとして使う[2-4]</a> (0)</li>
	<li><a href="http://www.addchild.net/as3-beginner/ls2/202.html" title="ムービークリップをボタンとして使う[2-3] (2009年9月9日)">ムービークリップをボタンとして使う[2-3]</a> (0)</li>
	<li><a href="http://www.addchild.net/as3-beginner/ls2/192.html" title="ムービークリップをボタンとして使う[2-2] (2009年9月8日)">ムービークリップをボタンとして使う[2-2]</a> (0)</li>
	<li><a href="http://www.addchild.net/as3-beginner/ls2/184.html" title="ムービークリップをボタンとして使う[2-1] (2009年9月7日)">ムービークリップをボタンとして使う[2-1]</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.addchild.net/as3-beginner/ls3/343.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
