stroke looper animation

description.md

http://bouboucle.com?gist=46f6f83fad719d675d345791f858a77c

looper.jsonp

load({"width":428,"height":671,"speed":1,"lineData":[{"start":1712868382504,"last":1463,"beat":2000,"lifetime":500,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[1,97,111,129,145,162,178,195,212,228,245,262,278,295,312,328,345,362,379,395,412,428,445,462,478,495,512,528,545,562,579,595,612,630,647,679,695,713,729,745,762,778,796,812,828,845,862,878,898,912,929,945,962,980,995,1012,1029,1045,1062,1079,1095,1112,1129,1145,1179,1195,1212,1229,1245,1262,1279,1295,1312,1329,1346,1362,1379,1396,1412,1429,1445,1462],"segments":[[150,363],[157,364],[167,340],[182,311],[196,285],[205,266],[206,257],[199,246],[184,235],[167,224],[151,217],[133,214],[114,213],[95,213],[80,216],[70,227],[67,242],[67,256],[74,270],[88,285],[105,301],[122,316],[138,328],[149,333],[157,333],[165,330],[174,325],[182,322],[189,319],[194,316],[199,314],[203,313],[208,310],[211,308],[214,307],[218,307],[221,307],[224,307],[226,311],[230,316],[235,324],[241,334],[248,344],[252,353],[255,361],[255,367],[256,372],[256,376],[256,382],[254,390],[250,400],[246,410],[242,419],[237,425],[232,429],[224,431],[216,431],[208,428],[200,425],[192,422],[182,419],[172,417],[164,415],[159,414],[157,411],[156,407],[153,403],[148,396],[143,388],[138,379],[136,367],[136,351],[136,335],[136,324],[136,315],[135,309],[133,302],[132,292],[132,281],[132,268],[133,256],[134,251]]}],"backgroundColor":"rgb(255,255,255)"});