:

ぴよペインター

ブラウザでお絵かきが出来ます(要 Flash Player)。 主な特徴は以下の通りです。

  • 独自の線描画処理で、細い線でもきれいに描けます!
    ペンタブレットを使えば0.1pxや2.6pxのような中途半端な太さの線も正確に表現できます。
  • 筆圧に対応!
    細い線もきれいに表現できます。
  • 急激な筆圧の変化があっても線が滑らかにつながります!
  • レイヤーを使用可能!
    透明度や、乗算などの合成モードも指定できます。
  • キャンバスの反転・回転が可能!

使い方はこのあたりを参考にして下さい
環境によっては重かったりするかもしれません。

ブラウザでお絵かきをしてみるテスト

ペンタブ利用 たぶん簡単チェック画像

筆圧検出はWacom製タブレットのみ対応しています。 Wacom Tablet Pluginなるものを使いますので、動かないときはペンタブのドライバをアップデートするか、プラグインをWacomのサイトから拾ってきてインストールして下さい。 プラグインがあってもブラウザやPC環境によって動いたり動かなかったりするらしい。ページ更新・キャッシュ(一時ファイル)の削除でまともになることもあります。 テスト環境では意外なことに謎仕様でWebデザイナーを悩ませるIEが一番まともに動きました。

IE11を使っている場合は「保護モード」が有効になっていると筆圧が使えない(ペンタブモードの切替は出来るが何も描けない)場合があります。
これの対処法は、
・「インターネットオプション」の「セキュリティ」タブにある「保護モードを有効にする」のチェックを外す方法
・「インターネットオプション」の「セキュリティ」タブにある「信頼済みサイト」に「http://rumic.jp」を追加する(信頼済みサイトでは保護モードのチェックが外されています)方法
がありますが、「信頼済みサイト」に登録する方法をおすすめします。rumic.jpだけでなく「インターネット」ゾーン全体のセキュリティを下げることになってしまいますので。
「信頼済みサイト」を選択して、「サイト」ボタンをクリックして追加して下さい。その際「https:を必要とする」のチェックを外す必要がありますが、変なサイトを自分で信頼済みにしなければ特に害はありませんのでご安心を。 (むしろ最近はhttps:なサイトでも危ないものがあったりするのでhttps:かどうかだけで判断する方が危険です)
心配であれば信頼済みサイトのセキュリティレベルを「インターネット」ゾーンと同じ「中高」に引き上げてもかまいません。

テスト環境での結果
IEでは問題なく動作。
Firefoxは筆圧を使うアプリケーションを別に起動させておくと動作するという謎現象が発生。
Firefoxでもまともに動くようになりました。その影響で若干重くなってしまったかも。
Chromeは全く動かず。よーわからん
筆圧が使えないかもしれないけど、こっちのバージョンの方が高速かも
ブラウザ内全画面表示にしてみる

開発履歴
2014/3/6 最初のバージョン公開
2014/3/7 スクロールバーとズーム機能、レイヤー切り替えを搭載。キャンバスサイズを1600x1200にしてみる。
2014/3/8 Firefox対応で線がカクカクになったのを何とかするために、3点スプライン曲線を導入。高速でぐりぐり線を引いても比較的なめらかになりました。
2014/3/9 描画処理の効率化によって細い線は綺麗に、太い線の描画は少し高速になりました。ぐりぐり回転、左右反転も追加
2014/3/10 線描画処理の改良で少しだけ高速化。絵の保存機能も追加。
2014/3/11 中途半端ペン設定ウィンドウを追加。
2014/3/12 細かい不具合修正。
2014/3/13 ペン設定ウィンドウに色々追加。描画→レイヤー切り替え→消しゴムを選択→適当に何か消す→最初のレイヤーに戻す→消す でキャンバスがバグる問題を修正。
2014/3/14 ペン品質変更がFlash内で可能に。通常はAutoにしておいて、必要ならピクセル単位(PIXEL)や通常品質(NQ)にすると良し。高品質(HQ)で太い線を描こうとすると多分残念なことになります(^_^;
2014/3/15 太い線の描画速度が最大で4倍ほどになりました。パレットを追加。
2014/3/16 キャンバスサイズ変更機能追加(shift+N または ctrl+N でも変更可能)。拡大表示時の描画位置ズレを修正。
2014/3/17 アンドゥ(Ctrl+Z または Shift+Z)とリドゥ(Ctrl+Y または Shift+Y)が出来るようになりました。
2014/3/18 消しゴムモードでサイズを9~11にするとゼロ除算でフリーズするバグと、描画中にペンサイズを変えるとキャンバスにゴミが残るバグを修正。ペンタブで描いてる途中で別のアプリケーションに切り替えると、たまにペン描画しっぱなしになる問題を修正。
2014/3/19 色々大改造中。描画処理の大幅見直し。
2014/3/20 レイヤー追加削除自由化。重ね合わせモードの追加。アンドゥ関連のバグ修正。旧バージョンにする
2014/3/21 範囲選択/コピー機能をツールボックスに追加しました。コピー・カット・貼り付けは右クリックメニューでどうぞ。
2014/3/22 細い線の描画を高速化。1px線は15倍速くらいになっているはず。エアブラシ高品質モードで1px線が描けないバグを修正。
2014/3/23 境界で線が飛ぶバグと、キャンバスの右端を越えて描くと左側から線が湧いてくるバグを修正。キャンバスセーブ機能を追加(前回の続きから描けます)。
2014/3/24 Ctrl+Z(アンドゥ), Ctrl+X(切り取り), Ctrl+C(コピー), Ctrl+V(貼り付け)をIEでもとりあえず使えるようにしてみた。キャンバス色取得がおかしいバグを修正。
2014/3/26 レイヤー透明度マスク(レイヤーウィンドウの「αマスク」部分をクリックして切替)と塗りつぶし機能を追加。まだ動作が怪しいけど、Shift+透明部分クリックで境界自動判定ぬりつぶしになります。
2014/3/28 ペン形状に重ね塗りバージョンを追加。消しゴムには効きませんというよりもそもそも消しゴムは重ね塗りです
2014/3/29 編集途中データをファイルとして保存できるようになりました。他、描画がやたら遅くなっていたバグの修正と、アンドゥ周りの処理を書き直し。大分マシになったと思います。その影響でレイヤー操作がアンドゥ対象になりました。

使い方参考画像

ひよこ 0