POTI改 設置サポート掲示板

NSFW:

[25] Chickenpaintについて


ぐるぐるめー ID:mnCewQaU 21/05/09

昨日はお絵描き掲示板のほうで詳しいお話をありがとうございました。
ビルド済みのものをDLしてindexを開いたら、確かにすぐ動きました。
ひょっとして、これをサーバーに上げてみたらiPadでも動かせるかな?と、ちょっと好奇心でサーバーにアップして、ファイルにアクセスりてiPadから書いてみたら、iPad上でも描画ができて、描いたデータも保存することができました。(ファイル形式が意味不明な感じですが…)
これって、iPadでも動くということになりませんかね?
まあ、8000を超えるなんだかよくわからないファイルを駆使して動いているのかもしれないので、お絵描き掲示板として組み込むのは難しいかもしれませんが、一応iPadでも、あのビルド済みのものはWEB上で動作したという報告でした。
もしかしたら普通にChickenpaintはiPadでも動くのかもしれません。
その辺どうなっているのかは、素人の私にはさっぱりですが…。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

描けるけれど、パレット類を動かすと、画面がスクロールまたは、何も描けないはないでしょうか?
iPadの実機を持っている方に試してみて欲しかったんです。
そうですね。モバイル判定を横幅768pxより下のデバイスに限定すれば、起動しないのはスマホだけになりますね。

ぐるぐるめー ID:mnCewQaU 21/05/09

お絵描きに関しては、板タブより挙動が安定している上に、筆圧検知して入り抜き表現までできたんです!
板タブだとペン先に引っ張られて数値がガチャガチャになるカラーピッカーやペンサイズなども、ピタッと選択出来ていました。

ただ、欠点は、ツールを全く移動できないので、自分の作業しやすいようにツールを配置できないというネックがありますね。
お絵描き掲示板形式では無いので、描いたデータはaco形式という怪しい形式で、どんな画像ソフトでも開けませんでした。

こんな使い心地ですが、知りたいことがある場合はいくらでも協力致します!

ぐるぐるめー [URL] ID:mnCewQaU 21/05/09

一応URL欄に私が設置した、さとぴあさんが配布していたほうの掲示板のURLを載せます。
もし問題ないようであれば、テストとして私のサーバーにアップしている、おおもとが配布していたビルド済みのChickenpaintのテストボードのURLも貼りましょうか?
こういう場合、リンク周りに関してはどうしたらいいかわからないのでちょっと慎重に行きます…。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/

ここにHTMLファイルを設置してみました。
リリースに入っているファイル全部だと、PSDファイルが入っていたり、ファイルがたくさんあるので、local用はファイルを整理したほうがいいですね。
そのうちまとめます。

さとぴあ@管理人 [URL] ID:bOGqhJBk 21/05/09

描いたデータはaco形式という怪しい形式で、どんな画像ソフトでも開けませんでした。
Photoshopで開く事ができる自分で作ったパレットの色ですね。
それに加えて、png画像、そしてレイヤー情報が入った.chiという形式のファイルが連続してダウンロードされる…と思います。

たしか、タブレットのWindows inkをonにすると筆圧が有効になりますが、やっぱりパレットを移動できません。

多少問題があっても使いたいという事であれば、スマホ判定の処理をiPadより小さなデバイスのみにするなどの対応はできると思います。
トラブルになるかもしれないものはとりあえず使えなくしておくのがいいのか、それでも使えるようにしたほうがいいのか、判断に迷うところです。
モバイルでも使えるようにする、しないの設定もやろうと思えばできますね…。

ぐるぐるめー ID:mnCewQaU 21/05/09

テスト用の設置ありがとうございます。
もしかして、あえて筆圧設定を切っていますか?フルセットだった時は筆圧で太さが変わっていたのですが、さとぴあさんが設置したバージョンだとペンの太さが一定ですね?🤔
でもやっぱりツールボックスは移動できないようです。
画像はフルセットをアップしたバージョンで描いたスクショです。
さとぴあさんが設置してくださったバージョンでは全てのツールの太さが変わりませんでした。
フルセットのどのファイルが必要でどれが要らないかは私では判断できないので、必要な分だけまとめていただけたらありがたいです。

