
とある案件で円グラフを表示する必要があったので、今の流行からするとHTML5かもしれませんが、Flashで作ることにしました。

と、思ったのですが、矩形や直線・曲線、円は描画したことあったんですが、扇形は経験がなかったのと、計算する手間も惜しかったので調べてみました。


## 早速実装

調べてみると正に求めているクラスが公開されていたのでそちらを利用させていただきました。  
[参考サイト：扇形を描く](http://www.d-project.com/flex/001_DrawPie/)

ただ、参考サイトのデモでは単純な扇形の書き方が無かったので、逆にそれを残しておきます。

```actionscript
var x:uint = 100; var y:uint = 100; var r:uint = 100;
var shape = new Shape();
var g:Graphics = shape.graphics;
g.moveTo(x, y);
g.beginFill(0xff0000, 1);
// GraphicsLib.drawPie(Graphics,X座標,Y座標,半径,開始(rad),終了(rad),中心から描画の有無)
GraphicsLib.drawPie(g, x, y, r, 0, Math.PI, true);
g.endFill();
```

上記のコードで、(100, 100)を中心に半径100pxで下弦の半円が出来るはずです。

適宜、ShapeはSpriteやMovieClipに変更していただき、stage等にaddChildをしてください。

ActionScript3で扇形を描画してみた


AS3のaddEventListenerでマウスのクリック時や、オーバー時にイベント割り当てた時に変数を渡したいと思うことがあったので、方法は無いかと探したところ、以下のような方法で実現が可能であることが分かりました。

参考：[ActionScript3.0(AS3.0) – addEventListenerで関数へ引数を渡す | maxar quartz](http://quartz.maxar.jp/blog/flash/1438.html)

方法としては、「Function」の返り値を持つ関数をaddEventListenerで指定します。

```actionscript
hoge.addEventListener( MouseEvent.CLICK, fuga(1, 2) );

function fuga( foo:Number, bar:Number ):Function {
	return function( e:MouseEvent ):void {
		trace( foo+bar );
	}
}
```

上記のプログラムで、ムービークリップ「hoge」をクリックした時に、変数として与えた、二つの値の合計をtraceします。

ただ注意点として、この方法でイベントを割り当てた場合、「fuga」をremoveEventListenerをしても解除されませんので、参考にさせていただいたページに書いてあるように、arguments.calleeを利用して外す必要があります。

```actionscript
hoge.removeEventListener( MouseEvent.CLICK, arguments.callee );
```

複数のムービークリップに、同じアクションで少しだけ違う処理をさせたい時などに使えそうです。

AS3でaddEventListenerに変数を渡してみた


Flashでロールオーバー時に色の変化をさせたいことがあったので、Tweenerを利用して実現しました。

BetweenAS3でも色の変化をアニメーションさせることが可能なのですが、ColorMatrixFilterの使い方がイマイチ分からなかったのでもう少し勉強してからにします。

まずはTweenerの本体と、Tweenerのcolorプロパティを利用できるように、事前準備を行います。

```actionscript
import caurina.transitions.Tweener;
import caurina.transitions.properties.ColorShortcuts;
ColorShortcuts.init();
```

準備が終わったら、ほぼ通常のトゥイーンを生成するように設定し、変化させたい色を「_color」の値に代入します。

```actionscript
Tweener.addTween(hoge, {_color:0xFF0000,time:2,transition:"linear"});
```

上記の記述だと、hogeというムービークリップを等速で2秒間かけて、「0xFF0000」→赤色に変化させます。

AS3

ActionScript3で扇形を描画してみた

AS3でaddEventListenerに変数を渡してみた

Tweenerを利用した色を変化させるアニメーション