POTI改 設置サポート掲示板

上のふたつの中身は少し違うのですが、
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/test/0.html

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/test/test/
このどちらも問題ないでしょうか?

どちらも全く問題は起きていません！
大丈夫です！

ありがとうございます。
あとは、
お絵かき掲示板
↑
ここで問題がでなければテストは完了です。
すみませんがよろしくお願いします。
これまでこちらで対応してきたJavaScriptやcssがそのまま入った状態+更新されたChickenPaintになります。
それで問題がなければ、このまま行くつもりです。
よろしくお願いします。

お絵描きテストしました。特に問題は出ませんでした！レイヤー効果も出ます。クリッピングやレイヤー移動もできました。
対応ありがとうございます😭

リリースで出します。
明日になるかもしれませんが…。
お絵かき掲示板PHPスクリプトPOTI-board EVO
↑
ここから、緑のボタンを押して、プロジェクトをダウンロードして、
ChickenPaintフォルダだけ上書きアップデートでも大丈夫です。
リリースしていないだけでChickenPaintは最新版です。

お疲れ様です。パームリジェクションテストのムービーを取ってTwitterにアップしたのを共有します。
二枚あります。URL欄にあります。
スクショに撮影できない挙動だったので動画にしました。よろしくお願いします。

I tried it on my site for some time, everything’s working fine! Thanks for letting me know about GitHub, I’ll keep contacting you here then for this issue.

With the double tap issue resolved, there’s only a palm rejection issue to be fixed. It happens occasionally when your palm makes contact with anywhere on the screen before the stylus, resulting in a straight line from where your palm makes contact to your stroke. I wonder if there’s a way to reject palm gestures on the canvas when the Apple Pencil is detected? Many native drawing apps still struggle with palm rejection…

I’ve attached an image demonstrating the problem.
が

thank you.
I was able to share the issue.
If you're having the same problem with the ChickenPaint example ...
The difficult problem so far is unlikely to be solved unless you are the developer of ChickenPaint.
I can report it all together, but it may be better if someone who can speak native English reports it.

Issues · thenickdude/chickenpaint
あ

perhaps…. You may need LCD tablet gloves.
Maybe you are already using it?
あ

I don't personally use them, but those should certainly help! I know many artists use them with their ipads. The issue only comes up occasionally, so it's not a huge problem, with respect to double taps.

I can try bringing it up with the devs. They seem quite inactive unfortunately.
あ

This issue is probably a ChickenPaint issue as well as an iOS issue.
Chicken Paint developers probably don't have the time.
However, the more people who report a problem to GitHub, the better the results may be.
When I report alone, it seems that only one person is aware of the problem.
あ

iPadではどうなるのかまでは読み取れなかったのですが、PC版Chromeの現行バージョンはChrome92です。
Chrome91は7月に更新されたようです。
という事は、iOS版のChromeのバージョンが91以降では、ダブルタップズームが発生する条件が変わった可能性があります。
日本語訳が正しければ

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

でも、ダブルタップズームは発生しない事になるようなのですが、
iPadのChromeでのテストはどうなるでしょうか?
Chromeのバージョンも一緒に教えていただけると助かります。

２日前にChromeのバージョンが92になっていましたので、テストしました。
10htmlでは、カラーピッカーとツールのみ、ダブルタップのズームが起きませんでした。
他のツールボックスではダブルタップと、もう一度ダブルタップを行った際の復帰も起きます。
レイヤー移動してもツールボックスの選択が死にませんでした。
参考になれば幸いです。

ダメでしたか…。
iOSのアプリとしてのブラウザレベルの問題ではなくて、iOSのOSレベルの何かなのか…。
とにかく、Chromeが92でも同じという事ですね。

お疲れ様です。
これまでのURLをすべてテストしてみましたが、すべてのバージョンで拡大は起きました。
そして、チェックすべきポイントが、
①ダブルタップで拡大するかしないか
②二本指ダブルタップで復帰できるかできないか
③レイヤー移動をした後ツールボックスが反応しなくなるかどうか
この三点をチェックすべきだと考えます。
①②においてはどのバージョンも拡大は起きました。そして二本指の復帰も可能でした。
ただ、③に関しては17htmlと18htmlは、レイヤー移動するとツールボックスが死んだのでアウトだと思います。
私のiPadでは以上です。
ちなみに2018年モデルのiPadproです。

すべてのバージョンで拡大が起きる
ですが、
例えば、どの箇所のタップで拡大するか、
何も対応を入れていない場合との違いはあるのかないのかも手がかりの一つだと思っています。
たとえば、レイヤーを移動すると動かなくなるけれど、ダブルタップで拡大が発生する箇所はレイヤー周りだけで、操作パレットでは発生しないなど。
｢操作｣では発生しないけれど｢テクスチャ｣ではダブルタップによる拡大が発生する
がその後どう変わったのかも知りたいです。
たぶん…というか予想しながら記述した内容どおりだとしたら
ダブルタップによる拡大も不具合もレイヤー周りだけで発生していて他では拡大しないのでは?
なのですが、実機が無いので本当のところはわかりません。
実機を買えばいいだけの話ではありますが…。
もし可能でしたら、詳細を教えてください。
1.ダブルタップして拡大する場所
2.13.htmlと18.htmlでダブルタップで拡大する場所は違う、あるいは同じ?
お手数をおかけします…。