poti改ニ上ではどんな挙動をするのか気になるので、ちょっとiPadでもかけるバージョンをテストさせていただきたいです。

ぐるぐるめー ID:mnCewQaU 21/05/09

失礼しました。筆圧生きてました。
やっぱり動作が不安定で、筆圧が死んだり生きていたり当たり外れあるみたいです。何だったんだろう…。🤔
改ニ版の動作がますます気になります。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

なんというか、ChickenPaintのどのファイルがどんな関係にあるのか、いまいち理解できていないところがあるので、もう少し時間ください。
それから、ファイルの構成が変わらない限り、改二とHTMLファイルの動作は同じ筈です。
サイズの変更や、続きから描く時のファイルの読み込みの処理が追加されているだけです。
改二のPaint画面のソースを開くと、たったこれだけ?というHTMLのソースが見えると思います。

ぐるぐるめー [URL] ID:mnCewQaU 21/05/09

おわあ…確かに、HTMLソースでひっぱってきているJavaファイルの構成は変わらないんですね…。フルセットにあんなに沢山ファイルが同梱されている意味とは…。

試しにPCからWindows inkをオンにした状態で書いてみたら、画面が動いて、筆圧も死んでいるし、ペンのサイズも変わらないしで、まったく描画できませんでした。鉛筆と水彩のブラシは描画すら不可能でしたね。
windows inkをオンにしたときの挙動と、iPadで描いた時の挙動は全く別物です。
そして、Windows inkをオフにしたときのPCからの挙動とiPadからの挙動も全くの別物でした。

どんなファイル構成になっているか解明するのはすごく大変だと思うので、無理だけはなさらないで、時間をかけて解明していただけたらと思います。いつまでもお待ちしています。
今のままでも十分遊べるので、のんびりお待ちしています。いつもありがとうございます。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09 - Showing thumbnail -

作者の方の記述によれば、Windows8、Windows10のWindows inkをサポート。
Windows7は非対応。
Native pen pressure support via Pointer Events is available for IE, Edge, Firefox and Chrome on Windows 8 and 10 (Windows 7 does not support it), and macOS.
こちらの環境では古いIntuos3で、デジタルインク(Windows ink)をonにすると、筆圧が有効になっています。

ところでiPadの実機を持っていないので教えてほしいのですが…。

パレットのメニューが動かせなくても何とか描けている感じでしょうか?

使っているiPadの画面の大きさはいくつですか?
表示できる解像度は768px?それとも1024?
液晶そのものはその2倍の
768x2=1536
1024x2=2048
の解像度だと思いますが、
サイズがわかるようでしたら、その画面サイズがあればmobile扱いしないようにする事はできます。

あとは、
Windowsでは、スペースキーを押せば、
画面を移動できるので、パレットで見えなくても何とかなりますが、
iPadでも絵を描くキャンバス部分を移動したり拡大縮小したりできている感じでしょうか?

ぐるぐるめー [URL] ID:mnCewQaU 21/05/09

私の板タブはwacom Intuos Pen & Touch medium Mサイズ CTH-680/S0なので、だいぶ古いので、Windows inkをオンにするとまったく描画できませんでしたね。Windows10に対応していないのかもしれないです。

わたしのiPadはiPadpro11インチなので、
デバイスピクセル 2,388 x 1,668
CSSピクセル 1,194 x 834
となっているようです。

パレットは✖ボタンで消すことができるし、上のコマンドバーから呼び出すこともできるので、適宜消せば描画の邪魔になりません。
ただ、コマンドバーから拡大縮小したり、画面回転コマンドをオンにしてくるくる回すことは可能ですが、指でピンチイン、ピンチアウトは一切できないですし、指でくるくる回すこともできません。そして、描画画面のスライドバーで画面をスライドすることは一切できないです。スライドバーがしたと右に表示されていても、指やペンでスライドバーを動かす動作は一切受け付けないです。固定ですね。
この場合はiPad自体を横に傾けたり、もしかしてキャンバスサイズを縦長に指定することが可能だったら、縦表示でも描画に差し支えないかもしれないです。

