stroke looper animation

description.md

http://bouboucle.com?gist=8acc77c70bec3ea3d74d5031537cad0e

looper.jsonp

load({"width":1366,"height":569.33,"speed":1,"lineData":[{"start":1713792005135,"last":1378,"beat":1000,"lifetime":2000,"color":"#607D8B","multiPeriod":1,"strokeWidth":600,"times":[1,182,203,223,251,277,318,337,356,379,398,441,499,519,539,561,583,604,626,644,664,686,712,736,759,777,797,814,831,848,865,885,905,927,965,993,1041,1059,1077,1096,1339],"segments":[[15,22.999999999999986],[59,27.999999999999986],[139,32.999999999999986],[308,38.999999999999986],[557,43.999999999999986],[854,47.999999999999986],[1232,58.999999999999986],[1365,76.99999999999999],[1365,95.99999999999999],[1365,124.99999999999999],[1365,127.99999999999999],[1364,131],[1365,138],[1365,150],[1365,146],[1365,136],[1365,149],[1365,169],[1365,181],[1365,192],[1364,201],[1361,214],[1240,381],[1137,475],[1042,546],[941,573],[844,589],[778,595],[710,601],[613,605],[550,603],[431,599],[376,593],[306,584],[192,567],[32,537],[0,487],[0,478],[0,464],[0,444],[2,447]]},{"start":1713792030628,"last":8488,"beat":500,"lifetime":50,"color":"#0277BD","multiPeriod":1,"strokeWidth":20,"times":[0,153,180,208,245,271,535,558,580,601,621,640,665,752,770,788,807,827,847,865,892,917,947,974,1068,1100,1140,1170,1199,1216,1235,1258,1277,1296,1314,1333,1352,1372,1393,1412,1618,1644,1665,1692,1711,1738,1774,1836,1858,1879,1902,1944,1983,2005,2025,2045,2065,2092,2113,2134,2170,2191,2213,2233,2255,2277,2298,2327,2381,2437,2571,2615,2642,2662,2682,2700,2720,2740,2760,2787,2834,2856,2877,2898,2924,2958,2983,3007,3031,3056,3081,3111,3136,3157,3687,3708,3728,3756,3793,3817,3837,3857,3876,4003,4023,4045,4064,4083,4103,4123,4143,4168,4196,4218,4240,4261,4294,4314,4335,4358,4378,4415,4433,4460,4482,4504,4526,4547,4567,4593,4612,4638,4687,4712,4734,4757,4781,4814,4842,4865,4891,4915,4934,4959,4982,5005,5027,5068,5106,5133,5153,5185,5207,5236,5259,5280,5301,5323,5347,5381,5406,5425,5444,5472,5505,5529,5566,5593,5617,5640,5661,5690,5714,5734,5758,5786,5813,5840,5865,5888,5911,5945,5994,6015,6035,6065,6091,6115,6136,6157,6178,6199,6219,6240,6259,6280,6301,6329,6371,6395,6416,6436,6455,6481,6501,6524,6550,6574,6600,6624,6651,6684,6709,6744,6783,6821,6844,6864,6887,6910,6936,6962,6986,7008,7034,7057,7084,7111,7138,7163,7191,7235,7259,7284,7307,7330,7359,7381,7405,7428,7450,7473,7501,7525,7547,7574,7602,7658,7684,7704,7723,7741,7767,7786,7805,7824,7845,7864,7884,7904,7924,7944,7984,8013,8043,8063,8083,8114,8134,8154,8175,8195,8214,8233,8254,8274,8304,8345,8377,8417,8440,8468,8488],"segments":[[143,120.99999999999999],[195,134],[291,165],[355,182],[420,195],[436,194],[441,193],[447,193],[456,192],[490,192],[592,181],[695,153],[729,142],[726,145],[723,147],[716,152],[584,311],[493,418],[439,462],[338,509],[210,557],[117,582],[44,587],[38,585],[42,584],[82,576],[266,521],[471,457],[558,430],[645,414],[709,405],[750,404],[788,409],[830,417],[844,421],[865,425],[884,428],[891,428],[897,428],[905,428],[905,424],[884,389],[823,222],[782,33.999999999999986],[788,-30.000000000000014],[796,-54.000000000000014],[800,-55.000000000000014],[793,-52.000000000000014],[665,13.999999999999986],[569,55.999999999999986],[513,84.99999999999999],[468,112.99999999999999],[448,122.99999999999999],[438,132],[425,153],[393,205],[351,260],[326,299],[322,313],[322,317],[337,321],[454,309],[685,218],[794,160],[977,82.99999999999999],[1111,37.999999999999986],[1160,32.999999999999986],[1167,33.999999999999986],[1171,36.999999999999986],[1172,39.999999999999986],[1172,42.999999999999986],[1177,49.999999999999986],[1171,102.99999999999999],[1156,176],[1118,263],[1069,314],[996,360],[903,377],[799,388],[699,388],[546,362],[484,339],[428,322],[396,312],[365,295],[359,285],[365,266],[406,214],[515,143],[610,109.99999999999999],[816,61.999999999999986],[1063,28.999999999999986],[1282,37.999999999999986],[1357,59.999999999999986],[1303,73.99999999999999],[1184,90.99999999999999],[1061,103.99999999999999],[880,127.99999999999999],[527,198],[394,213],[298,221],[250,225],[247,225],[253,228],[256,229],[318,265],[379,314],[472,387],[582,456],[661,509],[796,569],[919,607],[940,594],[940,590],[925,582],[746,586],[447,616],[367,616],[365,612],[443,486],[608,299],[927,109.99999999999999],[972,98.99999999999999],[964,110.99999999999999],[767,322],[552,528],[416,616],[403,614],[479,471],[769,42.999999999999986],[976,-114.00000000000001],[1060,-92.00000000000001],[1106,330],[1111,373],[1117,371],[1208,285],[1365,1.9999999999999858],[1365,-108.00000000000001],[1355,-84.00000000000001],[1297,38.999999999999986],[1233,189],[1235,200],[1303,171],[1365,-44.000000000000014],[1365,-151],[1356,-87.00000000000001],[1169,219],[668,616],[672,612],[1014,243],[1305,-74.00000000000001],[1360,-127.00000000000001],[1100,147],[692,513],[574,603],[589,594],[825,290],[1168,-151],[1211,-151],[811,229],[426,598],[178,616],[166,614],[415,319],[954,-151],[966,-147],[508,236],[100,585],[29,616],[155,427],[464,-49.000000000000014],[655,-151],[650,-149],[378,73.99999999999999],[72,344],[0,461],[41,398],[306,-77.00000000000001],[349,-151],[268,-97.00000000000001],[0,155],[0,380],[289,125.99999999999999],[563,-97.00000000000001],[731,-151],[736,-134],[522,154],[314,465],[290,484],[301,477],[450,291],[696,-42.000000000000014],[855,-151],[856,-147],[841,-133],[500,287],[232,569],[201,594],[672,48.999999999999986],[1150,-151],[1244,-150],[1199,-87.00000000000001],[945,216],[559,616],[501,616],[594,501],[963,18.999999999999986],[1365,-151],[1365,-145],[1297,-45.000000000000014],[865,421],[473,616],[480,610],[935,129],[1365,-151],[1316,-96.00000000000001],[919,369],[642,616],[568,616],[584,603],[822,406],[1185,88.99999999999999],[1365,-44.000000000000014],[1353,-28.000000000000014],[1117,188],[649,612],[430,616],[390,614],[633,286],[1095,-145],[1343,-151],[1361,-141],[1329,-117.00000000000001],[1026,147],[592,457],[75,616],[0,580],[158,266],[614,-151],[1328,-151],[1365,-149],[1365,-111.00000000000001],[1359,-76.00000000000001],[1120,204],[759,604],[422,616],[115,616],[474,1.9999999999999858],[883,-151],[1261,-151],[1365,-95.00000000000001],[1365,-34.000000000000014],[1365,12.999999999999986],[1279,169],[1015,423],[780,553],[409,616],[103,601],[0,508],[0,424],[91,246],[330,67.99999999999999],[912,60.999999999999986],[1227,221],[1365,331],[1363,342],[1313,360],[1061,415],[656,453],[292,445],[134,408],[122,385],[152,366],[368,249],[781,149],[1192,131],[1365,188],[1348,207],[885,272],[305,296],[277,284],[526,147],[704,51.999999999999986]]}],"backgroundColor":"rgb(255,255,255)"});