Home › Forums › JavaScript › Motion Blur Possible With jQuery?!
- This topic is empty.
-
AuthorPosts
-
February 11, 2013 at 7:40 pm #42662JochimParticipant
Hi
I’m currently working on a one-page website with links that scroll up/down on the page it already uses a smooth scrolling plugin but I also want to add a little motion blur effect.. I’ve heard this is possible with jQuery but I can’t find any plugins that do this, please help!
February 11, 2013 at 11:26 pm #124144Noel ForteParticipantHi-
My initial impression when reading this is that it is pretty much impossible to do this sort of thing with jQuery alone, as you are just positioning elements on the page, and animating their position by injecting CSS rules via javascript using jQuery.However, with a [quick google search](https://www.google.com/webhp?sourceid=chrome-instant&ion=1&ie=UTF-8#hl=en&tbo=d&sclient=psy-ab&q=motion%20blur%20in%20jquery&oq=&gs_l=&pbx=1&fp=cecfd734039d8d45&ion=1&bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&bvm=bv.42261806,d.dmg&biw=1758&bih=835 “google search”) I was able to locate [this post](http://stackoverflow.com/questions/9638763/how-to-apply-a-motion-blur-in-javascript-jquery “the post on stack overflow”) on StackOverflow.
It would appear from what people are saying, that there are other ways of accomplishing this task without the use of jQuery alone, because as I said before, jQuery isn’t really capable of doing something like that. The first method I’ve seen is to switch out the elements with blurred copies when animating, but that can be a little tedious. The second thing people are auggesting is blurring using the HTML5 canvas, as per [this article](http://www.flother.com/blog/2010/image-blur-html5-canvas/ “an article on html5 canvas blurring”).
As for accomplishing this sort of thing with links, it might be more challenging, but you might be able to accomplish the effect with replicating CSS3 `text-shadows` on the linked items varying levels of transparency to simulate motion blur samples.
Also, be advised that all of what’s discussed above is very new tech and is likely to not work across all browsers, espacilly those that aren’t current releases.
Hope this is a good start to approaching this problem.
-N.
February 12, 2013 at 1:29 am #124159TylerNYCMemberMooTools can do this with it’s Transition effect.
-
AuthorPosts
- The forum ‘JavaScript’ is closed to new topics and replies.