Lepsze rozmycie ruchu płótna

To byłozapytałem wcześniej, ale zaakceptowane rozwiązanie nie działa dla mnie (dosłownie nic nie rozmazuje się dla mnie w połączonym demo) i jest to trochę zamieszania z udziałem dwóch elementów płótna.

Obecnie stosuję technikę rozmycia ruchu „biednego człowieka”, która zasadniczo polega na wyczyszczaniu obrazu źródłowego do płótna w kółko, a po każdej iteracji upuszczaniu półprzezroczystego prostokąta w tym samym kolorze co tło na górze.

Oto demo:http://jsfiddle.net/YmABP/

Jak widać, działa to dobrze na krawędziach obrazu, ale wewnętrzne części obrazu w ogóle się nie rozmazują i wyglądają okropnie z obrazami, które mają częściową przezroczystość.

Czy jest lepsza technika rozmycia ruchu? Idealnie chciałbym móc zrobić coś takiegocontext.drawImage i podaj parametr nieprzezroczystości w, ale AFAIK nic takiego nie istnieje. Niektóre obrazy mogą być przechowywane w domenach innych firm, więc nie będę miał dostępu do poszczególnych danych pikseli. Jeśli sprowadza się to do tego, możemy przeciągnąć obrazy na nasz serwer, a następnie mogę iterować po każdym pikselu i narysować go jako półprzezroczysty mały prostokąt, ale to wydaje się przesadą.

Czy ktoś wie o lepszym rozwiązaniu motion blur, najlepiej takim, którego mogę używać ze zdalnymi obrazami?

Wątpię, żeby to miało znaczenie, ale dla moich obecnych celów rzeczy poruszają się tylko w górę.