そして一番大事なことですが、PCからWindows inkをオフにして書いた時よりも、iPadから描画したときのほうがはるかに絵が綺麗に描けます。

こんな感じでいかがでしょうか?

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

だとすると、横768pxのデバイス(iPadの第一世代)までは起動可能…に一応変更してみましょうか?
これは、テンプレート側のJavaScriptで決めてリルので、入れ替える必要がでてくるのは
PINKのテンプレート一式になります。
今から作業しますので、よろしくお願いします。
作業が終わったらまたここに書き込みます。

さとぴあ@管理人 [URL] ID:2k7eG2e2 21/05/09

POTI-board ChickenPaint 対応版
を更新して、マルチタッチかつ、デバイスの幅が768pxより小さな時にmobile用の画面と処理になるように変更しました。
つまりiPadでは、PC表示になります。
同時にしぃペインターも選択できるようになってしまいますが、iPadでどうなるのかはわかりません。
著作表示にChickenPaintを追加してスタイルシートも更新しましたので、
PINKフォルダをまるごと全部上書きアップデートしていただくのが一番確実です。
ひとりで描く分はおそらく問題ないと思いますが、続きを描く時に、画像以外にも特定フォーマットのファイルがあると、しぃぺならしぃぺ、NEOならNEO、ChickenPaintならChickenPaintが起動しますので、続きを描く時に問題が発生する可能性はゼロではありません…。

ぐるぐるめー ID:8pTnPRH2 21/05/10

動作確認してみたところ、テストベッドと同じ挙動で、無事に画像も投稿ができました。手袋をしないと静電気が反応して変な線が出る場合があるのは、iPadでは仕方ないのですが、問題なく絵が描けました。
ただ一点、縦のカンバスサイズのマックスサイズは700でギリです。
カンバスを移動することができないので、これより大きいサイズはズームアウトをしないとフレームアウトして描くことができませんでした。ズームアウトすれば描けます。工夫が必要ですね。

しいペインターも動かしてみましたが、こちらは2分間のcheerpjの起動ののち、画面が出ますが、描画はやっぱりできませんでした。残念。coolsolidで試していたので、これは想定通りでした。

ちょっとツールボックスをオンオフする手間が必要ですが、筆圧は感知しますし、綺麗な絵が描けます。縦700以上描けないことを設定すればいけると思います!

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

縦700px以上の時にキャンバスが隠れるのは、WindowsのPC表示でも同じですが、
しぃの「窓」と同じようなモード
フルスクリーンモードにすると、Windowsでは表示できるようになります。
ただ、この画面を見る限りすでにかなり下まで伸びた状態ですね…。

ぐるぐるめー ID:8pTnPRH2 21/05/10 - Showing thumbnail -

ありがとうございます!フルスクリーンだと、縦1000まで描けました!
それから、指二本を付けて描画するとちょっと3Dっぽい絵が描けました🤣
面白いですね!ちょっとこれは色んな表現ができそうです。

対応ありがとうございました!色々遊んでみます!

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

1000まで行けましたか…。

ぐるぐるめー [URL] ID:8pTnPRH2 21/05/10

先ほどはTwitterにお知らせありがとうございました。無事に設置できて、パレットの移動やクリッピングマスクの動作も確認できました。ありがとうございます!
多分、なんですけど、左手デバイスや外付けキーボードでスペースキーやショートカットを押せばたぶんキャンバスの移動もできるようになっているのではないかなと思います。私は持ってないので、キャンバスは動かせませんが‥。でも、キャンバスがぐらぐらするとそれはそれで困るので、これはこれでいいと思っています。

ただ、指二本で変な模様が描けてしまうバグ技は使えなくなってしまいましたね💦ちょっと残念。

