イナヅマTVログ

【Canvas練習ノート】線(Line)を描く

| 0件のコメント

Canvas練習中。
線を描いてみる。

線は beginPath から closePath の間に lineTo すれば描けます。

描けますが、起点と終点情報をどのように保持するかでは悩みました。
線(Line)に回転機能を持たせるか否かでも考えました。

ActionScript Flex の Line はかなりの豪華仕様です。

大変そうなので回転機能は無しにし起点と終点は描画基底クラスのObject2Dを与えることにしました。
起点a, 終点bが移動しても追随し線を描くことができると考えたからです。
three.js Lineの劣化版を作ることにしました。

ドラッグ可能な各点間に線を描く

四隅の各点はドラッグ可能です。
ドラッグに各点間の線は追随します。
demo
line_drag

コメントを残す