練習用お絵かき掲示板

Google ChromeではNEOの描画時にカーソルが消えてしまうので、本来なら表示しない8px以下の時にも円カーソールを表示するようにしました。
また1pxの円カーソルは見えにくいので1pxの時は2pxの円カーソルを表示するようにしました。
これらはオリジナルのNEOからはずれた動作ですが、描きやすさの追求のための更新です。

♡ イイ (デス) ネ ♡

絵も素敵なのですが、機能的なところも。
Ａ１の１５～３０ｐｘぐらいで、
ガシガシ色付けする私には、
とても、ありがたいです。

みちるさん
ありがとうございます。
カーソルを描画中に表示するしないは好みの問題もあるのかもしれないのですが、オリジナルのPaintBBSで表示されていたので表示するようにしました。
何度も、失敗しながらやっと。
さらに、1pxの時にも円カーソルを表示するようにしました。
(オリジナルにも存在しない改造)
ChickenPaintの円カーソルも常時表示するようにしました。
(元の作者の方があえて非表示にしていたのを表示)

NEOはモバイル端末以外の場合
→円カーソルを描画中も表示。
ChickenPaintの描画中の円カーソルの表示はあきらめました。
(パレット選択時に、パレットの端に円カーソルが残るため)

握手一回20円デース。
営業活動をがんばるスク水マフラー部の子。
ChickenPaintの描画中の円カーソル表示を別の方法で再実装しました。
タッチデバイスではこれまで通り表示されませんが、PC+板タブ等では描画中の円カーソルが利用できます。

ありがとうございます！　NEOで、消しペンの
丸が表示されるようになって、めっちゃ便利
になりました～ヾ(*´∀｀*)ﾉ　！

ぬまくらさん
ありがとうございます。
消しゴムや覆い焼き、薄い水彩のような描線が見えにくい描画の時には円カーソルがあったほうがいいですよね。

