POTI改 設置サポート掲示板

NSFW:

[43] v3.05.2.2をリリースしました。


さとぴあ@管理人 [URL] ID:q9ALS1BI 21/08/06

iPadで発生していたトラブルを解決したv3.05.2.1をリリースしました。
- ダブルタップによるズームが発生して描画が困難になる問題に対応しました。
- パームリジェクション機能に関連して発生していた、意図しない直線が発生する問題に対応しました。
v3.05.2をリリースしたばかりですが、
上記の問題を解決した、ChickenPaintの最新版がでましたので、
v3.05.2.1としてリリースしなおしました。
すでにv3.05.2に更新している方は、
chickenpaintディレクトリの上書きアップデートをするだけで構いません。

さとぴあ@管理人 [URL] ID:q9ALS1BI 21/08/06

v3.05.2.2になりました。
Release POTI-board EVO v3.05.2.2
これは、数時間前にchickenpaintのアップデートが入ったからです。
内容は上記とほとんど同じですが、細部の修正がさらにはいったものです。
すでに、v3.05.2にバージョンアップしている場合は
chickenpaintディレクトリの中身が違うだけです。
chickenpaintディレクトリの上書きアップデートをお願いします。

[42] ダブルタップズーム対策テスト


さとぴあ@管理人 [URL] ID:wbpcdtgI 21/08/04

ChickenPaintの更新で、ダブルタップズーム問題が解決しているかどうかのテストの協力をお願いします。
現状はJavaScriptにパッチをあてて対応中ですが、適切な箇所で適切に対応できているほうがいいはずです。
ChickenPaint example

このテストページでダブルタップの拡大や、アイコン無反応などの問題が出る出ないを教えてください。
画面が選択される問題も一緒に教えていただけると助かります。

さとぴあ@管理人 [URL] ID:wbpcdtgI 21/08/04

書き忘れましたが、iPadまたはAndroidでどうなるかというテストです。
よろしくお願いします。
テストの依頼ばかりでみなさんに負担をかけっぱなしですが、どうかよろしくお願いします。

ぐるぐるめー [URL] ID:ytuFTqSw 21/08/05 - Showing thumbnail -

こちらをテストしたら、画面の一部が選択されたうえに、レイヤー移動をしたらツールが死にました。
沢山レイヤーを使ってレイヤー移動するとツールが死ぬようです。
ダブルタップのズームは起きませんでした。
よろしくお願いします。

さとぴあ@管理人 [URL] ID:V2Sp/4R6 21/08/05

別のページを作りました。
ChickenPaint example

タブルタップズーム対策の箇所は私が行ったのと近いものに変更してあります。

ChickenPaint example

作者の方が作成したものをそのままアップしています。

しかしこれは昨日のものからさらに更新された最新版です。
このふたつの動作がどうなるのか、教えていただけませんか?
手のひらがあたって誤動作する問題も解決しているかもしれません。

ぐるぐるめー [URL] ID:ytuFTqSw 21/08/05

ばっちりです!
ツールも死なないし、変な線も出ません。
掌が当たっているときはペンが反応しないようになっていますね。
ダブルタップの問題も解消されているし、画面が選択もされていません。
パーフェクトです。

さとぴあ@管理人 ID:V2Sp/4R6 21/08/05

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

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

ぐるぐるめー ID:ytuFTqSw 21/08/05

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

さとぴあ@管理人 [URL] ID:V2Sp/4R6 21/08/05

ありがとうございます。
あとは、
お絵かき掲示板

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

ぐるぐるめー ID:ytuFTqSw 21/08/05

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

さとぴあ@管理人 [URL] ID:V2Sp/4R6 21/08/05

リリースで出します。
明日になるかもしれませんが…。
お絵かき掲示板PHPスクリプトPOTI-board EVO

ここから、緑のボタンを押して、プロジェクトをダウンロードして、
ChickenPaintフォルダだけ上書きアップデートでも大丈夫です。
リリースしていないだけでChickenPaintは最新版です。

[41] iPadのパームリジェクションの動作に関する問題


さとぴあ@管理人 [URL] ID:wbpcdtgI 21/08/04

ChickenPaintのリポジトリでのissuesで
iPadのためのテストプログラムが公開されています。
しかし、私はWindowsでしかテストできないので、iPadを持っている人がテストする必要があります。
Palm rejection issues on Ipad · Issue #36 · thenickdude/chickenpaint
issuesを開いた方がテストしてくれるのを待っていますが、どのように進展していくのかまだわかりません。

ぐるぐるめー [URL] ID:ytuFTqSw 21/08/05

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

[40] POTI-board EVO v3.05.2リリース


さとぴあ@管理人 [URL] ID:ASA5F50M 21/08/03

日本語、English、繁體中文各言語の、POTI-board EVO v3.05.2をリリースしました。
iPadでダブルタップズームが発生して、描画続行が困難になる問題を解消しました。
imgタグに、loading="lazy"を追加しました。
これにより、ディスプレイに表示されていない画像はスクロールして、表示が必要になるまで読み込まなくなります。
読み込みの速度が向上し、無駄な転送も発生しません。
ただし、現在のお絵かき掲示板の画面の縦幅の範囲はほとんど読み込まれてしまうので、ほぼ誤差程度の効果しかないかもしれません。

[39] ダブルタップズーム対策テスト


さとぴあ@管理人 [URL] ID:s2RWmGnY 21/07/31

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

cssのタッチアクションを別の方法で。

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

ダブルクリック(タップ)の時はイベントをキャンセルするJavaScript。

どちらも、動作に悪影響がでる可能性のあるものですが…。
情報は多いほうがいいと思いましたので、
すみませんが、テストをよろしくお願いします。

ぐるぐるめー ID:w.mDEWpY 21/07/31

20htmlはレイヤーとペンの設定の部分でズームが起きました。でも、ツールが死ぬことはなかったです。二本指ダブルタップで復帰もできました。

