ActionScript3.0入門ノート

たまには何か動くものをと思いまして、今日、作ったサンプルを紹介しましょう。このサンプルはchap06に掲載予定のサンプルです。

合計4つのカスタムクラスを使っています。トピックス的な要素としては、

1.MovieClipシンボルからインスタンスを作って、円周に並べる。
2.クリックイベントで応答する。
3.フレーム再生イベントを利用する。
4.クラスを継承する。
5.バネのようにビヨヨンと弾ませる。
6.指定の方向を向かせる。

というようなことが含まれているサンプルです。AS3.0では、1、2，3の方法がAS2.0とはまったく違う方法になっています。新たに学ぶ必要がある重要な要素です。

ドラッグ＆ドロップのサンプルを作ったので紹介します。このサンプルもchap06に掲載予定のサンプルです。
ドロップ先を調べて、正解ならば中で広がり、不正解ならば元の位置に戻ります。これまでに同じようなサンプルを作ったことがある人も多いでしょうが、AS3.0では今まで通りには行きません。ぼくも何度も作り直して、やっとスマートな感じになりました。onRreleaseOutsideに代わるイベントがないっていうのが一番悩んだところ。

表示オブジェクトの領域をちょっとずつ塗りつぶしていくというサンプルです。線を繋げながら描くにはどうするか？とか、Pointクラスの勉強になります。これはchap07に掲載予定のサンプルです。

AS3.0は難しくなったという印象があるかもしれませんが、簡単にできるようになったこともあります。たとえば、TransitionManagerクラスやTweenクラスを使うと映像効果やトゥイーンを簡単に作ることができます。たとえば、読み込んだ写真をピクセルディゾルブで表示するなんてことが簡単にできます。

my_mc.addEventListener(MouseEvent.DOUBLE_CLICK, onWClick);
my_mc.doubleClickEnabled = true;
function onWClick(event:MouseEvent):void{
	trace(event.target);
}

my_mc.addEventListener(MouseEvent.DOUBLE_CLICK, onWClick);
my_mc.doubleClickEnabled = true;
my_mc.mouseChildren = false;
function onWClick(event:MouseEvent):void{
	trace(event.target);
}

//--------追加関数
//１つ進む
 public function goNext():void {
	timerObj.reset();
	timerObj.start();
	//currentNoのカウントアップ
	currentNo = (currentNo>=photoXml.photo.length())?1:(currentNo+1);
	loadImageNo(currentNo);
}
//１つ戻る
 public function goPrev():void {
	timerObj.reset();
	timerObj.start();
	//currentNoのカウントダウン
	currentNo = (currentNo<=1)?photoXml.photo.length():(currentNo-1);
	loadImageNo(currentNo);
}
//指定の番号へジャンプ
 public function goNo(no:int):void {
	timerObj.reset();
	timerObj.start();
	currentNo = Math.max(1, Math.min(photoXml.photo.length(), no));
	loadImageNo(currentNo);
}
//停止と再生のトグル
 public function togglePause():void {
	if(timerObj.running){
		timerObj.stop();
	}else{
		timerObj.start();
	}
}

import XMLSlideShow_work;
var xmlUrl:String = "xml/photolist.xml";
var slideObj:XMLSlideShow = new XMLSlideShow(container_mc, xmlUrl);

container_mc.addEventListener(MouseEvent.CLICK, onClick);
next_mc.addEventListener(MouseEvent.CLICK, onNext);
prev_mc.addEventListener(MouseEvent.CLICK, onPrev);

function onClick(event:MouseEvent):void {
	slideObj.togglePause();
}
function onNext(event:MouseEvent):void {
	slideObj.goNext();
}
function onPrev(event:MouseEvent):void {
	slideObj.goPrev();
}