stroke looper animation

description.md

http://bouboucle.com?gist=9a82ef378c5a6f4815f514da15aa3a84

looper.jsonp

load({"width":1024,"height":585.33,"speed":0,"lineData":[{"start":1606033375331,"last":0,"beat":2000,"lifetime":500,"color":"#FF7043","multiPeriod":1,"strokeWidth":7,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[480,237],[459,239],[455,242],[445,257],[440,284],[441,308],[446,317],[453,325],[462,329],[472,330],[482,330],[494,327],[504,322],[513,315],[521,309],[527,301],[532,291],[536,276],[538,261],[538,249],[535,239],[529,230],[522,224],[514,221],[505,220],[494,221],[483,228],[473,238],[466,245],[463,249]]},{"start":1606033375331,"last":0,"beat":2000,"lifetime":500,"color":"#FF7043","multiPeriod":1,"strokeWidth":7,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[521,222],[515,216],[512,209],[510,200],[510,191],[510,181],[515,169],[525,158],[536,149],[546,144],[559,141],[572,140],[585,140],[596,149],[604,160],[607,176],[607,194],[599,212],[587,227],[573,240],[560,247],[547,253],[536,256],[531,257],[536,257],[546,256],[559,255],[571,255],[582,256],[592,260],[599,266],[603,274],[605,284],[605,296],[601,306],[592,317],[580,326],[567,331],[556,334],[547,335],[543,335],[550,338],[561,344],[571,349],[580,354],[586,361],[588,368],[588,376],[579,387],[565,398],[548,405],[527,410],[507,410],[487,407],[472,400],[462,393],[457,386],[456,379],[456,373],[463,369],[473,368],[482,368],[488,370],[490,374],[490,379],[485,384],[473,388],[458,389],[440,389],[422,383],[406,374],[395,364],[389,354],[388,342],[388,330],[393,319],[402,311],[412,306],[420,305],[425,305],[426,308],[420,311],[412,311],[403,304],[393,290],[385,271],[380,251],[380,235],[380,221],[386,211],[395,208],[404,207],[410,211],[413,218],[413,224],[408,227],[400,227],[390,225],[380,213],[373,197],[370,183],[370,169],[375,158],[383,151],[394,147],[406,147],[417,150],[425,156],[430,160],[432,150],[434,140],[439,133],[447,130],[459,131],[472,139],[483,150],[491,159],[495,167],[497,171],[497,174]]},{"start":1606033375331,"last":0,"beat":2000,"lifetime":500,"color":"#FF7043","multiPeriod":1,"strokeWidth":7,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[560,340],[564,336],[568,335],[578,332],[592,332],[606,332],[620,335],[632,341],[643,347],[653,355],[663,363],[673,373],[683,385],[694,399],[703,410],[714,419],[725,427],[738,431],[754,432],[771,432],[788,432],[805,426],[820,419],[833,410],[844,399],[853,386],[859,371],[863,352],[866,334],[867,315],[867,295],[867,276],[868,257],[869,241],[872,230],[876,222],[883,217],[888,213],[895,211],[901,210],[910,209],[917,209],[923,209],[927,209],[931,209]]}],"backgroundColor":"rgb(255,255,255)"});