30htmlは、かなりいい感じでした。
どこをダブルタップしてもズームが起きないし、かなり書き込んでもレイヤー移動してもレイヤー効果を使ってもツール選択などの動作が死ぬことはなかったです。
今後かなりの大作を書き込んだ場合にツールが死ぬなどなければ、かなりいい感じだと思います。

さとぴあ@管理人 [URL] ID:s2RWmGnY 21/07/31

実運用で使って、どこまで問題が発生しないかですねぇ。
20.htmlは、部分的にはダブルタップズームが発生するように最初からなっています。
しかし、こんな感じに細かくピンポイントでタッチアクションを制御すれば、対応できるかもしれないという雛形です。
30.htmlは、最近更新されたルールも入ったJavaScriptなので、もしかしたらうまく動作するのかもしれません。

ぐるぐるめー ID:w.mDEWpY 21/07/31

なるほど!ちょっと実際に使ってみたいですね。投稿まで持っていければ配布できそうですよね。
作者さん側がまだ返事してくれてないですが…。

さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01

Javascript版は
<style>
:not(input),#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script>
function load() {
document.addEventListener("dblclick", function(e){ e.preventDefault();}, { passive: false });
}
window.onload = load;
</script>


<head>~</head>の間に入れる、ですね。
ただ、これも前回のように変形操作なども含めてやってみてどうなるか…が心配です。

Why ID:3dpBOYoQ 21/08/01

I can confirm with ぐるぐるめーさん.
30.html seems to be perfect.

All touch issues seem to be fixed. No double taps zoom on any part of the canvas, accidental text selection is fixed and the double pen effect when using fingers is gone too! I drew briefly, but observed no operation problems.

20.html seems to work the exact same as the last versions I tested.

ぐるぐるめー ID:h0HYSsj6 21/08/01

>さとぴあさん
タグありがとうございます!自分用の板に仕込んでみました。動作確認してマジに描いたのが無事投稿出来たら報告しますね。
あ、投稿できなかったら何が起きたのか報告します。

ぐるぐるめー ID:h0HYSsj6 21/08/01

>さとぴあさん

大成功です!!レイヤー移動、変形などを行ってもツールボックスが死なないし、ダブルタップをしても拡大しないし、18分で手の込んだ絵を描いてもバグは起きず、無事投稿までできました!!今までだったら絶対何かおかしな挙動が起きていたような絵です。
大成功ですよ!!
本当にありがとうございます!

さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01

お手数をおかけしますが、様子見をよろしくお願いします。
{ passive: false }が最新のブラウザでは必要なのに、これまでのJavascriptには入っていなかったとか、そのあたりに原因があったのかもしれません。
ただ、2時間かけた絵が投稿できなくなったとか…。いろんな人が操作した結果どうなるのかまでは把握できないとか、検証が難しい点もありますね。
これまでのアイコン無反応問題がなぜでていたのかが明確にわかれば…まだ状況がちがってくるのですが。

ぐるぐるめー ID:h0HYSsj6 21/08/01

アイコン無反応問題は注意ですね。実は、選択をブロックするCSSだけの状態でもアイコン無反応は起きていたのです。ごくまれにですが、ガシガシ書きまくると無反応になっていました。
なので、時間をかけた絵が投稿できなくなる恐れはまだあるのかもしれないです。もしかしたらチキンペイントの最新版のバグの可能性も…。

ぐるぐるめー ID:h0HYSsj6 21/08/01

あ、この無反応問題は、気のせいかな?ぐらいの頻度で起きていたもので、青色に選択されないタグを入れる前も起きていたものです。
つまり、何も対策していなかった時、ダブルタップの拡大と、画面が選択されるのと、無反応になるの三種類が同時に起きていたんですね。
確か、日本語化パッチを正式リリースした後ぐらいのバージョンから起きていました。

さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01

Javascript版は
<style>
:not(input),#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
選択させないcssも今回少し変更になっていて
:not(input),#chickenpaint-parent :not(input)
の両方で選択させないにしています。
POTI-boardの著作リンクのところも選択されないようにしたものです。
このあたりの選択も何か影響があったのかもしれません。
ご面倒をおかけしますが、しばらくこれで買ってみて頂いて、問題が発生するしないの確認をしていただけるととても助かります。

さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01

Whyさん
Paint theme HTML
Could you please paste this code between <head> and </ head>?

<style>
:not(input),#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script>
function load() {
document.addEventListener("dblclick", function(e){ e.preventDefault();}, { passive: false });
}
window.onload = load;
</script>

---
It cannot be included in the official distribution version yet.
This is because you need to take the time to try it out and see if it causes a problem or not.
If you want to avoid the risk of any problems, don't use this code.

ぐるぐるめー ID:h0HYSsj6 21/08/01

なあるほどお!CSSも変わってたんですね。そのおかげはあるかもしれませんね。
しばらく様子見て見ますね。
ほんとにありがとうございます!何かでっかい絵を描いてみた時にまたご報告しますね。それでも問題が起きなかったら大成功だと思います!

さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01

レイヤーの名前のところでダブルタップで
レイヤー名は変更できるか?
レイヤー名が変更できる、できないに関わらず、その後の操作でアイコンが無反応になるようなトラブルは発生しないか?

以上の点を可能でしたら教えてください。
chickenpaintがダブルタップを判定している処理がそのあたりに入っていたものですから…。

ぐるぐるめー ID:h0HYSsj6 21/08/01

ディスコ鯖の仲間に声かけてテストしてもらったら、初代iPadproの方が、Chromeのバージョン92で、拡大が起きたようです。

