<?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; Loader</title>
	<atom:link href="http://www.addchild.net/tag/loader/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>Loaderクラスで外部ファイルから画像を複数読み込む[3-5]</title>
		<link>http://www.addchild.net/as3-beginner/ls3/337.html</link>
		<comments>http://www.addchild.net/as3-beginner/ls3/337.html#comments</comments>
		<pubDate>Thu, 19 Nov 2009 08:11:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[lesson3]]></category>
		<category><![CDATA[addChild]]></category>
		<category><![CDATA[Array]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Loader]]></category>
		<category><![CDATA[URLRequest]]></category>

		<guid isPermaLink="false">http://www.addchild.net/?p=337</guid>
		<description><![CDATA[外部にあるイメージ画像をLoaderクラスを使って読み込む

Flashのライブラリーに画像を置かずに、外部から画像がある場所を指定して画像を読み込みます。
こうすることにより、画像のみ変更する時に、イチイチFlashを [...]]]></description>
			<content:encoded><![CDATA[<h3>外部にあるイメージ画像をLoaderクラスを使って読み込む</h3>
<p>
Flashのライブラリーに画像を置かずに、外部から画像がある場所を指定して画像を読み込みます。<br />
こうすることにより、画像のみ変更する時に、イチイチFlashを編集しなくて済むので、非常に有効的な方法だと思います。
</p>
<p>
まず表示させたい画像をフォルダにまとめて、swfファイルと同じ階層に配置します。（今回は3枚の外部画像を読み込んでみたいと思います。）
</p>
<p>
画像の用意ができたら、アクションスクリプトを書いていきます。<br />
Actionscript3.0からなんですが、外部から画像を読み込むときにLoaderクラスと言う便利な機能が追加されました。<br />
そこでnew演算子を使って、変数myLoaderに新しくLoaderクラスを読み込ませます。しかしこれだけでは、画像がどこにあるのか分からないので画像がある場所をURLRquestクラスを使って指定し、変数ImgUrlに置き換えてからmyLoaderにImgUrlをロードさせるカラクリになります。<br />
あとはaddChilで表示させます。
</p>
<pre class="brush: jscript; auto-links: false;">
//Loaderオブジェクト生成
var myLoader:Loader = new Loader();
//ファイルパス読み込み
var ImgUrl:URLRequest = new URLRequest(&quot;images/img1.jpg&quot;);
//画像読み込み
myLoader.load(ImgUrl);
addChild(myLoader);
</pre>
<p><span id="more-337"></span></p>
<p>
しかし今回は複数画像を読み込むようにする為、画像の場所を指定したパスを配列に格納してから使うことにします。<br />
さらに読み込んだ画像ごとにy軸の位置をずらします。
</p>
<pre class="brush: jscript; auto-links: false;">
//配列
var url:Array = new Array();
url[0] = &quot;images/img1.jpg&quot;;
url[1] = &quot;images/img2.jpg&quot;;
url[2] = &quot;images/img3.jpg&quot;;

for (var i:int = 0; i &lt; 3; i++) {
	//Loaderオブジェクト生成
	var myLoader:Loader = new Loader();
	//ファイルパス読み込み
	var ImgUrl:URLRequest = new URLRequest(url[i]);

	//画像読み込み
	myLoader.load(ImgUrl);
	myLoader.y = 60 * i;
	addChild(myLoader);

}
</pre>
<div id="flash">
外部にあるイメージ画像をLoaderクラスを使って読み込む
</div>
<p><script type="text/javascript">
  swfobject.embedSWF("http://www.addchild.net/fl/3/5-A.swf", "flash", "400", "180", "9.0.0");
</script></p>

	<h4>関連する投稿</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.addchild.net/as3-beginner/ls3/286.html" title="クラス参照でステージにムービークリップを配置[3-2] (2009年10月13日)">クラス参照でステージにムービークリップを配置[3-2]</a> (0)</li>
	<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/284.html" title="ボタンに連動してムービークリップの表示を変える[2-7] (2009年10月1日)">ボタンに連動してムービークリップの表示を変える[2-7]</a> (0)</li>
</ul>

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