jp.ferv.blog » GraphicsPath

ぐるぐるしたら、部屋が暖まる法則

dsk — Mon, 02 Nov 2009 18:38:02 +0000

GraphicsPathで描いた花びら何枚も重ねて、ColorMatrixFilterを使って色をぐるぐる・・・しようと思ったら、やっぱりShapeが何枚も重なってるとPCのファンが周りまくりんぐで部屋が暖まったから一枚のビットマップにして色をぐるぐるした。

上の図はColorMatrixFilterの行列の1行目、つまりRedの変換部分。0～2πの間にRedが一度Greenに変換されその後Blueに変換されるようにするためには、Redを0から始まるcosカーブ、Greenを2/3πから始まるcosカーブ、Blueを4/3πから始まるcosカーブで変化させればよい。

GraphicsPathで円・正多角形・星型正多角形

dsk — Wed, 28 Oct 2009 18:30:04 +0000

半径から作れるGraphicsPathシリーズで円・正多角形・星型正多角形を描いた。
正確には星型正多角形の外枠？なんていえばいんだろう・・・
定義は星型正多角形を参照。

GraphicsPathで円・正多角形・星型正多角形 – wonderfl build flash online

星型正多角形の内接円の半径はこんな感じで求める。

GraphicsPathでdrawEllipse()する

dsk — Tue, 27 Oct 2009 20:17:00 +0000

GraphicsPathでdrawRoundRect()する前に、こっちが先だったかも。GraphicsPathでGraphics.drawEllipse()と同様のことができるとどっかで使えそう。QuadraticBezierSegment.createEllipseSegments()をほぼコピペで実装できる。
例によって青い線がGraphics.drawEllipse()で、黒い線がGraphicsPathUtil.createEllipse()で作成したGraphicsPathをGraphics.drawGraphicsData()で描画した線。

GraphicsPathでdrawEllipse()する – wonderfl build flash online

ポイントは、楕円や円は二次ベジェだと4セグメントじゃ近似しきれないから8セグメントで近似するってことと、π/4の倍数でアンカーをとることにすると計算が簡単ってこと。

GraphicsPathでdrawRoundRect()する

dsk — Tue, 27 Oct 2009 16:09:30 +0000

前々回のエントリで、楕円をベジェセグメントで描いたのの応用としてGraphicsPathでGraphics.drawRoundRect()みたいなパスを描いてみた。ついでにWonderflのアカウント忘れたから作ってみた。
例によって後ろの青い線がGraphics.drawRoundRect()で描いた線で、黒い線がGraphicsPathで描いた線。

GraphicsPathでdrawRoundRect()する – wonderfl build flash online

このエントリとは関係ないけど、GraphicsPathの利点はGraphicsインスタンスをもってなくても描画データのみをインスタンスとして作れるってことだと勝手に思ってる。だから、QuadraticBezierSegmentやCubicBezierSegmentのgetGraphicsPath()メソッドの戻り値はGraphicsPathなの。