>ツール→一度選ぶたびに閉じる
[16:37]
画面が拡大して固まる→リロードしても拡大のままだったので一旦ページ閉じ
消しゴムを使うと白背景が消えて透明化する(レイヤーとかで解決?
手ブレ補正は効いている模様
(iPad Pro Chrome Apple pencil初代)
[16:38]
遅延なのか一回で線が引けない時あり。

とのことです。

レイヤーのリネームもテストしてみますね。

ぐるぐるめー ID:h0HYSsj6 21/08/01

レイヤーのリネームもできましたね。その後ツールが固まったりはしていないです。

初代iPadproの挙動気になりますね。

ぐるぐるめー ID:h0HYSsj6 21/08/01

液タブからテストしてくださった方もいて、以下の通り、問題なく動いたようです。

>そもそもiPad向けのテストだと思いますので趣旨が違うかもしれませんが
Windows+GoogleChrome+Cintiq pro(液タブ)でテストしました

①ツールボックス周りをダブルタップして拡大が起きるか
②拡大した場合二本指のダブルタップで拡大から復帰できるか
PC版だとできなさそうです
そもそも指タップ非対応の液タブなので当然といえば当然でした!

③レイヤー移動、変形、長時間細かく描き込みしてもあらゆるツールを使っても、ツール選択やコマンドなどの切り替え(ボタンが押せるか)ができるかどうか
問題なく動作しました!

ということで、目下の問題はもう一度初代iPadproの方がテストしてどう動くかですね。
もう一回夜にテストしてくれるそうです。

さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01

実際の画面をみていないので、ほとんどエスパーなのですが、
>遅延なのか一回で線が引けない時あり。
手ブレ補正のスライダーを右に寄せているとそう感じる動作になるかもしれません。
もし手ブレ補正をかけていた時にだとしたら、それは正しい動作だと思います。
>ツール→一度選ぶたびに閉じる
画面がわからないのでなんともいえませんが、chickenpaintは画面の縦の幅が足りない時に画面がメニューで埋まらないように
ツールを自動的に閉じますから、それはスマホモードに入った状態だと思います。
画面が拡大していても、縦の幅が足りなくなりますから、スマホモードにはいってしまったのかもしれません。
液タブでは、ダブルタップで拡大するそしてもとの倍率に戻すなどの動作がはじめからないので何も起きなくて正解だと思います。
>消しゴムを使うと白背景が消えて透明化する(レイヤーとかで解決?
正常動作です。
白レイヤーには何もかかないもあり。
(クリスタと同じ)
白を消すのは透過pngを出したい時です。

>レイヤーのリネームもできましたね。その後ツールが固まったりはしていないです。

かなりひやひやしながら調べていましたので、問題なくてよかったです。
ただ、リネームを数回繰り返した時にどうなるのかはちょっと気になります。

さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01

あとは、仮に初代iPadで拡大が起きたとしても、投稿できない、あるいは描けないといったトラブルが無ければ…。
今回のJavaScriptを導入してもいいのかもしれません。
初代iPadまでサポートしきれなかったとしても、悪影響がないのであれば、という感じになりますね。

ぐるぐるめー ID:h0HYSsj6 21/08/01

レイヤーはリネームしまくりましたが動作は正常に動きましたね。

初代iPadproの方は、今お仕事絵を描いているのでお仕事が終わってからになりますが、二本指ダブルタップで復帰ができればそれで回避してもらえるかなという感じですかね。

今回のはかなり沢山の人に試してもらったんですが、無印iPad第6世代でも動作確認が取れたので、かなりいいと思います。一時間描き続けても固まらなかったみたいですから!
本当にお疲れさまです。

ぐるぐるめー ID:CQvY4Ql2 21/08/02

>さとぴあさん
続報です。二回目のテストでは拡大は起こらなかったそうです。何かChromeの更新が入ったタイミングだったとか掲示板のアプデの読み込みが遅かったとか、何かあったのかもしれないです。
無事投稿までできて、ツールが死んだりはしなかったそうです。
多分リリースしても問題ないと思います!

さとぴあ@管理人 [URL] ID:Vnecm.fI 21/08/02

ありがとうございます。
準備はしていますが、もう数日様子をみます。
https://pbbs.sakura.ne.jp/
の絵板には、ダブルクリックイベントをキャンセルするJavaScriptを導入ずみです。
そこで不具合の報告があるないを確認中です。

Why ID:PiK3Vw1o 21/08/03

My apologies さとぴあさん I must've missed your message skimming here the other day.
I've added it just now, I'll test it in a bit. I registered on github as boxfries, feel free to contact me there if you'd like me to test anything!

Cheers for the great work!

さとぴあ@管理人 [URL] ID:ASA5F50M 21/08/03

GitHub doesn't have the ability to communicate between users, so you have to either have them posted in the issues thread or reply to already opened issues to let them know.
However, I think that I can contact you for a while by replying to the issues that I had a question.

Why ID:PiK3Vw1o 21/08/03 - Showing thumbnail -

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.

さとぴあ@管理人 [URL] ID:ASA5F50M 21/08/03

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

さとぴあ@管理人 [URL] ID:ASA5F50M 21/08/03

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

Why ID:PiK3Vw1o 21/08/03

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.

さとぴあ@管理人 [URL] ID:ASA5F50M 21/08/03

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.

[38] Chrome91 ダブルタップズーム


さとぴあ@管理人 [URL] ID:oq6UFsC6 21/07/30

Chrome91がダブルタップズームの禁止条件を追加

日本のブログ。

Chrome Speed - First Input Delay Changes in Chrome 91

English.
>Disable double-tap-to-zoom on mobile viewports
>Double-tap-to-zoom (DTZ) is a gesture used to zoom into text. Previously,
>DTZ was disabled when either zooming was disabled (min-zoom equal to max-zoom) or when the content width fits the viewport width. After this change,
>we also disable DTZ when the viewport meta tag specifies width=device-width or initial-scale>=1.0,
>even when implicitly doing so, like for example in minimum-scale=1.5, maximum-scale=2.


Because DTZ negatively impacts FID and the amount of pages where DTZ is disabled is increased, we expect some sites to see better FID scores.

さとぴあ@管理人 [URL] ID:oq6UFsC6 21/07/30

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

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

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

ぐるぐるめー ID:w.mDEWpY 21/07/31

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

さとぴあ@管理人 [URL] ID:s2RWmGnY 21/07/31

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

[37] ChickenPaint拡大問題テストのお願い


さとぴあ@管理人 [URL] ID:E7I02c0Y 21/07/26

ChickenPaintのパレットをダブルタップすると拡大する問題への対処を模索しています。
viewportでは制御できないという情報がとても多いので、ためしていなかったのですが、
最小値と最大値をどちらも1.0にすると
PCによるエミュレートでは拡大されません。

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

テストしてみて欲しいバージョンはこれです。
viewportによる拡大防止にPC版ChromeのiPadエミュレートではなっています。
実機のiPadで無効なのか有効なのかわからないため、実機を持っている方に試してみて欲しいです。
試していなかった事なので念のため、という感じなのですが…。

Why ID:9O7erzj2 21/07/26

Touch operations seem to be working the same as the old chickenpaint version.

Double tap zoom still occurs on the misc and other menus except for the toolbar. Text occasionally gets selected but it doesn’t affect drawing.

I also noticed that double tapping on the top bar with the drop down menus causes a small zoom, but disables the double tap problem. Problem is the toolbar on the left gets partially hidden. I have to drag it back or pan the screen towards it. It’s a bandaid fix, but casual users will still be affected…

さとぴあ@管理人 [URL] ID:E7I02c0Y 21/07/26

Whyさん
Thank you very much for the test work.

さとぴあ@管理人 [URL] ID:E7I02c0Y 21/07/26

iPadの実機を持っている方にテストしてもらう事しかできない現状をお詫びします。
可能なら、次のurlのChickenPaintがどのように動作するのか教えてください。
I tried to avoid the problem by writing it differently.
After all, I don't have an iPad at hand, so I have no choice but to ask those who are watching here to check the operation.
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/11.html

さとぴあ@管理人 [URL] ID:E7I02c0Y 21/07/26

そして、また少し調整したもの。
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/12.html

Why ID:ZfitZSA2 21/07/27

Double tap zoom doesn't happen on the Misc, Strokes and Color Swatches toolbars anymore. It still occurs on Layers, Tool Options, Color and Textures. After drawing a while longer, I think it's worthwhile to disable zoom on these.

I tried drawing for a bit longer to see if it becomes inoperable over time. From my test, all is running fine.

Cheers for the good work!

さとぴあ@管理人 [URL] ID:O9Kwo0Lw 21/07/27

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

The icon may respond, but the Layers palette does not prevent double taps.
The texture palette and tool palette have been fixed.

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

A version in which the icon may become unresponsive when moving layers.
However, double tapping should have been suppressed considerably.

お手数をおかけしますが、この2つもテストしてみていただけないでしょうか?
We apologize for the inconvenience, but could you please test these two as well?

Why ID:ZfitZSA2 21/07/27

The above work the same as the last test. Double tap zoom still occurs on the menus other than "strokes" "misc" "color swatches" and "tools".

I drew briefly, but I didn't get any responsive issues.

さとぴあ@管理人 [URL] ID:O9Kwo0Lw 21/07/27

Whyさん
Thank you for the test work.
>Double tap zoom still occurs on the menus other than "strokes" "misc" "color swatches" and "tools".
Is this the case with either 13.html or 17.html?

さとぴあ@管理人 [URL] ID:O9Kwo0Lw 21/07/27

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

Yet another version.
This can cause the icon to become unresponsive when you move layers.
I'd like to know if double tap zoom occurs in the texture palette and layer palette.

ぐるぐるめー ID:DiAZAFuY 21/07/27

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

さとぴあ@管理人 [URL] ID:O9Kwo0Lw 21/07/27

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

ぐるぐるめー ID:CHmeYQAw 21/07/28

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

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

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

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

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

Why ID:Hm3GZYCs 21/07/28

>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".

さとぴあ@管理人 [URL] ID:oq6UFsC6 21/07/30

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

[36] お手上げです。


ぐるぐるめー ID:ZN7okRe2 21/07/24

悲しいお知らせが…。
Javaでダブルタップを制御して、CSSで選択をブロックして、書き込みを続けても問題なくなったと思っていたのですが、奴はほかのところに問題があるようです。

①ダブルタップ制御は完全なものではなく、ダブルタップの間隔が広くなるとダブルタップだと認識されて画面がズームし固まるのは相変わらず起きる。(ダブルタップ制御コードは時間を指定しているため、一定時間を超えてダブルタップするとダブルタップとカウントされて、ズームが起きる)

②やっぱり書き込みをし続けると完成間際でツール切替を受け付けなくなる。(ツールボックス、レイヤー、アンドゥ・リドゥ・投稿ツール、画面上のコマンドバー、テクスチャが死ぬ。カラーピッカーとペンの設定は変更可)

そして、ツールボックスが死んだときに行ったのが、変形ツールを使用して画像を加工するような動作をした後でした。拡大縮小を繰り返し、イラストの位置を調整するような操作をしたらツールボックスが死にました。

なので、これはいよいよ開発者さんが何とかしないといけない問題だと判明しました。

現在問合せ中であるのは把握しております。追記する余裕がありましたらこのバグもいい感じにお伝えしていただけると助かります。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

おそらく作者さんが、選択と拡大をしないように対策をする場合は、
おそらく、chickenpaintそのものの細かな指定のやり直しになるんだろうと思います。
どこに、選択させないCSSを適用して、どこに拡大させないCSSを入たらいいのかは個別に検討する事になるのだろうと思います。
JavaScriptでも同じ問題がでるという報告は追記でしておきます。
こちらで対処してみた処理はすべての要素に一括でかけるものなので、問題がでても当然なのかもしれません。

ぐるぐるめー ID:ZN7okRe2 21/07/24

よろしくお願いします。気合いの入った絵が描けるアプレットなのに、気合を入れると固まるのではもったいないですからね。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

ただ、chickenpaintの開発サイドにiOSのデバイスが無い時は…。
解決するまでに時間がかかるか、未解決になる可能性もありますね…。
作者さんにはデバッグの義務もないので、前向きに考えてもらえたら幸運という感じでしょうか。
拡大させない処理を行うと、なぜ操作に支障がでるのかさえわかれば、ある箇所にはダブルタップで拡大しない処理をいれて別のある箇所にはいれないができるんですけどね。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

お手数をおかけします。
これを試してみて頂く事はできませんか?

div#chickenpaint-parent :not(.carousel){
touch-action:none;
}
div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

タッチアクションなしの条件を、カーソル以外に変更してあります。

カーソルには
.chickenpaint .carousel.pointer-event {
touch-action: pan-y;
}
が指定されているので、この指定が残るように意図したものです。

ぐるぐるめー ID:JYndMsXg 21/07/25

試してみました。駄目ですね。
ダブルタップも普通に起きてズームして固まるうえに、ツールも死んでしまいます。
どうも、レイヤー移動のアクションをすると100%ツールが死ぬようです。

レイヤーを移動させないとツールが死ぬ確率は低くなりますが、レイヤー移動がどうもやってはいけないアクションになっているようです。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

何も特別な設定をしなくても、レイヤーの移動で操作不能になっている可能性はありませんか?
たとえば、
https://thenickdude.github.io/chickenpaint-example/
でも現象が再現するとしたら、
touch-actionの追加が原因で、問題が発生しているわけではない事に。

ぐるぐるめー ID:JYndMsXg 21/07/25

いえ、それは無いようです。
touch-action noneタグを一切消して、Javaによるタッチアクション制御も消して、スクリーンの選択をブロックするタグのみにして、投稿が失敗して完成まで持っていけなかったファイルの加筆上書きを試してみたら、完成させることもレイヤー移動も問題なくできるようになりましたから。
タッチアクションをどうにかしようとすると、ツールが死ぬバグが起きるという関係になっているようです。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

これに関しては
ダブルタップによるズームの発生率が高くなるだけで、
アイコンが応答しなくなるような事は無いという認識でいいでしょうか?

ぐるぐるめー ID:JYndMsXg 21/07/25

はい、その認識で間違いないようです。
そのタグだけ入れていた時はツールは死んだりしなかったので。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

キャッシュを読み込むかもしれないので、微妙なのですが、
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/

このページでも画面が選択されてしまうでしょうか?

ぐるぐるめー ID:JYndMsXg 21/07/25

ズームした場合の一時保存・退避方法としては、iPad自体を縦横にくるくる回すとツール周りが中心に集まってきて移動できるようになるので、ズームした状態で一時保存して再び続きを書くという力業が使えないこともないですが…。
利用者さんにこの裏技を強いるのはストレスが高いのでお勧めしにくいですねえ…。

ぐるぐるめー ID:JYndMsXg 21/07/25

さとぴあさんが用意してくださったページでは全体が選択されることはなく、左側がちょっと選択されるだけですね。
ダブルタップのズームは出ますが。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

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

テスト中…なのかも。
このurlのページはCSSの内部で選択させないCSSにMozillaやSafari用のCSSを追加したものです。
1.ここで、選択される問題がでなくなるかどうか知りたい
2.意図しない拡大が発生しない形で選択されないが実現できているのならとりあえずの回避策になる
そんな考えです。

ぐるぐるめー ID:JYndMsXg 21/07/25 - Showing thumbnail -

画像忘れました。こんな感じになります。
カラーピッカーをダブルタップするとズームして固まりました。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

少しは有効…なんですね。
拡大してしまうのは同じ…。
では、また時間をかけて調べます…。
ありがとうございました。

ぐるぐるめー ID:JYndMsXg 21/07/25

お手数おかけします。
何とかこのバグを切り抜けたいですね…。
よろしくお願いします。

ぐるぐるめー ID:JYndMsXg 21/07/25

色々調べてみて試したら分かったことがあるので報告しますね。

iPadの仕様で、HTMLの画面上でペンによるダブルタップの拡大が起きた時、「HTMLで構成されているサイト」の部分を二本指でダブルタップすると、拡大状態から復帰できるようです。
つまり、JAVAで書かれたチキンペイントのスペースではダブルタックで拡大が起きたら何をやっても復帰できませんが、二本指などでスライドが可能な場合、余白のクレジットがかかれているHTMLスペースまでスライドして、そのスペース内で二本指でダブルタップすると、拡大状態から復帰できました。

なので、完全に固まるわけではなく、復帰する抜け道は無いわけではないようです。
このため、フルスクリーンモードでダブルタップ拡大が起きたら、通常モードに切り替えて、余白で二本指ダブルタップをする…。
うーん、力業ですね。知っていないとできない回避策です。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

実機をもっていないので、エミュレートしていて気がついた事なのですが…。
chickenpaintはHTMLでJavaアプレットではないので、
「操作」パレットのアイコンの上でも二本指のダブルタップで拡大を解除できるのかもしれません。
なぜかというと、
操作パレットのアイコンのところで
ピンチインとピンチアウトが可能だからです。
PC版ChromeでiPad表示にした場合…なので実機ではどうなるのかわかりません。
ダブルタップで拡大する箇所は、おそらく逆に解除も可能なパーツの箇所です。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

「操作」パレットのアイコンのところ。
「ツール」パレットのアイコンのところは
PCによるエミュレートではピンチインとピンチアウトが可能です。
そこを二本指のダブルタップでも解除できるのかもしれません。(PCによるエミュレートがそうだからというだけですが)

ぐるぐるめー ID:JYndMsXg 21/07/25 - Showing thumbnail -

二本指ダブルタップの復帰を受け付けたのは、画像の赤丸のところですね。他はうんともすんとも言いませんでした。とりあえず画面内にこのポイントはある場合、二本指で復帰できるようです。

ぐるぐるめー ID:JYndMsXg 21/07/25

ということは、画面選択するのをブロックするタグだけ入れて、ダブルタップで拡大が発生したら落ち着いて二本指でダブルタップしてねってことで一応現時点では解決ですかね…?
なんか意外なところに道がありましたね…落ち着いて対処すればよかっただけ…

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

少しは解除できる範囲がある…という感じなんですね。
以下は結局思いつく限りの総当りなのですが…

touch-actionを別な形で適用してみました。
これで拡大がどうなるか
アイコン応答なしがどうなるか…
本当にお手数をおかけしてしまいますがテストをお願いできないでしょうか?
url
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/2.html

ぐるぐるめー ID:JYndMsXg 21/07/25

新しいタッチアクションのほうですね。
現在確認できるのは、

①ダブルタップの拡大は起きる。(余白の二本指で復帰は可能)
②ツールボックスのタブの中身を操作すると、いちいちタブが閉じてしまう。
③このCSSはiPadを横に構えた時のみのデザインで、縦に構えた状態で開くと前のバージョンが立ち上がってしまう。

という感じになっています。
ダブルタップは回避できていませんね‥。ツールが固まることはないようです

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

ツールボックスはiPadより小さな端末の時に、その都度閉じるようになっていて、
画面の縦幅が狭い時はスマホモードだったと思います。
画面が切り替わるのは倍率と、縦横の解像度の両方?

これは、描画ポイントにもtouch-actionを指定しているので、問題が起きるかもしれませんが。
ttps://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/3.html

これのテストもお願いできないでしょうか。
本当にすみません。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

ミスしてました。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

お願いしている身なのに、またミスがありました。
すぐやり直します。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/6.html
でお願いします。
これで駄目なら作者さんの対応まちか、
なんとか二本指のダブルタップで回避でしょうか…。

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

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

ぐるぐるめー ID:JYndMsXg 21/07/25

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

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

ぐるぐるめー ID:JYndMsXg 21/07/25

テストしてみました。

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

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

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

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

さとぴあ@管理人 [URL] ID:.mgwGw8c 21/07/25

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

ぐるぐるめー ID:JYndMsXg 21/07/25

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

[35] 解決ありがとうございました!


ぐるぐるめー ID:ZN7okRe2 21/07/24

実はどうにもならないことなのかと思って我慢して使っていたのですが、Whyさんの書き込みと同じ症状が私にもあって、Whyさんの解決のために差とぴあさんが提案してくださった
touchaction noneのタグを入れてテストしてみたら、ズームしたり、そのまま動作が固まったりして描画続行不可能になるバグが解消されました。
Whyさんnice!I had same trouble too!
さとぴあさんもWhyさんもありがとうございます。

ぐるぐるめー ID:ZN7okRe2 21/07/24

すみませんまた問題起きています。
チキンペイントなのですが、iPadから描くと3回に一回ぐらい、突然ツールの切り替えなどあらゆるツールや設定、コマンドバーが選択を受け付けなくなって、投稿できなくなったり、ツール切替やレイヤー操作など描画以外の一切の動作ができなくなることがあります。

アップルペンシルのダブルクリックでズームするバグがあった時は、ズームしたまま固まったうえに、選択動作を受け付けなくなったので、ブラウザバックする以外になくなったのですが、タッチアクションのバグがなくなっても、稀に動作を受け付けなくなるバグは解決していません。
運がいいと描けるし投稿まで行くんですが博打です。何が影響しているか分かりません。

一番最初の最古のバージョンでは起きなかったことです。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

問題発生なんですね。
タッチアクションの制御をすべての要素にかけてしまっている事がおそらく問題のもとだとおもいますので、変更してみました。

https://pbbs.sakura.ne.jp/cgi/neosample/chibi/

ここでテストしてみていただくか、
PaintのテンプレートのHTMLを

div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chickenpaint-palette-body{
touch-action: none;
}

こんな感じにしてみていただけないでしょうか?

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

これでどうにかなるといいのですが。
もし可能ならこの設定でどうなるか教えてください。
よろしくお願いします。

ぐるぐるめー ID:ZN7okRe2 21/07/24

駄目ですね。ツールは試し書程度なら固まらないんですが、描きこみの細かい絵を描いていると、しばらく描画スペースに一定以上かかりきりで描きこむとほぼ100%ツールボックス周りが全滅になります。
スライダーを動かしたりといったアクションは受け付けるのですが、ツールの切り替えや、上部のコマンドバーもレイヤーも操作を受け付けなくなります。そのため投稿できず、ブラウザのタブを消すことになります。

試してみたのですが、この選択をブロックするタグやタッチアクションを消すタグを外したら相変わらず画面が水色になりますし、選択をブロックするタグ(4つセット)のどれが欠けても画面が水色になって選択をブロックできなくなります。
そして、チキンペイントだけタッチアクションブロックのタグを入れてみると、やっぱりダブルタップでズームして画面が固まるという動作が起きました。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

それでもだめな時は

.chickenpaint-palette-body{
touch-action: manipulation;
}

div#chickenpaint-parent :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chickenpaint-palette-body{
touch-action: none;
}

