stroke looper animation

description.md

http://bouboucle.com?gist=44653955f1e104201977063408dc344e

looper.jsonp

load({"width":1366,"height":569.33,"speed":1,"lineData":[{"start":1713792321266,"last":0,"beat":1000,"lifetime":250,"color":"black","multiPeriod":1,"strokeWidth":20,"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],"segments":[[827,96.99999999999999],[937,71.99999999999999],[1080,63.999999999999986],[1109,83.99999999999999],[1077,253],[820,616],[824,599],[1064,222],[1276,-110.00000000000001],[1274,-97.00000000000001],[1079,325],[926,616],[947,602],[1226,293],[1365,-118.00000000000001],[1295,-2.000000000000014],[935,616],[796,616],[875,471],[1192,-151],[1183,-134],[1000,185],[866,555],[880,547],[1169,146],[1365,-151],[1336,-97.00000000000001],[1096,394],[1089,403],[1189,49.999999999999986],[1205,-48.000000000000014],[1094,32.999999999999986],[719,526],[563,616],[609,519],[795,83.99999999999999],[848,-58.000000000000014],[844,-55.000000000000014]]},{"start":1713792321266,"last":0,"beat":1000,"lifetime":250,"color":"black","multiPeriod":1,"strokeWidth":600,"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],"segments":[[862,323],[874,282],[926,213],[1102,-1.4210854715202004e-14],[1160,-31.000000000000014],[1122,354],[1067,561],[1066,565],[1091,535],[1328,151],[1365,89.99999999999999],[1364,93.99999999999999],[1315,359],[1260,601],[1283,585],[1365,190],[1346,195],[1133,557],[866,616],[799,616],[773,462],[631,118.99999999999999],[473,37.999999999999986],[263,164],[60,341],[2,404],[111,247],[440,-126.00000000000001],[778,-151],[781,-133],[520,322],[226,616],[154,615],[209,459],[456,-151],[494,-131],[403,346],[517,260],[783,-151],[850,-142],[694,163],[452,563],[403,600]]},{"start":1713792380790,"last":0,"beat":1000,"lifetime":250,"color":"#03A9F4","multiPeriod":1,"strokeWidth":600,"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],"segments":[[932,13.999999999999986],[934,31.999999999999986],[938,81.99999999999999],[939,85.99999999999999],[949,140],[954,159],[969,214],[972,225],[953,286],[940,331],[937,335],[933,343],[927,372],[926,378],[911,449],[911,457],[908,471],[906,503],[906,508],[907,529],[907,532],[888,491],[881,481],[878,479],[876,476],[876,469],[876,459],[901,295],[936,87.99999999999999],[935,84.99999999999999],[936,76.99999999999999],[936,58.999999999999986],[936,41.999999999999986],[937,25.999999999999986],[938,14.999999999999986],[939,6.999999999999986],[932,13.999999999999986],[921,26.999999999999986],[915,39.999999999999986],[914,43.999999999999986],[915,46.999999999999986],[916,50.999999999999986],[917,58.999999999999986],[918,64.99999999999999],[919,67.99999999999999],[920,70.99999999999999],[922,88.99999999999999],[927,120.99999999999999],[927,125.99999999999999],[928,237],[921,273],[918,296],[898,424],[891,468],[891,472]]},{"start":1713792380790,"last":0,"beat":1000,"lifetime":250,"color":"#03A9F4","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[891,472]]},{"start":1713792380790,"last":0,"beat":1000,"lifetime":250,"color":"#03A9F4","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[891,472]]},{"start":1713792380790,"last":0,"beat":1000,"lifetime":250,"color":"#03A9F4","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[891,472]]},{"start":1713792380790,"last":0,"beat":1000,"lifetime":250,"color":"#03A9F4","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[891,472]]},{"start":1713792380790,"last":0,"beat":1000,"lifetime":250,"color":"#03A9F4","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[891,472]]},{"start":1713792380790,"last":0,"beat":1000,"lifetime":250,"color":"#03A9F4","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[891,472]]}],"backgroundColor":"rgb(255,255,255)"});