title: HTML5 Scratch Card
body: <p>I'm trying to setup a wee scratch card game, where there are several panels and you drag over or touch (ipad, smartphone etc) to scratch and reveal the image beneath.</p>
  
  <p>I'm not a JS guru so I've searched extensively and found what I believe is the best script:</p>
  
  <p><a href="http://www.websanova.com/tutorials/jquery/html5-jquery-scratch-pad-plugin" rel="nofollow">http://www.websanova.com/tutorials/jquery/html5-jquery-scratch-pad-plugin</a><br />
  Uses canvas and jQuery. It also lets you see the percentage scratched but it doesn't work on mobile.</p>
  
  <p>I'm looking at the JS but don't know how to go about adding touch events to the script:
  <a href="https://github.com/websanova/wScratchPad/blob/master/wScratchPad.js" rel="nofollow">https://github.com/websanova/wScratchPad/blob/master/wScratchPad.js</a></p>
  
  <p>?</p>