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ę.