水着マフラーですね！、
師走の今週(日曜日は週の終わり；)に入って、
一揆に、寒さが優勢になってきたようですね！、気温がすっごく寒いです(＞＜！
この寒さにめげない強さで元気を貰えるきもします～！

ksatoさん
水着マフラーは冬に水着を描く口実で(ゲフンゲフン
Chromeでも、NEOとChickenPaintでカーソルが消えなくなりました。
ブラウザデフォルトのカーソルはChromeでは消えてEdgeでは消えないのですが、円カーソルはどのブラウザでも描画時に消えていたのを表示するようにしました。
モバイルの時は消えて液タブでもマルチタッチが有効だと消えてしまうかもしれませんが…。

…まだ部活動の季節ですね！
ペンカーソル、小さいブラシでは消えてたな～と思ってたので
ふと表示されてて使いやすい～となりました！
細かいアップデートありがとうございます…!

かきつ端さん
NEOは、8px以上でなければ円カーソルが出ず、描画中は消える
→1pxでも円カーソルを出して描画中も表示
になりました。
部活動は寒い時期が活動期間なので、春が来ると次のシーズンまで休止です。

Tegakiのブラシサイズが1pxの時に、円カーソルが表示されない仕様だったのを変更して、1pxの時は2px相当の円カーソルを表示するようにしました。
改造したNEOも1pxの時に2px相当のカーソルを表示します。
1pxの円カーソルのままだと小さすぎて見えないので。

ChickenPaintを更新しました。
グリッドのサイズを設定する時に、数値入力確定のエンターキーを押下すると、描画画面から掲示板トップに飛ばされて描いていた絵が消えてしまうちょっと大きなバグを修正しました。

明けましておめでとうございます/／
マフラーを付けているとはいえ、ぼけフィルター付きの連続投稿になってますね！
、、私にも手招きをされているような感覚が(＾＾；；、
こちらの更新作用をありがとうございます！！、
Chromeでも、NEOとChickenPaintでカーソルが消えなくなってますね！
本年もよろしくお願いいたします！

ぼけフィルターはスレッド表示の上のところで、｢閲覧注意画像を隠さない｣に設定すると、そのあと、ずっとCookieが記憶してフィルターを常に解除してくれますので、ぼかさなくてもいい場合はぜひ解除を…。
掲示板のPHPには慣れて来ましたが、お絵かきアプリは複雑でなかなか頭に構造が入ってきませんね…。
現在も苦戦中デス。

　ХНです。今年もよろしくお願いします。
大丈夫な画像なのにＮＳＦＷになるのは
何でかなと思いました。

一応、体のラインがはっきりでる着衣はNSFWでお願いしています。
水着もNSFWが望ましいです。
以前はそれほど考えていなかったのですが、最近のSNSの基準ではスク水はNSFWだし、AIにスク水のイラストを描いてと頼んでもそれはできませんといって拒否されます。
大丈夫な画像かどうかは、いろいろな基準があるので、私は自分の描いているような水着の画像はNSFWですと伝える意味でもNSFW指定にして投稿しています。
ただ、ぼかしフィルタは外したい人は簡単にはずせますから、積極的にNSFW指定を使って投稿かつ、フィルタを解除して閲覧していただければ。

　水着もフィルタいるんですね。
わかりました・・・。
厳しくなりましたね。

カラーセットの色の□以外の箇所をペンで長押しすると、色変更と削除のコンテキストメニューが開いて閉じなくなるChickenPaintのバグを修正しました。

ХН（ハーン）さん
水着もフィルターが必要にはなりましたが、フィルターがかかっていれば以前なら削除になっていた下着等の描写も可能になっていますので、むしろ許容範囲が広がっているのかもしれません。

ChickenPaintのドロップダウン、ポップオーバー、モーダルを表示している、Bootstrapのバージョンアップに成功しました。
投稿もちゃんとできました!
つまづいてから1年。
それでもなんとかしようとして、12月27日から今日までずっと作業して、エラーと動作不良とのたたかい…。
技術というより、努力、根性、忍耐でなんとかここまで来ました。
使っている人からすると、何も変わってないよ?かもしれませんが、これであと何年間かChickenPaintを使う事ができるようになりました。

しゅごい・・明けましておめでとうございます！
何か感動しました(笑　私もいつか、いつの日かChickenPaintを使ってみようと思います。
新しい景色が見えるかも・・

ぬまくらさん
冗談抜きで俺しゅごい…作業でした。
チャットGPTにもだいぶ手伝ってもらいましたが、自分で調査して考えないと解決しない難問の壁に何度もぶちあたり倒れそうになりましが起き上がりました…。

ChickenPaintをさらに更新しました。
グラデーション作成や、変形確定ボタン等のメニューの日本語化(ブラウザの言語検出による自動判定)を実現しました。
これまでは変形確定が英語だったので、このボタンなんて書いてあるの?状態でした。
また、全レイヤー参照は、全レイヤーを貫通するバケツ塗りを連想させるので、全レイヤー混色に修正しました。
Corel painterやPaintstorm Studioなどの油彩系のペイントソフトの｢下のレイヤーの色と混ぜる｣機能と良く似ているのですが、ChickenPaintの場合は、下の色だけではなく、全レイヤーの色を一つのレイヤー上で混ぜてしまうので、｢全レイヤー混色｣です。
全部のレイヤーの色を混ぜてもそのレイヤーを非表示にすれば、元の画面はそのまま混色せずに残っていますので、非破壊的に混色する事が可能です。
多くのアプリでは他のレイヤーの色も混ぜたい時は、レイヤーを結合して一つにしてから混ぜなければいけませんが、ChickenPaintは｢全レイヤー混色｣のチェックボックスをオンにするだけです。

さとぴあさんお疲れ様です＆新年もよろしくお願いします
更新ありがとうございます！チャットGPTの使い方も！まさに救世主・・・
こちらの掲示板を知って以来チキペユーザーの自分にとってはこの上ない恩恵です
まだまだお絵描きを楽しませて頂きます！

ｳｻｷﾞｽｷさん
もしかしたら、オリジナルの開発元では、もうちょっとしてから更新する予定だったのかもしれず勇み足だった可能性もありますが、PHPの掲示板の開発の経験から、非推奨→放置すると動かなくなると判断して、コードを書き直しました。
ただ、新しい問題がカスタマイズによって発生している可能性もあります。
とはいえ、ある程度中身がどうなっているのかわかったのは収穫で、描画のための核心部分はいじれなくても、外壁の修理ならできるようになった可能性があります…。

さとぴあさん、明けましておめでとうございます。掲示板の維持管理、いつも頭が下がります。今年も楽しく利用させていただきます。m(__)m

ChickenPaintをさらに更新して、ctrl+s
メニュー→PCに保存を選択した時に、保存されるPNG画像ファイルのファイル名に投稿時刻が入るようにしました。
これまでは｢oekaki.png｣で固定だったため、同じフォルダに保存する時は自分でファイル名を付けなければなりませんでした。
もとから非表示レイヤーを選択している時は、変形操作ができない仕様でしたが、変形操作ができない理由を説明するメッセージが表示されていませんでした。
不透明度が0%、非表示のレイヤーを変形しようとした時は、｢非表示レイヤーです｣｢レイヤーの不透明度が0%です｣というポップオーバーで変形できなかった理由を表示します。

何時にも増して直球どストレートな描写！！(〃ﾉωﾉ)

ぬまくらさん
ChickenPaintの動作確認のためのらくがきなので、直球で!(え?
やぢまさん
だいぶ無理しましたが、何とかなって良かったです。
気力と体力がすべてみたいな感じの更新でした。

スク水マフラー部のおさげさん。
ChickenPaint Be(改造版ChickenPaintの新名称)をさらに更新しました。
｢下のレイヤーと結合｣のアイコンをレイヤーパレットに追加しました。
｢グループ結合｣｢全レイヤー結合｣の右クリックメニューを表示できなくなってしまったので｢shift+ctrl+e｣で｢全レイヤー結合｣、｢shift+ctrl+g｣で｢グループ結合｣になるようにショートカットを追加しました。
また、｢マスク適用｣のショートカット｢ctrl+m｣も追加しました。

スク水さん。
ChickenPaint Beをさらに更新して、レイヤーパレットのマスクアイコンの動作を変更。
レイヤーマスクが無い時は従来通り｢レイヤーマスク追加｣の動作になり、レイヤーマスクがすでに追加されている時は｢マスク適用｣になります。
これにより、ペンの操作ですばやくレイヤーマスクを適用できるようになります。
でも、レイヤーマスクをいろいろ失敗してしまったから削除したんだよなぁという時もあると思います。
そんな事もあろうかと、レイヤーマスク削除のショートカットキー｢SHIFT+M｣を追加しました。
本当はレイヤーの上で右クリックするといろいろなメニューが出てきていたのですが、新しいエンジンに対応させるのが困難だったので、その埋め合わせのために色々と別の方法で操作できるようにしています…。
どうぞよろしくお願いします。

ボタンを増やしすぎた気もしますが、ChickenPaint Beのレイヤーパレットに、グループ結合アイコンを追加しました。
下のレイヤーでクリッピングしてレイヤー結合をするとクリッピングが解除されてしまいますが、グループ内でクリッピングして、グループを結合すればクリッピングマスクも適用できるので便利です。

スク水さん。
ChickenPaint Be更新。
レイヤーマスクを使っている方がどれぐらい居るのかわかりませんがレイヤーパレットの右クリックメニューが無くなってしまったので埋め合わせとして
レイヤーマスクのサムネイルの上で
shift+クリック→マスク表示/非表示切り替え
ctrl+クリック→マスク適用
shift+crtl+クリック→マスク削除
alt+クリック→レイヤーの内容ではなくマスクの内容を表示/非表示
ヘルプのショートカットキー一覧にも記載しましたので、ヘルプメニューをご確認ください。
マスクが無いのにマスク削除メニューが表示される問題も修正しました。

さとぴあさんのスク水女子が拝めて眼福です～。

部活動をがんがるスク水マフラー部の子。
ことりさん
ありがとうございます。

ChickenPaint Beをさらに更新して、不要なコードを撤去。
ヘルプのショートカットキーの説明文を徹底的に日本語化しました。
(ブラウザの言語設定が日本語以外の場合は英語で表示されます)

ChickenPaint Be更新。
拡大ボタンで2倍→1.41倍に変更。
縮小ボタンで0.5倍→0.7092倍に変更。
拡大ボタンを2度押すと2倍になります。
割り切れない小数点以下の数値が発生するため、拡大して縮小する時にそのままでは元の1倍に戻りませんから、誤差0.2の範囲内の場合は、正確に1倍、2倍になるように調整しました。
また、0.7092倍に縮小すると、描線がガタガタに表示さてしまうため、デフォルトで｢ズームをなめらかに表示する｣オプションを有効にしました。
ズーム時にアンチエイリアスがかかると困る場合は｢表示｣→｢ズームをなめらかに表示する｣をオフにしてご利用ください。

ChickenPaint Be更新。
アイコンフォントを軽量化して、省メモリ高速起動。

｢握手一回100円は高いですか?
じゃあ30円というのはどうでしょう?!｣
マフラーを描き忘れてしまったけれど、部活動をがんばる子。
｢透明部分を保護｣のチェックボックスや、｢合成方法｣のセレクトボックスを使った直後に、ChickenPaintのショートカットキーが効かなくなる悩ましい問題を修正する事に成功しました!
こころおきなくショートカットキーを使って描けます!!

ChickenPaint Beのショートカットを変更して
｢ctrl+y｣をやり直しに。
｢ctrl+h｣を変形にしました。
｢shift+ctrl+z｣でやり直しが使いにくくて仕方がないのと
｢ctrl+t｣は新しいタブを開くで変更不可のため。

Tegaki、klecksでも、｢ページを保存｣｢再読み込み｣｢履歴｣｢ブラウザ全体の拡縮｣のショートカットキーを無効化しました。
まちがって、｢ctrl+s｣で画像を保存しようとして、HTMLのページが保存される事故が減ります。
再読み込みで描いていた画像が消える事故が減ります。

Macの時はマスク適用、マスク削除のショートカットキーを｢⌘+｣に。

ChickenPaintを改良したChickenPaint Beの新機能｜さとぴあ
noteにChickenPaint Beの新機能についての記事を書きました。
You Tube解説動画付き。

自分でも｢閲覧注意｣をかけ忘れる事があるので、デフォルトで｢閲覧注意｣にチェックが入るようにしました。
これは｢閲覧注意｣じゃないですという時は解除して投稿をお願いします。
手間が増えるだけだったりするのかもしれませんが…。

スク水さん。
サイト全体のダークモード対応が完了しました。
ダークモードにチェックを入れるだけでサイト全体がダークモードの配色に切り替わります。
COOKIE対応なので、一度設定したらしばらくの間はその配色になります。
ダークモードのチェックを外す操作をすると、以前の薄い朱色系のライトモードに戻ります。
自分がSNSを見る時はダークモードにしているのにお絵かき掲示板だけライトモードだったので実装しました。

ダークモードお試ししました♪
夜中は目に少し優しいですね♪
スク水さんも可愛いです

ダークモード使ってみました。夜間は落ち着いていいですね。スク水さんは安定の絵柄。(^^)

Qさん
私は昼でもダークモードですね。
お絵かきソフトも、ブラウザもSNSもダークモードなのに自分の絵板だけライト一色だったという…。
明るいモードにしたとたん、まぶしい…明るすぎ(モニターは十分節電モードの暗さ設定なのに
でした。
やぢまさん
少し、黒すぎる気もしましたが、ブルー系を足し行くと、それはそれで目がつかれてくるので、ほんのちょっとだけブルーとグリーンを足しました。
使いました報告ありがとうございます。
誰からも反応がないのでは?と思っていました…。
スク水さん。
キャミソール娘さんを描こうとしたのに手が勝手にスク水娘さんを描いてしまいました。
暖かくなってきたからなのか、マフラーはしてないですね…。
投稿したあと、あれ?みたいな。

ダークモードの配色にあまりにもメリハリが無かったので、背景色を紺よりにして、差し色に赤を使ってみました。
作業してみて思ったのは、ああ、ロードバイクの本体やジャージでこの色いいね!と言われるような配色にすればいいのかと…。
ただ、目の疲れやすさ低減なら前のほうが良かったかもしれません。

差し色が緑色に変わりました…。
どこにたどり着くのかわかりませんが、とりあえずこれで。

ダークモード設定、彩度低めな差し色も目に優しい感じです～。
観るイラストの方もメリハリがあって明るく感じます…♪

かきつ端さん
使っていただきありがとうございます。
なかなか、これでいいのだ!
という色になりませんが、正しい方向に少しは向かっているような気がします。

サムネイルをjpegからwebpに変更しました。
変更した事によるメリット。
サムネイル画像のファイルサイズが小さくなる事で高速に読み込めるようになる。
背景が透明な透過画像の背景がサムネイルでも透過するようになる。
これによるデメリットもあります。
背景が透過してしまうので、白で描いた隠し文字がクリックしたら浮かび上がってくるといった事がやりにくくなるかもしれません…。
新しく投稿されたものだけが対象で以前の投稿はjpegのままです。
また、webpを表示できないブラウザではjpegのサムネイルが表示されます。

Tegakiのパレットへの色の登録は、これまで｢右クリック｣でしかできませんでしたが、｢ペンの長押し｣でも登録できるようになりました。
ただ、パレットの色を選択する時に、ペンで長く押すくせがついていると、色を拾うつもりで、現在の色を登録してしまう事になるので、注意が必要です。
パレットで色を拾う時に長押しにならないようご注意ください。

ChickenPaint beのショートカットキーにネガポジ反転｢ctrl+i｣を追加しました。
通常レイヤーのネガポジ反転だけでなく、レイヤーマスクもネガポジ反転できます。マスクを反転すれば可視領域を反転できます。

tegaki.jsの開発元によるバージョンアップがありましたので、新しいコードをベースにして、独自に改造した箇所を再改造しています。
今のところ問題なさそうですが、お気づきの点がありましたらよろしくお願いします。
最近やや多忙なため、動作確認にあまり時間をかけられなくなっています。
使っている方からの具体的な報告があれば調べられるかもしれません。

本文の入力途中で再読み込みや別のページに移動する操作を行った時に｢このサイトを離れますか?行った変更が保存されない可能性があります｣という確認のダイヤログを表示します。
これにより、書きかけの本文が失われる可能性が低くなります。
また、スマホ+指で操作しやすくなるように｢続きを描く｣｢動画再生｣のリンクの上下の間隔を画面が狭いデバイスの時は広くなるようにしました。

私は左右反転機能を使わないと絵が描けないので(アナログの時は裏側から透かして確認したり、鏡を使ったり)
ChickenPaintの左右反転機能のショートカットキーをHに設定して、Hを押すだけで左右反転できるようにしました。
しかし、AndroidやiPadでショートカットキーを使うのは難しいので、操作パレットに左右反転アイコンを追加しました。
アイコンはAffinityphotoの三角形を描くツールで自作しました。
もっと気の利いたフリーのアイコンを発見したら画像を入れ替えるかもしれません…。
ChickenPaintに見慣れないアイコンが増えてるな～と思ったら左右反転ですのでよろしくお願いします。
ただこの機能は、レイヤーの左右反転しかできず、さらに見た目の左右反転ではないので履歴が残ります…。
つまりアンドゥするとまた画像が反転みたいなことがおこります…。

ありがとうございます！

みちるさん
ありがとうございます。
どれぐらいの人が使うのか、いいと思ってくれるのかまったく不明ですが、付けてみました。

ふおおぉChickenの反転、私もありがたく
活用させていただきますっ(^O^)ｂ

ぬまくらさん
レイヤー1枚ずつじゃなくて、本当は全部反転させたいんですけどねー。
ぜひ使ってくださいー。

お絵かき掲示板Petit Noteがスマホ･タブレットのアプリになりました。
アプリが、アプリストアにあるわけではありませんが、スマホで、
ここのサイトのトップページを開いて、｢ホーム画面に追加｣すると、アプリとしてインストールできます。
ブラウザのアドレスバーも表示されないので、誤タップで別サイトに飛びません。
PWAという技術でアプリ化しています。
中身は同じサイトです。