下の箇所の
touch-action: none;

touch-action: manipulation;
に変更。
iPadの実機が手元にあれば自分でテストできるのですが…。
よろしくお願いします。

ぐるぐるめー ID:ZN7okRe2 21/07/24 - Showing thumbnail -

やってみます。
ちなみにレイヤーをダブルタップして固まるとこうなり、この範囲しか操作できなくなるので、ブラウザ閉じるしかなくなります。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

あとは…。
https://thenickdude.github.io/chickenpaint-example/

chickenpaintの作者の方が設置したこのページでも、画面が選択されてしまうかどうか教えていただけないでしょうか。
できれば、問題が発生しているスクリーンショットを…。
作者の方にお願いしなければ解決しない案件かもしれませんので、作者の方に画像をみてもらいます。

ぐるぐるめー ID:ZN7okRe2 21/07/24 - Showing thumbnail -

やってみましたが、今度はタッチアクションの動作に全く影響なく、ズームするし固まります。
ドリームウィーバー上でタグの色が変わっていないのですが、これは効いていることになっているんでしょうか?ちょっと違和感があったので貼ります。

ぐるぐるめー ID:ZN7okRe2 21/07/24 - Showing thumbnail -

作者のページのスクショです。ばっちり画面が選択されます。
ただ、ズームはしないし、選択を受け付けなくなることはなかったです。

