PaintBBS NEOとChickenPaintの円カーソルの表示を変更しました

お絵かき掲示板のお絵かきアプリのカーソルが消える問題

GoogleChromeの場合

ブラウザがGoogle Chromeで、Windows Inkのペンを使っている時に、お絵かき掲示板のお絵かきアプリのカーソルが消えてしまう問題がありました。
ペンを板タブや液タブでタッチせず、浮かせた状態であればブラウザのデフォルトのマウスカーソルが表示されますが、描くために板タブや液タブにタッチするとブラウザのデフォルトのカーソルが消えてしまいます。

また、PaintBBS NEOとChickenPaintの円カーソルも消えてしまうので、出てくる描線だけをたよりに描く事になります。

マイクロソフトEdgeの場合

Windows Inkのペンでも、Edgeではブラウザデフォルトのカーソルは消えず表示されたままになります。
おそらくChromeは液タブやタッチデバイスを想定して、親切心でマウスカーソルを消しているのだと思います。
液タブやタッチデバイスの場合は描いている場所とペンの位置が一致するからです。

Chrome+板タブの場合はカーソルが必要

板タブの場合は、Chromeの親切心のおかげでとても描きにくくなります。
でも、もしかしたらブラウザのデフォルトのマウスカーソルが表示されなくても、アプリ固有の円カーソルが表示できれば何とかなるのでは?と思いました。

NEOとChickenPaintを改造

JavaScriptにも、HTML5のCanvasにも詳しくないので、console.log()を駆使して動作をさぐりました。
そして、なんとかNEO、ChickenPaintともに、なんとか描画中の円カーソル表示に成功しました。
1pxの時には極めて小さな円カーソルになりますが、あるのと無いのとではかなり違います。
カーソルを視認できる状態になりました。

PaintBBS NEOとChickenPaintの円カーソルの動作

PaintBBS NEOの円カーソルの動作

いずれも、描画中にも円カーソルが表示されるようになっただけですが、背景色と描画色が近い場合や不透明度が低い薄い塗りの時にはより一層円カーソルが見えている事が重要になります。

今回もChickenPaintを改造しましたが、約1ヶ月前の2023年12月2日にもChickenPaintのショートカットキーを変更する改造をしています。
Rキー+左ドラッグによるキャンバスの回転、Aでエアブラシ、Wで水彩、Sで薄消しゴム等新たなショートカットキーを追加しました。
使いやすくなったChickenPaintをよろしくお願いします。

お絵かき掲示板Petit Note v1.08.0

クリスマスの真っ只中にも更新して、Petit Note v1.08.0をリリースしました。

すでにPetit Noteを設置している方で、掲示板をすべてバージョンアップするのは面倒なので…という方も、お絵かきアプリだけでも更新してみませんか?
app/ ディレクトリを上書きアップデートするだけで、すべてのお絵かきアプリの更新が終わります。

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

お絵かき掲示板交流サイトを運営しています。  
開発にあけくれてサイトの運営があまりできていなかったりしますが、年中投稿募集中ですので、どうぞよろしくお願いします。

お絵かき掲示板 Petit Note