stroke looper animation

description.md

http://bouboucle.com?gist=f5d057fa9005afe094cde286e6023343

looper.jsonp

load({"width":1366,"height":527,"speed":1,"lineData":[{"start":1716387025504,"last":747,"beat":2000,"lifetime":500,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[2,52,68,84,101,118,134,151,168,184,201,218,234,251,268,284,301,318,334,351,368,384,401,418,434,451,467,484,501,518,534,551,568,584,601,618,634,651,668,684,701,718,734],"segments":[[302,378],[321,377],[357,365],[387,347],[417,327],[446,302],[479,273],[510,244],[554,204],[595,168],[621,143],[645,124],[665,108],[682,94],[694,84],[711,73],[723,69],[729,68],[733,70],[736,74],[739,81],[740,93],[736,120],[728,152],[720,174],[714,195],[708,215],[704,233],[702,250],[700,276],[701,300],[703,314],[706,327],[709,339],[713,349],[718,358],[726,368],[737,375],[745,377],[752,377],[760,376],[771,372],[779,367]]}],"backgroundColor":"rgb(255,255,255)"});