[JavaScript] 3次ベジェ曲線をCanvasに引いてみたい | CreateJS, EaselJS « きんくまデザイン
こんにちは。きんくまです。 今回は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)
canvasで粉雪アニメーションを作ってみた(CreateJS / WebGL) - nyakuroのブログ
こんにちは。nyakuroです。 今月に入って急激に寒くなってきました。 自分はめっぽう冬に弱いので、毎朝布団から出るのが辛くてたまりません。 早く春よ来い！ 音楽とプログラミング 自分は、sugarmosaicというユニットで音楽活動をしているのですが、 ここでは、音楽とデザイン、プログラミングを用いて一体感のあるコンテンツを提供することを目標としています。 この度、そちらで12月に2回のサイト更新やページ追加を行いました。 ◯公式サイトをリニューアル sugarmosaic.com ◯2ndアルバム『透明化症候群』の特設サイトを公開 sugarmosaic.com このサイト、どちらもHTML5のcanvasを使ったパーティクル表現がなされているのがわかると思います。 このプログラムの実装を担当したので、今回はこれについて話してみたいと思います。 主な仕様 項目仕様備考PC版 背景画像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
