Home > ActionScript > [サイト構築中]Flashへのリソース埋め込み~実践

[サイト構築中]Flashへのリソース埋め込み~実践

書籍サンプルchap3を対象にリソース埋め込みを実践してみました。作業そのものは一時間もかかりません。

1. 画像・サウンドファイルをソースコードから参照しやすい場所へ移動

画像・サウンドファイルが保存されたmediaフォルダを、ソースコードと同じsrcフォルダ内へ移動します。

capsta1

2. EmbedメタデータタグとClass型フィールドを追加

Mainクラスの定義からLoadManager型フィールドloadmanを削除し、次のフィールドを追加します。Class型フィールドは1リソースごとに1つ必要です。

//サウンド用フィールド
public var snd_gun:Sound;
public var snd_hit:Sound;
public var snd_clash:Sound;

//埋め込みリソース
[Embed(source = "media/astitle01.png")]
public var pngtitlecls:Class;
[Embed(source = "media/jiki.png")]
public var pngjikicls:Class;
[Embed(source = "media/sora.png")]
public var pngsoracls:Class;
[Embed(source = "media/clickbtn.png")]
public var pngclickcls:Class;
[Embed(source = "media/teki.png")]
public var pngtekicls:Class;
[Embed(source = "media/jiki-tama.png")]
public var pngtamacls:Class;
[Embed(source = "media/tm2_gun001.mp3" )]
public var mp3guncls:Class;
[Embed(source = "media/tm2_hit002.mp3" )]
public var mp3hitcls:Class;
[Embed(source = "media/crash18_d.mp3" )]
public var mp3clashcls:Class;

3. リソースのインスタンスを作成

Initメソッド内でClass型フィールドを元に各リソースのインスタンスを作成、Bitmap型フィールドやSound型フィールドに代入します。LoadManager絡みの処理はごそっと削除します。

private function init(e:Event = null):void
{
	removeEventListener(Event.ADDED_TO_STAGE, init);
	// entry point
	//埋め込みリソースから画像を読み込み
	this.bmp_titlepng = Bitmap(new this.pngtitlecls());
	this.bmp_jikipng = Bitmap(new this.pngjikicls());
	this.bmp_skypng = Bitmap(new this.pngsoracls());
	this.bmp_clickpng = Bitmap(new this.pngclickcls());
	this.bmp_tekipng = Bitmap(new this.pngtekicls());
	this.bmp_tamapng = Bitmap(new this.pngtamacls());
	this.snd_clash = Sound(new this.mp3clashcls());
	this.snd_gun = Sound(new this.mp3guncls());
	this.snd_hit = Sound(new this.mp3hitcls());
	//loadCompletedAllメソッドはinitメソッドに併合

	this.addChild( this.bmp_titlepng );
	//開始ボタン
	this.spr_button.addChild( this.bmp_clickpng );
	//後略//

4. サウンド関係の処理を次のように修正

this.snd_hit.play();	//埋め込みサウンドを再生

これでおしまいです。コンパイルして「Project」ツリーで生成されたswfを展開すると、「Symbols」という項目がぶら下がっているのが見えます。これが埋め込まれたリソースです。

Image2

アップロード結果は上の「Flashサンプル」タブで見てください。

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://i-libro.net/wpmu/blog/archives/185/trackback
Listed below are links to weblogs that reference
[サイト構築中]Flashへのリソース埋め込み~実践 from わくわくプログラミング自習室 Blogs

Home > ActionScript > [サイト構築中]Flashへのリソース埋め込み~実践

Amazonリンク

Return to page top