ぐるぐるめー ID:ZN7okRe2 21/07/24 - Showing thumbnail -

作者のサイトでも、ズームして固まりました。
ズームから復帰できないのは変わらないですね

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

選択させないCSSやtouchに関するCSSを削除して、

div#chickenpaint-parent:not(input)::selection {
background:none
}
これに置き換えるではどうでしょうか?
選択しても選択色をださないCSSです。

画面が選択される件を、chickenpaintの作者の方のissuesに報告する事にします。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

ああ、こっちでいろいろ追加しているから固まるわけではないのかも…。

ぐるぐるめー ID:ZN7okRe2 21/07/24

ちょっとテストしてみます。
前は、色を出さないタグでも色が出たので怪しい感じですが…。
あと、ズームして固まる点も報告してみていただけませんか?レイヤーがおちおち触れないです…

報告お願いいたします!

ぐるぐるめー ID:ZN7okRe2 21/07/24 - Showing thumbnail -

chromeでもSafariでも、色は消えないですね。色を消すタグは前も試しましたが効きませんね。あと、ズームの問題も解決していません。
うーん、作者さん待ちですか。しばらくはNEOを使います。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

どこをどのようにタップしたら拡大して固まるのかを
順序どおりにここに書いて頂ければ
報告の精度があがります。
お願いできませんか?

