お絵かき掲示板のペイントツールlitaChixに縁取りフィルタ

お絵かき掲示板のペイントツールのlitaChixに縁取りフィルタを追加しました。また、描線のカクツキを解消しました。
単色ノイズと単色ハーフトーンで、カラーピッカーで選択中の色が使えるようになりました。

縁取りフィルタ

日本人が好むコミックアートには、描き文字の周囲を縁取ったり人物の周囲を縁取る表現が数多くあります。  
たとえば、令和版らんま1/2ではかなりの場面で縁取りが使われています。  
だったら、毎回手作業で縁取りの線を描く?
縁取りぐらいはペイントツールの機能で描画できたほうがいいはずなので、縁取りを作成するフィルタを追加しました。

単色ハーフトーンと単色ノイズをカラーに?

単色ハーフトーンと単色ノイズはこれまで｢白黒｣でした。｢モノクロ｣と｢シロクロ｣は語感も意味も似ていますが、モノクロは単色つまり、1色だけであって、その1色が黒であるとは限りません。
そこで単色ハーフトーンと、単色ノイズ機能を改良して、カラーピッカーで選択中の色でハーフトーンやノイズを作成できるようにしました。
これにより表現の幅がより一層広がります。

ペンを素早く動かした時の描線のカクカクを解消

長い間課題であったにもかかわらず、原因がわからず対応が先延ばしになっていた描線がカクカクする問題を解決しました。

描画のカクツキの原因は?
描線の補間処理など描画エンジンの深いところが原因?
その正体は…。

描画カクツキの犯人はGoogle Chrome?

描画のカクツキの発生の原因はなんだったのでしょうか?
｢犯人はヤス｣じゃなくてブラウザでした。
移動イベントを間引く事で軽量に動作、バッテリーも長持ち、でも描画アプリ向きの処理ではなかったのです。

MDNのマニュアルにはペイントツールならこれを使ってくださいねとありました。
ペイントツールの開発者が秘密にしているような事でもなんでもありませんでした。
ブラウザの仕様に関する事だったので、PaintBBS NEOの描線のカクツキも解消しました。
対応方法はlitaChixもNEOもどちらもほとんど同じでした。

描線の質をさらに追求

それでも、線の質がいまいちだという指摘を受け、線画の質をさらに調整しました。
これなら完璧という線質にはまだ至らないのですが…。

litaChix開発中

ChickenPaintの派生版｢litaChix(リタチックス)｣の開発はまだまだ続いています。
お絵かき掲示板PHPスクリプトPetit Noteに同梱する形で、アップデートしています。
単独のプロジェクトとしての更新も続いています。

litaChixとPetit Noteをどうぞよろしくお願いします。

お絵かき掲示板交流サイト Petit Note

PaintBBS NEO、litaChix、AXNOS Paint、tegaki.js、Klecksが使えるお絵かき掲示板の交流サイトを運営しています。
お絵かき掲示板ってまだあるのかな?とSNSでよく話題になりますが、日々新しく更新されている2026年のお絵かき掲示板があります。
正直なところ、投稿数は減少傾向にありますが、まだまだ続けていきますので、投稿をよろしくお願いします。
また、誰でも設置できるお絵かき掲示板のPHPスクリプトの開発も継続していますので、ぜひ設置してみていただけたらと思います。
Petit Noteの最新版はPHP8.5、jQuery4.0といった2026年の環境に対応しています。
また、ペイントツールはGoogle Chrome最新版に対応したブラウザの機能だけで動作するものを使用しています。