でもほんとに開発者さんに掛け合っていただいてありがとうございました。開発者さんもこんな短時間で対処してアップグレードしてしまうのすごいですね。
本当に何から何までありがとうございます。

ぐるぐるめー [URL] ID:8pTnPRH2 21/05/10

あ!できました! 指二本や三本でペンツールを使った時だけ変な模様が描けるバグ技健在でした!嬉しい!!本当にありがとうございました!

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

ビルド版のリリースは2018年時点のファイルしかありませんでしたが、自分でnpm インストールしてビルドできるプログラマーの人たちは自分で最新版をソースコードからビルド(コンパイル)していました。
自分でビルドできれば、常に最新版を使う事ができます。
それが私にはできなかったので、最新版のビルド済みのものを公開して欲しいとお願いした…という感じです。
つまり作者の方のお絵かき掲示板では、かなり前から新しいバージョンのChickenPaintが使われていたという事になります。
それから、
これから作業になりますが、
potiboard.phpの更新が必要になります。
レイヤー情報が入っている 拡張子 .chi
のファイルの削除処理が入っていないので、
画像を削除してもファイルサイズが大きな.chiファイルは削除されないというバグが今のバージョンにはあります。
数時間後には更新が終わっている筈ですので、作業が完了し次第またここに書き込みます。
よろしくお願いします。

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

パレット切替機能がonになっているようですが、
プロ用のパレットデータがアップロードされていないようなので

satopian/potiboard_plugin: お絵かき掲示板 POTI-boardのための外部phpプログラム https://pbbs.sakura.ne.jp/

ここから落としてください。
いろいろなものがごちゃまぜになっていますが、必要なのはpalette.datが入っているパレットのzipファイルだけです。
まぁ…プロパレットを選択しても、ChickenPaintでは使えませんが…。
potiboard_plugin/another_pallet at master · satopian/potiboard_plugin

使い方はここ。

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

satopian/POTI-board_ChickenPaint: POTI-board ChickenPaint 対応版
potiboard.phpを更新しました。
ChickenPaint独自フォーマットの削除処理を追加しました。
よろしくお願いします。

ぐるぐるめー [URL] ID:8pTnPRH2 21/05/10

ああ!Chickenpaintのことばかり考えていたので、やこうさんパレットDLするの忘れてました!すみません、チェックしていただいて…。全然気づいてませんでした。
もう一つの掲示板ではずいぶん前に装備していたんですけどね。
ご指摘ありがとおうございます。

それから、更新もありがとうございます。早速更新作業をして対応いたしました。
またまたそそっかしくて、CSSでカラーチェンジしていたのを失念していて、カラーチェンジしたCSSファイル上書きしちゃったので、また作業しないといけないんですけどね…。
どうしてもサイトがダークテーマなので、明るい色合いが馴染まなくて、勝手ながらカラーのところだけCSSファイルを書き換えさせていただいてました。他の部分はおっかないので、コンフィグ以外手を付けていません…💦

あ、あと、iPad用の外付けキーボードを持っている人に動作確認をお願いしたら、外付けキーボードのスペースキーを押せば、キャンバスをどこにでも移動できることが判明しました。私はキーボード持っていないので、キャンバスは固定で使うことになりますが、もし外付けキーボードや左手デバイスを持っているiPad絵描きさんがChickenpaintを使う場合は、外付けキーボードや左手デバイスをつければキャンバスが移動できたりショートカットが使えるとお伝えください!

これから板を大事に育てていこうと思います。何から何まで、対応ありがとうございました。

さとぴあ@管理人 [URL] ID:pgipQxvA 21/05/10

色は変更で大丈夫です。
BBSNoteも、毒々しい青色がデフォルトで、なんでこんな色…と思ったものでした(笑
色も、HTMLも変更可能ですので、カスタマイズよろしくお願いします。

[HOME / Admin]
Petit Note v1.28.0 Template BASIC
OekakiApp - PaintBBS NEO , Tegaki , Klecks , ChickenPaint Be
UseFunction - DynamicPalette , Lightbox