例えば、レイヤーのサムネイル部分をダブルタップしたら拡大して、
レイヤーの移動ができなくなった
投稿もできない

のような感じで。

ダブルタップしたら拡大してあることはできるけれど投稿はできない
しか今のところわからないです。

ぐるぐるめー ID:ZN7okRe2 21/07/24

うーん、そうですね、レイヤーをダブルタップしたときが高確率で起きるのですが、他のツールを(たとえばREDOの矢印ボタン)などを連続でタップしたときなど、他のツールでもダブルタップでズームは起きます。
ダブルタップでズームするとそこで画面が拡大して固定され、描画スペースに描きこむことは受け付けるんですが、その画面に表示されている範囲しか操作できなくなり、何度ダブルタップをしてもズームから復帰できません。

あと、細かく描画スペースに描きこんでいて、しばらくツールボタン周りを触らない時間ができると、ツールのボタンやコマンドバー周りが受け付けなくなります。こまめのツール切替そすることで運がいいとこれを回避できて投稿までできます。

ぐるぐるめー [URL] ID:ZN7okRe2 21/07/24

URL欄に書き込んだんですが、このサイトの、ダブルタップによる拡大縮小を無効にするタグは使えないでしょうかね?

ちょっと見つけたので、ちょっと試してみてまた報告します。

