stroke looper animation

description.md

http://bouboucle.com?gist=332fe1806ef83b715e7bb1a11136642e

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":1713792069911,"last":2970,"beat":500,"lifetime":50,"color":"#0277BD","multiPeriod":1,"strokeWidth":20,"times":[4,232,257,279,304,329,350,372,393,415,438,460,483,506,529,558,587,613,670,832,906,1007,1055,1075,1101,1165,1289,1312,1339,1372,1398,1423,1447,1472,1494,1515,1537,1559,1582,1625,1667,1691,1717,1741,2159,2428,2467,2492,2517,2546,2569,2598,2626,2653,2690,2715,2735],"segments":[[44,26.999999999999986],[66,27.999999999999986],[201,28.999999999999986],[318,31.999999999999986],[481,54.999999999999986],[627,100.99999999999999],[764,150],[890,197],[996,239],[1091,272],[1172,287],[1247,297],[1319,309],[1365,335],[1365,347],[1365,352],[1365,355],[1365,359],[1365,363],[1362,365],[1359,365],[1356,365],[1352,363],[1340,359],[1328,357],[1325,356],[1319,358],[1299,366],[1250,383],[1103,415],[1004,421],[917,420],[793,408],[740,398],[658,386],[566,374],[503,366],[386,360],[319,355],[228,338],[121,320],[72,308],[41,298],[37,296],[38,299],[41,299],[55,297],[149,283],[311,232],[502,167],[651,127.99999999999999],[793,97.99999999999999],[867,75.99999999999999],[999,31.999999999999986],[1078,-1.0000000000000142],[1116,-13.000000000000014],[1124,-18.000000000000014]]}],"backgroundColor":"rgb(255,255,255)"});