（ちょっとメモ）canvasで便利な javaScriptライブラリ
canvasで図形などの描画のソース書いていて「わ〜面倒くさい」と思うことが度々あります。
私はまだ超canvas初心者なので、面倒くさがってる場合じゃないのですが、
canvasで使える javaScriptライブラリがいろいろあるらしいので、後学のためにメモっておきます。効率良くなるんだとか。
基礎がわかってそこそこcanvas使えるようになったらライブラリも使おっと。
（なんだ〜ヤッパリあるんじゃない、あると思ったわ〜ライブラリ）
ヒト様の「まとめ記事」を利用させていただいて、大変恐縮なんですが、
これら↓の記事がいろいろ網羅されているのでメモ。
- k.ishiwataさんの WEB PIXEL「HTML5のCanvasを使いやすくするライブラリまとめ」
- inazumatv.comさんの「おれメモ, Canvas系JavaScriptライブラリ一覧」
なかでも「Processing.js」は、アニメーションでも使えてオモシロそう。
「Processing.js」については、こちらのサイトもメモっておきます。
- non-standard world, Inc.さんの「Processing.jsでジェネレーティブアートの習作を作ってみました」
- reona396さんの「Processing.jsを利用してアニメーション＆インタラクティブなWebページ背景をつくってみた」
canvas勉強中です。（去年はものっすごくサボってましたが、今年は頑張っとる！）
サンプルで試行錯誤中ですが、サンプルが「まとも」にできてから記事を書くやり方ですんで、時間がかかってます。
記事にするのは、書いとかないと「すぐ忘れる」から。
みなさんに何か教えようとか、そんなおこがましいことは考えていません。自分の備忘メモとして書いていきますよ〜。
とにかく、これから順次記事をアップしていきま〜す。
- 関連記事
- [69-13] canvasで画像データをURLとして取得しよう (05/04)
- （ちょっとメモ）canvasで画像をランダムに描くサイト背景をWordPressで使ってみた (04/07)
- [69-12] canvasをサイトの背景に使おう (03/20)
- [69-11] canvasでビットマップを操作しよう（ビットマップの明度や色調の変更） (03/11)
- [69-10] canvasの描画の状態を保存・復元する save() と restore() (02/16)
- [69-9] canvasでグラフィックスの変形をしよう （拡大・回転・移動・反転など） (02/02)
- （ちょっとメモ）canvasで便利な javaScriptライブラリ (01/23)
- [69-8] canvasでテキストを描画しよう (01/20)
- [69-7] canvas上の重なった描画領域を指定しよう （globalCompositeOperationプロパティ） (11/30)
- [69-6] canvasにマウスの動きに合わせて描画しよう （クリックやマウスムーブとの組み合わせと Math.random） (07/25)
- [69-5] canvasにグラデーションやパターン、シャドウを指定しよう (06/28)
- [69-4] canvasに画像を描画しよう（トリミングやクリッピングも） (05/31)
- [69-3] canvasにいろんな曲線を描こう（線のスタイルも） (04/15)
- [69-2] canvasに基本的な図形を描こう (03/27)
- [69-1] canvasにグラフィックスを表示する領域を作ろう (03/25)
やる気を保つためにランキングに参加しています。
応援してくださると、すっごいやる気を出します (笑！)