ぐるぐるめー [URL] ID:ZN7okRe2 21/07/24 - Showing thumbnail -

このURL欄に記載したサイトのタグと、画面選択をブロックするタグを併記して見たのが添付です。
タグ詳しくないのでベタっと貼ったのですが、ダブルタップはブロックできませんでした。(カラーピッカーをダブルタップしても拡大します。)
このタグの可能性を信じてみるとしたら、他に改良すべき点はあるでしょうか?
その改良されたタグを貼ってみます。
こちらで解決できる可能性を試してみたいです。

ぐるぐるめー [URL] ID:ZN7okRe2 21/07/24

ん?もしかして<style>の中に入れてるのが悪いんですかね?え?このタグってスタイルタグの中のタグで間違ってないですよね?
Javaタグの中に書くんですか?
え、どこのタグの囲みの中に入れるタグなんでしょう?そこから自信無くなってきた…

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

まだみていていただけたようなので…。

そのタグの調査もそうなのですが

<style>
* :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
}
</style>

これはどうでしょう?
選択も拡大もされなくなるけれど、操作できなくなるのが問題という事だったと思うのですが。
* :not(input){
にしているので、以前とちがってdivタグにしか効かないのではなく、
aタグにもすべて適用される形です。
JavaScriptは、記憶が正しければstyleの中には書けなかったと思いますが、
JavaScriptxJavaScriptなので、意図しない結果になるかもしれません。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

それから、操作不能になる場合の動作をもう少し詳しく知りたいです。
選択も、拡大もしないまではこれで実現できている筈ですので…。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

JavaScriptの場合はこうなります。
<script>
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);

</script>

ぐるぐるめー [URL] ID:ZN7okRe2 21/07/24

