[39] ダブルタップズーム対策テスト
さとぴあ@管理人 [URL] ID:s2RWmGnY 21/07/31
ぐるぐるめー ID:w.mDEWpY 21/07/31
20htmlはレイヤーとペンの設定の部分でズームが起きました。でも、ツールが死ぬことはなかったです。二本指ダブルタップで復帰もできました。
30htmlは、かなりいい感じでした。
どこをダブルタップしてもズームが起きないし、かなり書き込んでもレイヤー移動してもレイヤー効果を使ってもツール選択などの動作が死ぬことはなかったです。
今後かなりの大作を書き込んだ場合にツールが死ぬなどなければ、かなりいい感じだと思います。
30htmlは、かなりいい感じでした。
どこをダブルタップしてもズームが起きないし、かなり書き込んでもレイヤー移動してもレイヤー効果を使ってもツール選択などの動作が死ぬことはなかったです。
今後かなりの大作を書き込んだ場合にツールが死ぬなどなければ、かなりいい感じだと思います。
さとぴあ@管理人 [URL] ID:s2RWmGnY 21/07/31
実運用で使って、どこまで問題が発生しないかですねぇ。
20.htmlは、部分的にはダブルタップズームが発生するように最初からなっています。
しかし、こんな感じに細かくピンポイントでタッチアクションを制御すれば、対応できるかもしれないという雛形です。
30.htmlは、最近更新されたルールも入ったJavaScriptなので、もしかしたらうまく動作するのかもしれません。
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>の間に入れる、ですね。
ただ、これも前回のように変形操作なども含めてやってみてどうなるか…が心配です。
<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.
の
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分で手の込んだ絵を描いてもバグは起きず、無事投稿までできました！！今までだったら絶対何かおかしな挙動が起きていたような絵です。
大成功ですよ！！
本当にありがとうございます！
大成功です！！レイヤー移動、変形などを行ってもツールボックスが死なないし、ダブルタップをしても拡大しないし、18分で手の込んだ絵を描いてもバグは起きず、無事投稿までできました！！今までだったら絶対何かおかしな挙動が起きていたような絵です。
大成功ですよ！！
本当にありがとうございます！
さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01
お手数をおかけしますが、様子見をよろしくお願いします。
{ passive: false }が最新のブラウザでは必要なのに、これまでのJavascriptには入っていなかったとか、そのあたりに原因があったのかもしれません。
ただ、2時間かけた絵が投稿できなくなったとか…。いろんな人が操作した結果どうなるのかまでは把握できないとか、検証が難しい点もありますね。
これまでのアイコン無反応問題がなぜでていたのかが明確にわかれば…まだ状況がちがってくるのですが。
{ 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の著作リンクのところも選択されないようにしたものです。
このあたりの選択も何か影響があったのかもしれません。
ご面倒をおかけしますが、しばらくこれで買ってみて頂いて、問題が発生するしないの確認をしていただけるととても助かります。
<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.
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がダブルタップを判定している処理がそのあたりに入っていたものですから…。
レイヤー名は変更できるか?
レイヤー名が変更できる、できないに関わらず、その後の操作でアイコンが無反応になるようなトラブルは発生しないか?
以上の点を可能でしたら教えてください。
chickenpaintがダブルタップを判定している処理がそのあたりに入っていたものですから…。
ぐるぐるめー ID:h0HYSsj6 21/08/01
ディスコ鯖の仲間に声かけてテストしてもらったら、初代iPadproの方が、Chromeのバージョン９２で、拡大が起きたようです。
＞ツール→一度選ぶたびに閉じる
[16:37]
画面が拡大して固まる→リロードしても拡大のままだったので一旦ページ閉じ
消しゴムを使うと白背景が消えて透明化する（レイヤーとかで解決？
手ブレ補正は効いている模様
（iPad Pro Chrome Apple pencil初代)
[16:38]
遅延なのか一回で線が引けない時あり。
とのことです。
レイヤーのリネームもテストしてみますね。
＞ツール→一度選ぶたびに閉じる
[16:37]
画面が拡大して固まる→リロードしても拡大のままだったので一旦ページ閉じ
消しゴムを使うと白背景が消えて透明化する（レイヤーとかで解決？
手ブレ補正は効いている模様
（iPad Pro Chrome Apple pencil初代)
[16:38]
遅延なのか一回で線が引けない時あり。
とのことです。
レイヤーのリネームもテストしてみますね。
ぐるぐるめー ID:h0HYSsj6 21/08/01
レイヤーのリネームもできましたね。その後ツールが固まったりはしていないです。
初代iPadproの挙動気になりますね。
初代iPadproの挙動気になりますね。
ぐるぐるめー ID:h0HYSsj6 21/08/01
液タブからテストしてくださった方もいて、以下の通り、問題なく動いたようです。
＞そもそもiPad向けのテストだと思いますので趣旨が違うかもしれませんが
Windows＋GoogleChrome＋Cintiq pro（液タブ）でテストしました
①ツールボックス周りをダブルタップして拡大が起きるか
②拡大した場合二本指のダブルタップで拡大から復帰できるか
PC版だとできなさそうです
そもそも指タップ非対応の液タブなので当然といえば当然でした！
③レイヤー移動、変形、長時間細かく描き込みしてもあらゆるツールを使っても、ツール選択やコマンドなどの切り替え（ボタンが押せるか）ができるかどうか
問題なく動作しました！
ということで、目下の問題はもう一度初代iPadproの方がテストしてどう動くかですね。
もう一回夜にテストしてくれるそうです。
＞そもそもiPad向けのテストだと思いますので趣旨が違うかもしれませんが
Windows＋GoogleChrome＋Cintiq pro（液タブ）でテストしました
①ツールボックス周りをダブルタップして拡大が起きるか
②拡大した場合二本指のダブルタップで拡大から復帰できるか
PC版だとできなさそうです
そもそも指タップ非対応の液タブなので当然といえば当然でした！
③レイヤー移動、変形、長時間細かく描き込みしてもあらゆるツールを使っても、ツール選択やコマンドなどの切り替え（ボタンが押せるか）ができるかどうか
問題なく動作しました！
ということで、目下の問題はもう一度初代iPadproの方がテストしてどう動くかですね。
もう一回夜にテストしてくれるそうです。
さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01
実際の画面をみていないので、ほとんどエスパーなのですが、
>遅延なのか一回で線が引けない時あり。
手ブレ補正のスライダーを右に寄せているとそう感じる動作になるかもしれません。
もし手ブレ補正をかけていた時にだとしたら、それは正しい動作だと思います。
＞ツール→一度選ぶたびに閉じる
画面がわからないのでなんともいえませんが、chickenpaintは画面の縦の幅が足りない時に画面がメニューで埋まらないように
ツールを自動的に閉じますから、それはスマホモードに入った状態だと思います。
画面が拡大していても、縦の幅が足りなくなりますから、スマホモードにはいってしまったのかもしれません。
液タブでは、ダブルタップで拡大するそしてもとの倍率に戻すなどの動作がはじめからないので何も起きなくて正解だと思います。
>消しゴムを使うと白背景が消えて透明化する（レイヤーとかで解決？
正常動作です。
白レイヤーには何もかかないもあり。
(クリスタと同じ)
白を消すのは透過pngを出したい時です。
>レイヤーのリネームもできましたね。その後ツールが固まったりはしていないです。
かなりひやひやしながら調べていましたので、問題なくてよかったです。
ただ、リネームを数回繰り返した時にどうなるのかはちょっと気になります。
>遅延なのか一回で線が引けない時あり。
手ブレ補正のスライダーを右に寄せているとそう感じる動作になるかもしれません。
もし手ブレ補正をかけていた時にだとしたら、それは正しい動作だと思います。
＞ツール→一度選ぶたびに閉じる
画面がわからないのでなんともいえませんが、chickenpaintは画面の縦の幅が足りない時に画面がメニューで埋まらないように
ツールを自動的に閉じますから、それはスマホモードに入った状態だと思います。
画面が拡大していても、縦の幅が足りなくなりますから、スマホモードにはいってしまったのかもしれません。
液タブでは、ダブルタップで拡大するそしてもとの倍率に戻すなどの動作がはじめからないので何も起きなくて正解だと思います。
>消しゴムを使うと白背景が消えて透明化する（レイヤーとかで解決？
正常動作です。
白レイヤーには何もかかないもあり。
(クリスタと同じ)
白を消すのは透過pngを出したい時です。
>レイヤーのリネームもできましたね。その後ツールが固まったりはしていないです。
かなりひやひやしながら調べていましたので、問題なくてよかったです。
ただ、リネームを数回繰り返した時にどうなるのかはちょっと気になります。
さとぴあ@管理人 [URL] ID:nzglZjoc 21/08/01
あとは、仮に初代iPadで拡大が起きたとしても、投稿できない、あるいは描けないといったトラブルが無ければ…。
今回のJavaScriptを導入してもいいのかもしれません。
初代iPadまでサポートしきれなかったとしても、悪影響がないのであれば、という感じになりますね。
今回のJavaScriptを導入してもいいのかもしれません。
初代iPadまでサポートしきれなかったとしても、悪影響がないのであれば、という感じになりますね。
ぐるぐるめー ID:h0HYSsj6 21/08/01
レイヤーはリネームしまくりましたが動作は正常に動きましたね。
初代iPadproの方は、今お仕事絵を描いているのでお仕事が終わってからになりますが、二本指ダブルタップで復帰ができればそれで回避してもらえるかなという感じですかね。
今回のはかなり沢山の人に試してもらったんですが、無印iPad第６世代でも動作確認が取れたので、かなりいいと思います。一時間描き続けても固まらなかったみたいですから！
本当にお疲れさまです。
初代iPadproの方は、今お仕事絵を描いているのでお仕事が終わってからになりますが、二本指ダブルタップで復帰ができればそれで回避してもらえるかなという感じですかね。
今回のはかなり沢山の人に試してもらったんですが、無印iPad第６世代でも動作確認が取れたので、かなりいいと思います。一時間描き続けても固まらなかったみたいですから！
本当にお疲れさまです。
ぐるぐるめー ID:CQvY4Ql2 21/08/02
＞さとぴあさん
続報です。二回目のテストでは拡大は起こらなかったそうです。何かChromeの更新が入ったタイミングだったとか掲示板のアプデの読み込みが遅かったとか、何かあったのかもしれないです。
無事投稿までできて、ツールが死んだりはしなかったそうです。
多分リリースしても問題ないと思います！
続報です。二回目のテストでは拡大は起こらなかったそうです。何かChromeの更新が入ったタイミングだったとか掲示板のアプデの読み込みが遅かったとか、何かあったのかもしれないです。
無事投稿までできて、ツールが死んだりはしなかったそうです。
多分リリースしても問題ないと思います！
さとぴあ@管理人 [URL] ID:Vnecm.fI 21/08/02
ありがとうございます。
準備はしていますが、もう数日様子をみます。
https://pbbs.sakura.ne.jp/
の絵板には、ダブルクリックイベントをキャンセルするJavaScriptを導入ずみです。
そこで不具合の報告があるないを確認中です。
準備はしていますが、もう数日様子をみます。
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!
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.
あ
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.
が
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
あ
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?
あ
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.
あ
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.
あ
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.
あ
↑
cssのタッチアクションを別の方法で。
https://pbbs.sakura.ne.jp/localPaintBBS/chickenpaint/30.html
↑
ダブルクリック(タップ)の時はイベントをキャンセルするJavaScript。
どちらも、動作に悪影響がでる可能性のあるものですが…。
情報は多いほうがいいと思いましたので、
すみませんが、テストをよろしくお願いします。