お絵かき掲示板

問題となるケース。
本人の描いたつもりではないBZの線が出てくるので、
動画から続きを描く時に、それまでの過程での塗りつぶしもそれにそって変わってしまいます。

https://imgur.com/a/8vqzi3C
↑
再現手順を動画で撮りなおしました。

たくさん書き込んでしまってすみません…。

動画ありがとうございます。
すばやく引くから問題なのではなくて、枠外から引くのが問題なのですね。
これは直したいと思います。ちょっと面倒そうですが……

v1.4.10で修正しました。
再現動画が無ければ修正できませんでした。
うまく表現できませんが、とても感謝しております。

検証不十分で報告してしまったり…もかなりあって、対応が大変だと思いますが、役立つものもあって良かったです。

v1.4.10で修正しました。
ベジェもそうですが1.0.0の頃からずっとあったミスが
動画記録のせいでぼろぼろ見つかる感じです。

描画している時はキャンバスでは見えず、投稿された画像にも描画されていないBZの線が動画で再生されます。
再現手順。
BZを選択する
キャンバスの上のほうで、直線をひいているつもりで、すばやく左から右へペンを動かす。
その時、BZが選択されていて、描画している筈なのに画面には何も描画されていないことを確認。
その後なにか描いてみて、画面を空白にしないようにして投稿(真っ白画像が同じ画像がありましたになるため)。
すると、最初のBZの線が左隅から引いてあった事になって再生されます。

動画には出現するBZは、いまのところすべて左上の隅からです。
しかしこの場合、キャンバス上で描かれていないとおかしいのに描画されなかったという事でもあるので、
動画に線が出てくるからおかしいともいえず、BZの動作がなにかおかしくなっている事しかわからない状態です。
画像の赤丸は、別なソフトで入れたものです。

こちらでは再現うまくできないのですが……

ベジェは重いので、デバイスによっては最初1秒近く画面が固まってしまうことがありました。
そこで操作性を改善するために最初の数割り込みの間だけ破線で描画しています。
その間に早く動かれると……正直困ってしまうというか、どう直すのが正解なのか、よくわかりません。

とりあえず後回しということで……。

bzが動画では破線になります。

どうなっているかわかりませんが、投稿してみました。

動画では、破線の範囲への塗りつぶしと認識され、塗りつぶしがはみ出します。

v1.4.9で修正しました。
確認お願いします。毎度どうもすみません。

BZ直っていました。迅速な対応ありがとうございます。
<div id="viewerBar" class="buttonOff" style="display: inline-block; width: 150px;"></div>
が下にはみでてきますが、これは、開発中だから…
という認識でいいのでしょうか。
当面はdisplay: noneにこちらでしておけばいいのかな…と思いますが。

>当面はdisplay: noneにこちらでしておけばいいのかな…と思いますが。
その通りであります……

>1.4.6で消し四角を使うと設定に関係なく消える
>のが逆に消えていない事になる事もあるのでしょうか？
v1.4.6の消し四角ではマスクの状態が保存されていないので
直前にマスクを使った描画が行われていればそのマスクがそのまま次の消し四角にも適用されてしまいます。
その間にマスクを変更していれば消えずに残ることもあるはずです。
確認したわけではないのですが……

ありがとうございます。
追試してみます。

すでに1.4.8が出ているので、対応は不要だと思いますが、
追試してわかった事を書いておきます。
ただの報告として読んでいただけたなら幸いです。
ネコ娘の動画は、消し四角に関するコードを元に戻しても、下描きの線が見えたままでした。
もしかしたら…という事で、1.4.6と1.4.5で再生してみたところ、最初に再生されていた状態にするにはViewerのバージョンが1.4.5でなければならない事がわかりました。
もっとも、1.4.5のアニメでも、描いた筈の線が消えていますから、1.4.5の時点での記録が正しくなかったという事なのかもしれません。
おそらく、途中で全消しを使っています。
1.4.6で再生すると、リボンの輪郭の主線がでてきますが、1.4.5では見えません。
少なくとも、ネコ娘の動画に関しては、消し四角は関係ないようです。
再現テストでは、ペイントのテンプレートでneo.jsのファイル名をエディタで変更しながら作業しましたので、キャッシュをひきずっての誤認はおそらくないと思います。

レポートどうもありがとうございます。
自分でもなんか怪しいなあ……とは思っているのですが後回しということで……

私の配布物も、問題に気がついているのにまだ修正していなかったりしますし、修正の義務もない筈ですから…。
とはいえ、neoが無かったら絵板サイトを終了していた可能性も高いです。
そういう意味では依存してしまっている状態…です。
レポートの内容も役立つものとそうでないものがあると思いますので、適当に受け流していただければ幸いです…。

1.4.8で描いて再生した動画では問題ないので、おそらく必要のない調査…だと思いましたが調べてみました。
Neo.Painter.prototype.eraseRect = function(layer, x, y, width, height) {
の中の3146行
//var a = 1.0 - (this._currentColor[3] / 255.0)
//this.alpha;
var a = 1.0 - this.alpha;
1.4.8のneo.jsのこの箇所の箇所を1.4.5に戻したところ1.4.5と同じ再生になりました。おそらく必要があって修正した箇所だと思いますので、こんな箇所だった…という報告として受け止めていただけたら幸いです。ちなみに、内容比較をして記述をもどしているだけですので、どんな処理なのかはわかっていません…。

P.S
そこだけ元のコードにもどした状態で描いてみましたが、消し四角が動画では薄く消えず全部消えました。結局消し四角だったという事のようです…。いろいろとすみません。

再現手順。
1.レイヤー1をＡ255で塗りつぶす
2.レイヤー1を非表示にする
3.レイヤー0に描く。
4.投稿ボタンを押す。
発生する現象。
動画に、非表示にしたレイヤー1の塗りつぶし画面が表示される。

レイヤー0、レイヤー1ともに、レイヤーの非表示が動画に記録(？再生の問題)されないようです。
こちらで試した限りでは、数回の動画からのコンティニューでも同様の結果となりました。

レイヤーの表示・非表示は記録していません。
java版のPaintBBSでもレイヤー１を非表示にして保存すると
動画では表示されたまま再生されると思います。
java版では表示・非表示の状態を再生する方法があるのでしょうか？

書き込んだあと、Java版でももしかしたら、記録されていない？
とテストして思ったのですが、
HTML5版では記録という事もあるのかもしれない…
と思ってそのままにしました。
仕様という事で了解いたしました。
仕様が理解できていない状態で、無駄な追試や再現テストをしている…状態なものですから。
だいぶ困らせてしまっているような気もするのですが、
どうか許してください。

いえ、大変助かっていますのでどんどんお願いします。
今は絵を描くこともバグの原因をじっくり考えることもできない状態でして、
誰かが描いたり考えたりしてくれないとテストも何もできません。