POTI改 設置サポート掲示板

NSFW:

[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

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

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