ふきだま 使い方

JavaScript ライブラリ

文: 堂捺 餡

ふきだま は、次の JavaScript ライブラリを使用しています。

Fabric.js

HTML Canvas の描画ライブラリです。HTML Canvas が持つ API はわりとローレベルな部分を扱うため扱いにくいところがありますが、Fabric.js は円や四角形、画像、パスなどをオブジェクトとして扱えるように実装をラップしてくれます。「絵を描く」よりは「作図する」ような用途に向いていますね。素晴らしいです。

MIT ライセンス です。

Pickr

色を指定するカラーパレットのライブラリです。

当初は各ブラウザーが実装する色選択 UI で押し通すつもりでしたが、iOS のブラウザー (Safari など) が頑なに "#b0c4de" のような テキスト入力の UI を守っているため、この手のライブラリの利用に踏み切りました。この手のカラーピッカーは多くありますが、「これだ！」と思ったものがことごとく jQuery のプラグインで、jQuery を使っていない ふきだま は困りました。その点、この Pickr は他のフレームワークに依存しない独立ライブラリなのでとても助かりました。見た目も綺麗でいいですね。実は、デザインは CSS でカスタマイズしているのですが、そうした独自の実装を加えられるシンプルな作りも素敵です。

こちらも MIT ライセンス です。

kld-intersections

SVG で扱うことのできる図形の交点座標を算出するライブラリです。ふきだまでは、ふきだしとしっぽの交点座標を求めるために使っています。自力で計算しようとして苦しんでいたので、こんなライブラリが見つかり、とても幸せです。

修正 BSD ライセンス です。