JavaScriptの場合はこうなります。
<script>
var lastTouchEnd = 0;
document.addEventListener('touchend', function (event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);

</script>

これをちょっと試してみますね。

選択を受け付けなくなるのは、ホントに何の拍子か分からないです。
細かくペンツールで線をガリガリ描写することに集中して、ツール切替を一定時間しないで書き込むと、ツール切替周りが一切選択を受け付けなくなります。
そのまま描画スペースに書き込み続けることは可能ですが、投稿ボタンも押せないので投稿もDLもできません。
試し書程度の書き込みではこの現象が出ません。ガリガリペンツールで書き込み続けると起きる現象です。これぐらいしかわからないですね。
ダブルタップで拡大縮小を禁止するJavaも試してみて、そのうえでの動作をチェックしてみます。

今の問題は
・ダブルタップによるズームから復帰できない
・画面が青く選択されるタグと、タッチアクションをブロックするタグを入れるとツール切替ボタンが死ぬ
という点ですかね…もっと知りたい点ありますか?

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

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

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

それから、もう一度、選択してしまっても
青くならないCSSを何パターンかやってみる事も検討中なのですが…。
青くなる状態でも、作者さんのサイトで拡大して操作できなくなったであってますか?
それだと、やっぱりタッチアクションを制御しないと駄目そうですね。

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

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

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

<style>
* :not(input){
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none !important;
}
</style>

touch-action: none !important;

!important 付きもテストしてみていただければ幸いです。

ぐるぐるめー [URL] ID:ZN7okRe2 21/07/24 - Showing thumbnail -

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

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

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

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

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

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

ぐるぐるめー [URL] ID:ZN7okRe2 21/07/24

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

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

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

ぐるぐるめー ID:ZN7okRe2 21/07/24

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

Why ID:OYQJedW. 21/07/24

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.

[34] Chickenpaint accidentally zooms on Ipad


Why ID:r305jPp2 21/07/22

Hi, thanks again for bringing back OekakiBBS! Apologies for English, or if I posted in the wrong place....

I've noticed when using Ipad+Apple pencil, Chickenpaint zooms in when double tapping on the "Misc" toolbar. This can make drawing quite cumbersome when you want to undo multiple strokes. The only way to unzoom is to either use pinch gestures on the toolbar or scroll to "Tool Options" and double tap there.

Interestingly, this behaviour isn't observed trying the sample program on the developer's site thenickdude.github.io/chickenpaint-example/

IOS Version 14.6
Browsers: Safari and Chromium

さとぴあ@管理人 [URL] ID:1Fy3DQgo 21/07/22

i Investigate this issue.
But the problem is that I don't have an iPad.
It would be nice if we could compare the codes and see, but the cause may remain unknown.
ありがとう。

さとぴあ@管理人 [URL] ID:1Fy3DQgo 21/07/22

This script section of the Paint screen template HTML is not required in the latest version of ChickenPaint.
At the moment I only know that much.
<script>
/* Check for native pointer event support before PEP adds its polyfill */
if (window.PointerEvent) {
window.hasNativePointerEvents = true;
}
</script>
I uploaded a modified version to GitHub, but I can't figure out if it's the cause because I can't reproduce it.
And if you have a screenshot of the chickenpaint screen you're having problems with, could you attach an image and upload it to the bulletin board?
よろしくお願いします。

さとぴあ@管理人 [URL] ID:1Fy3DQgo 21/07/22

It's just a guess, but it's possible that your browser's cache is loading old CSS.
That's because the old CSS didn't display the ChickenPaint page correctly, as I just looked at it.


さとぴあ@管理人 [URL] ID:1Fy3DQgo 21/07/22

https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
Maybe this is it.
I'm investigating.

さとぴあ@管理人 [URL] ID:1Fy3DQgo 21/07/22

>IOS Version 14.6
>Browsers: Safari and Chromium

touch-action: none;
And even though it's iOS 14, it doesn't work ...

I will check it a bit more.
If I had a little more technology, I would be able to solve it ...

Why ID:HfFhudDQ 21/07/23 - Showing thumbnail -

Thanks for the update. Here’s the following image of the problem. Apologies for not sending earlier! I’m still getting used to IPad’s file system…
I also tried chicken paint on the boards you provided, the problem still persists, unfortunately… の

Why ID:HfFhudDQ 21/07/23 - Showing thumbnail -

Unzoomed, for reference. I also noticed double tap zoom also happens on the rest of the toolbars, the canvas is fine however.

Minor issue; some text gets highlighted while drawing. It’s merely cosmetic and doesn’t affect drawing though.

Cheers again for the good work!

Why ID:HfFhudDQ 21/07/23

I went back to chickendude's sample page
thenickdude.github.io/chickenpaint-example/

Double tap zoom is disabled on the "Tools, Misc, Stroke and Color swatches" toolbars. The rest also have the double tap problem. Pinch zoom works on all toolbars except the canvas however.

Let me know if there's anything you need to test! I'll be happy to help.

さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23

Viewport Has Been Changed.
Try this.
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/
よろしくお願いします。

Why ID:HfFhudDQ 21/07/23

Done.
The problem still persists. I tried a new incognito window to clear the cache, in case that's causing problems.

I didn't notice until now, but the "Tools" menu doesn't have the double tap issue, I believe it's always been that way. I tested on my board as well.

さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23

Please test again.
To explore the cause, I turned off CSS other than ChickenPaint.
https://pbbs.sakura.ne.jp/cgi/neosample/poti-board-en/

Why ID:HfFhudDQ 21/07/23

Done. The behaviour remains the same.

さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23

Please test again.
I turned off the CSS for select none.
Can you tell me if the issues still occurs in full screen mode?あ

Why ID:HfFhudDQ 21/07/23

That worked!
The double tap problem is gone now. Full screen mode on and off.
I also don't notice the text selection problem anymore. Pen mode also doesn't mistakenly register finger strokes (weird 3D pattern). Amazing.

I still observe double tap zooming on "Color, Textures, Layers and Tool options", if it's easy to disable these, by all means. But I don't think a big deal for regular drawing use.

Thanks for all the hard work.

Why ID:HfFhudDQ 21/07/23

Update: there's some unintended screen selection problems when pressing and holding on the canvas. I'll try to upload images of the issue.

I tried on the old Chickenpaint, pressing and holding on the canvas normally selects text on the bottom of the screen (see #282), now it selects a bar on the bottom or the entire screen depending on palm activity?


Why ID:HfFhudDQ 21/07/23 - Showing thumbnail -

This is what happens upon press+hold on the sides of the canvas

さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23

CSS prevents screens from being selected

There is a issues that the screen is enlarged when double tapping

Revert to original code

In addition, there is a issues that the screen is selected.

I will investigate a little more.

Why ID:HfFhudDQ 21/07/23 - Showing thumbnail -

Press+hold near the middle of the canvas (more intrusive). Also forgive me, it doesn’t depend on palm activity, just the location on the canvas that’s press+held.

Pen is registering finger strokes again, I’m not sure what disabled it earlier… Not a big deal however. あ

さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23

<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/

Why ID:HfFhudDQ 21/07/23

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

さとぴあ@管理人 [URL] ID:t0vi44ZY 21/07/23

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

さとぴあ@管理人 [URL] ID:8cZ9Skvk 21/07/24

<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.

Why ID:OYQJedW. 21/07/24

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

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