ぬえさぶろうのAnimate放送部

解説

コンテンツのつくりかた

1. 左右のボタンででページ移動
2. 画像とダイナミックテキストを入れ換え
3. ページ移動すると画像がフェードイン/フェードアウトして表示

fla

ActionScript設定

• 
• 

As

/*ポストカードの情報の表示*/
/*ポストカード総数*/
var TOTAL_NUM: int;
/*現在表示中のページ数*/
var nowPageNum: uint;
/*ポストカードのフェードインアルファ値*/
const ALPHA_STEP: Number = 0.15;
/*ポストカード情報オブジェクト管理用*/
var pcInfo_array: Array;

/*通常処理*/
xInitContent();

/*関数定義*/
//コンテンツ初期化処理
function xInitContent(): void
{
	/*ポストカード情報をArrayオブジェクトに追加*/
	pcInfo_array = new Array();
	pcInfo_array.push(
	{
		title: "Animate放送部_page01",
		genre: "動画制作",
		comment: "コメント"
	});
	pcInfo_array.push(
	{
		title: "Animate放送部_page02",
		genre: "動画制作",
		comment: "コメント"
	});
	pcInfo_array.push(
	{
		title: "Animate放送部_page03",
		genre: "動画制作",
		comment: "コメント"
	});
	pcInfo_array.push(
	{
		title: "Animate放送部_page04",
		genre: "動画制作",
		comment: "コメント"
	});
	pcInfo_array.push(
	{
		title: "Animate放送部_page05",
		genre: "動画制作",
		comment: "コメント"
	});
	TOTAL_NUM = pcInfo_array.length;
	/*現在表示中のページ数*/
	nowPageNum = 1;
	/*ページ数の表示*/
	page.text = nowPageNum + "/" + TOTAL_NUM;
	//ポストカード情報の表示
	var pcInfo: Object = pcInfo_array[nowPageNum - 1];
	xShowPCInfo(pcInfo.title, pcInfo.genre, pcInfo.comment);
	/*prevボタン,nextボタン*/
	prev_btn.addEventListener(MouseEvent.CLICK, xPrevClick);
	next_btn.addEventListener(MouseEvent.CLICK, xNextClick);
}
/*ページ切り替え用*/
function xUpdatePage(): void
{
	gotoAndStop("p" + nowPageNum);
	/*ページ数の表示*/
	page.text = nowPageNum + "/" + TOTAL_NUM;
	/*ポストカード情報の表示*/
	var pcInfo: Object = pcInfo_array[nowPageNum - 1];
	xShowPCInfo(pcInfo.title, pcInfo.genre, pcInfo.comment);
}
/*ポストカード情報表示用*/
function xShowPCInfo(tit: String, gen: String, comme: String):void
{
	title.text = tit;
	genre.text = gen;
	comment.text = comme;
}
/*ポストカードアルファ用*/
function xSetAlphaAnimation(pc_mc: MovieClip): void
{
	pc_mc.alpha = 0;
	pc_mc.addEventListener(Event.ENTER_FRAME, xAlphaEnterFrame);
	pc_mc.addEventListener(Event.REMOVED_FROM_STAGE, xAlphaRemovedFromStage);
}
/*イベントハンドラ定義*/
function xPrevClick(event: MouseEvent): void
{
	/*現在のページ番号更新*/
	nowPageNum--;
	/*最終ページに移動*/
	if (nowPageNum <= 0)
	{
		nowPageNum = TOTAL_NUM;
	}
	//ページの更新
	xUpdatePage();
} /*function xPrevClick*/
function xNextClick(event: MouseEvent): void
{
	/*現在のページ番号更新*/
	nowPageNum++;
	/*最終ページに移動*/
	if (nowPageNum > TOTAL_NUM)
	{
		nowPageNum = 1;
	}
	//ページの更新
	xUpdatePage();
} /*function xNextClick*/
function xAlphaEnterFrame(event: Event): void
{
	var pc_mc: MovieClip = event.target as MovieClip;
	pc_mc.alpha += ALPHA_STEP;
	if(pc_mc.alpha >= 1){
		pc_mc.removeEventListener(Event.ENTER_FRAME, xAlphaEnterFrame);
	}
} /*function xAlphaEnterFrame*/
function xAlphaRemovedFromStage(event:Event):void{
	var pc_mc:MovieClip = event.target as MovieClip;
	pc_mc.removeEventListener(Event.ENTER_FRAME, xAlphaEnterFrame);
}

検証動画

• icongalleryフォルダのダウンロード