こんにちは。きんくまです。 今回は3次ベジェ曲線をCanvasに引いてみたいです。 ベジェ曲線っていうのは、そうですIllustratorなんかでパスを操作するときのやつですね。 こんな感じの 実は以前ActionScript3でも書いたことがあるんですが、今回はJavaScriptで書いてみたかったので。 >> [AS3] Illustratorのような3次ベジェ曲線を書く(5年も前の記事ですよ!びっくり) 実際にできたもの イメージはこんな感じ(下の画像は動きません) 動かせるやつは、これです 赤丸が始点と終点。緑がコントロール(アンカー)ポイントです。 どうやってやるのかというと公式があります。 >> Cubic Bézier curves これだとよくわかんない!ってことで、もっとわかりやすく解説されているサイトがありました。どうもです。 Hakuhin先生ですね!AS1か2で書か
![[JavaScript] 3次ベジェ曲線をCanvasに引いてみたい | CreateJS, EaselJS « きんくまデザイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/dfa3048d2db6ab8c57c861c83ab8437e1f560831/height=288;version=1;width=512/http%3A%2F%2Fwww.kuma-de.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F12%2Fbezier_snapshot.png)