Question

I am searching for the scratchOut effect, call it whatever you like.

Its the effect of an image being erased from the foreground so the background image becomes visible.

I have tried to recreate this effect using a jquery plugin but its simply not as smooth as i would like it to be.

Does anyone have this effect or has already recreated or seen this somewhere?

Example in comment, it is not perfect yet, but you get the idea if you look at it.

Was it helpful?

Solution

I found a few plugins.

They all work with mousedown to scratch the image, otherwise I think they are close what you are looking for. It shouldn't be very hard to change to mousedown behavior and make it loop automatically.

http://rabidflash.com/authoring/codecanyon/scratch/

http://www.senamion.com/blog/2010/03/30/jquery-jscratchcard-scratchcard-effect-on-image/

http://www.htmldrive.net/items/demo/880/Images-Scratch-Card-Plugin-jQuery-Scratchie

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top