修正前のコピー方式
— ms
測定前
SAME IMAGE. SAME BLUR. LESS COPYING.
ぼかしは同じ。
コピーを、1回に。
同じ行を横幅の回数だけコピーすると、何が起きる？
あなたのブラウザで、実際の処理を比べてみよう。
● 画像は端末内で処理・送信なし
BEFORE
1行 × 横幅回
▰ → ▰ ▰ ▰ ▰ ▰ …
float32 経路で、行全体のコピーが
画素のループの中に入っていました。
AFTER / 修正案の再現
1行 × 1回
▰ → ▰
繰り返しだけを除去。
方向性ぼかしの計算は共通です。
01 / 実験する
Web Worker・Float32Array・RGB 3平面サンプル画像を用意しました。実測ボタンから始めてください。
各方式を1回ウォームアップ後、順序を交互にして測定。中央値を表示します。高解像度の旧方式には時間がかかります。タブを前面に置いて測定してください。
修正後のコピー方式
— ms
測定前
02 / 同じ結果か、確かめる
測定すると最大絶対差・RMSE・異なる要素数を表示します。
差分は float 値の絶対差を32倍で表示。黒は差なし。画面表示前の RGB float32 全要素を比較します。