クデラボ -KudeLab- » Flash/AIR/Flex

[ActionScript]curveToで楕円を描く

kude — Mon, 06 Jul 2009 13:56:11 +0000

自分用メモです。

ActionScriptで楕円を描画する際、通常は drawEllipse を使いますが、drawPath や drawGraphicsData を使いたい場合があります。
こうしたとき、curveTo で円や楕円を描画しなければなりません。

中心が(x0, y0), 半径が(w, h)の楕円を curveTo で描画するプログラムは以下のような感じ。
（正円なら、w == h）

// 分割数 var seg:uint = 8;


var angle:Number = Math.PI / seg;

var angle2:Number = angle * 2;

var halfPI:Number = Math.PI / 2;
graphics.moveTo(x0 + w, y0);

for (var i:uint = 1; i < = seg; i++)

{

    var r:Number = i * angle2;
    // アンカーポイントの座標

    var ax:Number = w * Math.cos(r);

    var ay:Number = h * Math.sin(r);
    // コントロールポイントの座標

    var cx:Number = ax + w * Math.tan(angle) * Math.cos(r - halfPI);

    var cy:Number = ay + h * Math.tan(angle) * Math.sin(r - halfPI);

// 弧の描画 graphics.curveTo(cx + x0, cy + y0, ax + x0, ay + y0); }

ActionScript で3点を通る曲線

kude — Sun, 05 Jul 2009 09:25:44 +0000

自分用メモです。
ActionScript で(x1, y1)から(x2, y2) を通って(x3, y3)に至る曲線は

var cx:Number = x2 * 2 - (x1 + x3) / 2; var cy:Number = y2 * 2 - (y1 + y3) / 2; moveTo(x1, y1); cuveTo(cx, cy, x3, y3)

Text Layout Framework のバグ？

kude — Thu, 18 Jun 2009 08:43:08 +0000

Text Layout Framework が知らぬ間にバージョンアップしているではないか！
と気がついて、さっそく差し替えてみました。

クラスやメソッドなど、ところどころ変わっているようですが、そのへんはドキュメント見ながら書き換えれば問題ないですね。
ドキュメントが英語なので、ちょっと面倒ですけど。

ただ、特定のフォントで、 TextFlow から flowComposer.updateAllControllers() を実行すると、以下のエラーが発生します。

undefined
at flashx.textLayout.compose::StandardFlowComposer/internalCompose()
at flashx.textLayout.compose::StandardFlowComposer/composeToController()
at flashx.textLayout.compose::StandardFlowComposer/updateToController()
at flashx.textLayout.compose::StandardFlowComposer/updateAllControllers()

これ、どうやって修正 or 回避すればいいのだろう・・・。
せめて例外の発生であれば、try-catch できるんだけどなぁ。

以前の古い Text Layout Framework （textLayout_conversion.swc, textLayout_core.swc, textLayout_edit.swc の3つに別れていた頃）で同じフォントを指定すると

Error: Error #2161: An internal error occured while laying out the text.

という例外がスルーされるので、まだ対処のしようがあるのですが。
なにか指定しているパラメータでも、悪いのかなぁ。

PrintJobのバグ？

kude — Fri, 22 May 2009 07:31:13 +0000

Flex3.3で作成中のAIRアプリで、PrintJobで印刷を行う際に、以下のような警告が出る。

Warning: Filter will not render. The DisplayObject’s filtered dimensions (8453, 712) are too large to be drawn.

「フィルターが大きすぎて適用できません」といった意味合いの警告だけど、フィルターを適用していない（つもりの）対象に対してもこの警告が出る。

いろいろ調べてみたところ、ステージ上にある（つまり、表示されている）UIComponentを印刷対象とするとこの警告が発生するようだ。
試しに、同じ対象をステージ上から削除して印刷すると、警告は表示されない。

ふーむ。
ぼくのプログラムに原因があるのか（どこかで気付かずミスしているのか）、それともFlexのバグなのか、どっちだろう。
とりあえず、警告が出るだけで実害はないので、放っておけばいいっちゃあいいんだけど。

そういえば、逆に、フィルターを適用したはずの場合で、フィルターが印刷されない現象も見られるので、やっぱりバグだろうかね。

ローカルフォントのアンチエイリアス

kude — Sun, 17 May 2009 07:13:18 +0000

次期バージョンのプリントマジックでは、ローカルフォントを使えるようにしたいと思っているのだけど、なかなか難しい。

ローカルフォントを使うこと自体はすでに実装済みなのだけど、ローカルフォントは埋め込みフォントじゃないので、環境によってはアンチエイリアスがかからない。
この対策が一筋縄ではいかない。

まず試みたのは、BitmapDataにdrawして拡大縮小するという方法。
BitmapDataのスムージング機能を使ってアンチエイリアスをかけちゃおうというやり方です。
この方法で9割方上手くいくのだけど、ごく一部のフォント（と文字サイズ）によっては潰れてしまって見るに堪えなくなるのが珠にきず。

ならば、BitmapDataにdrawしたデータをもとに、ベクターデータを生成して描画してやる方法はどうか、と。
調べると、PotrAsというライブラリがあったので、これを使えば行けるんじゃないかと思ったのだけれど、GPLライセンスだったので使用を断念。
また、やはり一部のフォントによっては上手く描画できなかったりもしたし。

ならば、自分でベクターデータを生成する処理を書くか、と思ったけれど、当然のようにかなりの難易度で、途中で面倒くさくなって断念。
輪郭をトレースするところまではできても、それを曲線化するのが難しいね。

ならば、ビットマップデータに対して独自にアンチエイリアスをかける処理を書こうとしたけれど、どうもいまひとつきれいなアンチエイリアスが生成できない。
9割方のケースでは、BitmapDataのスムージングのほうが美しい。

うーん、どうしたものか。
悩ましいな。