Flashで円グラフ

こんにちは。misneyです。

前回の記事で書いた円グラフがようやく出来たのです。
苦節１年。なんとか納得がいく程度のものが出来ました。
実作業は７日くらい。

そう。飽きっぽいのです。
出来ないと諦めちゃう。

今でこそFlashを扱うことが出来るように？なって来たのですが、
Flashを覚えるのもとても時間がかかりました。
５～６年はかかったんじゃないでしょうか。
実作業は７日くらい。

今回のグラフはFlashで作りました。
最近Flashに頼ることが多いのです。

FlashはActionScript3を使って作ってます。
Flashと言っても、ソフトウェアが持つ便利機能は殆ど使えません。
ほとんどコンパイラ状態。。

Flexで作っても変わらない物が出来るのですが、Flashの方がなんだか便利っていうくらい。

さて。Flashで円グラフなのですが、ActionScriptでは、スクリプトで円を書くのが難しいそうなのです。
curveToという素晴らしいメソッドがあるのですが、こいつは二次ベジェを使うらしい。
なので綺麗な円は書けないとのこと。
AS3ではBezierSegmentというのがあるのですが、やり始めた頃からの物をリニューアルするということで、今回は無理やりcurveToで書き出すことにしました。

ベジェは勉強したことがあるのですが、どうにも変な文字があったりして意味が解らないのです。
習得には３０年くらいかかりそうです。実作業はｎ（ｒｙ

ベジェとは、要は、点と点を結ぶと絵になっちゃう幼少の頃にやったアレに近いのです。
二次ベジェとは、３つの点から弧を書き出す方法。

お絵描きソフトにあるベクターだとかでベジェを使った曲線が使えたりしますね。
Fireworksにあるペンツールは三次ベジェ。
あれを計算して書きたいわけなのです。

二次ベジェなので、単純に一筆では円は書けません。
おにぎりみたいな形になっちゃいますね。きっと。

さて、二次ベジェで円を書くには、複数の弧を書けばいいらしい。
扇形をいっぱい並べて円を作る感じ。

８分割すれば綺麗な円が書けちゃうとのこと。
今回はこちらの情報を元に作ってみました。

僕はどうも数式に横文字やギリシャ文字が入るのが苦手なのです。
そこは日本語にして欲しいのです。

シータとかアングル＝○○の角度
R＝半径
アンカーポイント＝点あ　とか。

・・・つまり、その辺は無視して書きました。
 出来上がったのはこんなの。 

？あなたはアンケートを借りますか？

 

 

 忍者アンケートは１２月１日にリニューアルを目指して頑張ってます。
今ならもれなく無料で登録して使うことが出来ちゃう！
今じゃなくても無料で登録できちゃいます。

次はBezierSegmentを使いこなしてみたいです。

 

• Flash
• CM(0)
• 2008/11/27 Thu.