title: canvas - drawing animated fur like grass with wind and cursor input
body: <p>I modified a very complicated animated grass example found here and checked a few other examples. I want to make something very similar to this but less complicated code. safari is on its knees trying to render this... also I had to use css transforms to get it to hang from the top of the browser window as desired.</p>
  
  <p><a href="http://yak.is/hairy/" rel="nofollow">http://yak.is/hairy/</a></p>
  
  <p>if someone could just explain the basics. I'm lost trying to comprehend the code I hacked.</p>
  
  <p>here's another one I tried:</p>
  
  <p><a href="http://yak.is/hairy/2.html" rel="nofollow">http://yak.is/hairy/2.html</a></p>
  
  <p>the shape isn't very hair-like at all, but I do like the simplicity and the cursor input.</p>
  
  <p>basically:</p>
  
  <p>need to draw a realistic-looking amount of hair/fur across the top of the screen (updating canvas width to window width and drawing the correct density of lines) and give them a natural-looking automatic "sway" in the wind.</p>
  
  <p>each line will bend a little bit from cursor input.</p>