拡大が大きくなる箇所は、17htmlと18htmlでは「ツール」「操作」「テクスチャ」「カラーセット」「ストローク」ではダブルタップが無効になっています。
「カラーピッカー」「レイヤー」「ツールオプション」では拡大が起きます。
でもこの二つはツールの選択が死ぬバージョンですね。

13thmlはすみません、今テストしてみたら、すべてのツールの部分で拡大が起きなかったんですが、ツールボックスの選択周りが死んでいます。

12htmlでは、「ツール」「操作」「テクスチャ」「カラーセット」「ストローク」ではダブルタップが無効になっています。
「カラーピッカー」「レイヤー」「ツールオプション」では拡大が起きます。
しかし、レイヤー移動してもツール選択が死にませんでした。

11thmlもレイヤー移動でツール選択が死にましたね。
拡大する箇所は同じです

10htmlは全てのツールボックスで拡大が起きました。
こんな感じで参考になりますでしょうか？

>Is this the case with either 13.html or 17.html?
That's correct.

I tested 18.html as well, the tap behaviour is the same as all previous versions from what I can tell.

Apologies I should've mentioned earlier, I'm on the 2020 Ipad pro 12.9".
の

ありがとうござます。
引き続きしらべます。

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/6.html
に加えもう1パターン加えてみました。
この7.htmlはアイコンが応答しなくなる可能性が高いものですが、
書き方が少し違います。
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/7.html

iPadを横に構えた時はPCで見た時と同じ横長なので、V字型の閉じるボタンがついて、折りたたまれるツールボックスになっているのですが、縦に構えてページにアクセスすると昔のチキンペイントの画面が立ち上がるというわけですね。
スマホからアクセスすると、V字型の折りたたまれるツールボックスになって表示されるので、たぶんiPad版の開発は手を付けられてないのかもしれません。

今から新しくご提示いただいたものを順番にテストしますね。
細かく書き込んだ場合にバグが起きやすいので、描き込みするためお時間かかると思います。
ページごとのを纏めてレポートしますのでちょっとお待ちください。

テストしてみました。

一番上の6.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをしてもいちいちタブが閉じない
③二本指での拡大からの復帰は可能
④ツール周りのボタン関係が死ぬことはない

二番目の6.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをしてもいちいちタブが閉じない
③二本指での拡大からの復帰は可能
④レイヤー移動するとツール周りのボタン関係が死ぬ

一番下の7.htmlは、
①ダブルタップによる拡大は起きる。
②ペンツール水彩ツールの切り替えをするたびタブが閉じる
③二本指での拡大からの復帰が不可能
④ツール周りのボタン関係が死ぬことはない

という結果でした。ダブルタップは全部ブロックできませんでしたね。

7.htmlの拡大からの復帰ができない
は、逆にちゃんとtouch-action noneが有効なんですね。
6.htmlは設定が効かないのに、
④レイヤー移動するとツール周りのボタン関係が死ぬ
は出る。
選択させないだけ残して、あとはいじらない事にします…。
ありがとうございました

ありがとうございます。二本指で回避することで様子を見ましょう…。
いつか快適に使えるようになるといいですね…！
色々考えていただきありがとうございました。
私の方の掲示板もタッチアクション周りの設定は消して様子を見ます…。

<style>
* :not(input){
の場合も駄目だった…でしょうか?

そうです。div#Chickenpait-parentじゃないと選択ブロックが利きませんでした。

>画面が青く選択されるタグと、タッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
これは、
1.画面が選択されて青くならないようにするCSSを入れると、画面が拡大する。
2.さらに追加してタッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
ですか?
1と2両方足してはじめて切り替えできなくなる?であってますか?
ツール切替ボタンが死ぬの切り替えボタンは
どれでしょう?

そうですね。ツール切替ボタンはあらゆるツールボタンが反応しなくなるということです。描画スペース以外の操作が全くできなくなります。

touch-acction noneを入れると起こります。青く選択しないタグだけでは起こりません

そして、解決できました！！！
添付のjavaタグと、「touch-acction noneを消した選択しないタグのみ」の合わせ技でこの問題解決しました！！！！
これが最適解でした。

Javaのほうでダブルタップの問題を解決し、スタイルのほうで、選択をブロックする、という二段構えが重要だったようです。
touch-acction noneタグが邪魔をしているみたいだったので、これをJavaで制御してみようと考えました。
このタグが最適解です。問題なくなりました！！

作者さんのサイトでは
青く選択されて
なおかつ
レイヤーパレットの操作時に画面が拡大して操作不能になった
であってますでしょうか。
chickenpaintの開発元にも整理して報告する予定です。
よろしくお願いします。

そうです。作者さんのサイトではそうなったで間違いないです。よろしくお願いいたします！

Thanks for the good work ぐるぐるめー,
さとぴあ!

I can also confirm the same issue on the author's site. Double tap zoom is disabled on the "Tools, Misc, Stroke and Color swatches" toolbars, but the rest also have the double tap problem.

<style>
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
}
</style>
CSS that prevents the screen from being selected. And CSS that doesn't zoom.
Please test again.
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/
あ

It's working like the original version now (#282). This is much better, thank you!
あ

POTI-board EVO English verGitHub.
Try downloading the template for Paint from here.
Thank you.
あ

<style>
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script>
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);
</script>

After a conversation with another user, I came to the conclusion that this seems to be the best answer.
We also give feedback to the developers of chickenpaint.
This is a provisional response.
あ

Thanks for working through it! I had seen the other problem as well, I'm glad someone spotted it because I only tested lightly. I'll try a full drawing with the updated Chickenpaint sometime.

Cheers
あ