タグ

ブックマーク / lislis.sblo.jp (1)

  • HTML5のCanvasでペイントツールを作る

    今回はCanvasを利用したペイントツールを作った。 Wacomペンタブレットの筆圧感知にも対応した。 筆圧感知のためにはここから使用環境にあわせたプラグインをインストールする必要がある。 lislis Painter 1.04 Show me / Download zip 機能について Tools (ツール) Brush (ブラシ) ペン先が平坦なブラシツール 太さを1くらいにしてペンタブレットで描くと、鉛筆っぽいタッチになる。 Air Brush (エアブラシ) 輪郭がぼやけたブラシツール ※現状では色を塗り重ねると、グラデーションに段々が出たり、ブラシの縁が微妙に黒ずんで、まるでクリームを盛りつけたようになることがある。 Syringe (スポイト) クリックすると表示されている画像から色を取得する。 alt+clickでも同様の動作。 Eraser (消しゴム) 透明色で塗るブラシ

    HTML5のCanvasでペイントツールを作る
    kzfm
    kzfm 2011/08/05
    HTML5のCanvasでペイントツールを作る
  • 1