stroke looper animation

description.md

http://bouboucle.com?gist=b7a5956a0c50ba1ee9c8aef760572f56

looper.jsonp

load({"width":1366,"height":559,"speed":1,"lineData":[{"start":1715637842558,"last":2028,"beat":2000,"lifetime":500,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[1,227,243,259,277,293,310,327,343,361,376,393,411,427,444,460,478,493,511,526,545,560,576,594,610,627,643,661,676,693,710,726,744,759,778,793,811,826,845,893,1159,1176,1193,1209,1227,1242,1261,1275,1293,1317,1327,1342,1358,1376,1392,1411,1426,1442,1460,1476,1494,1509,1528,1543,1561,1575,1592,1610,1625,1644,1658,1677,1692,1708,1725,1742,1760,1775,1794,1808,1827,1842,1858,1876,1892,1910,1925,1943,1958,1976,1992,2008,2027],"segments":[[406,168],[411,160],[417,145],[431,117],[440,95],[454,65],[459,52],[463,44],[468,39],[477,24],[490,11],[501,2],[517,-6],[539,-13],[566,-43],[580,-71],[604,-93],[619,-99],[632,-103],[649,-103],[658,-102],[672,-98],[677,-95],[686,-89],[696,-80],[714,-61],[727,-50],[740,-40],[761,-21],[772,-9],[789,9],[798,20],[806,34],[810,47],[813,70],[813,83],[813,96],[812,112],[812,119],[814,122],[816,140],[816,168],[830,247],[844,299],[856,342],[864,401],[864,427],[861,451],[859,454],[850,458],[846,458],[827,457],[815,455],[803,455],[782,457],[756,461],[675,491],[576,550],[546,558],[515,566],[496,570],[483,570],[461,569],[426,552],[407,529],[384,515],[372,510],[359,501],[351,486],[345,475],[338,457],[336,449],[336,437],[338,430],[345,413],[348,405],[354,398],[362,390],[373,375],[394,354],[409,340],[429,320],[442,307],[460,289],[475,278],[499,258],[514,245],[529,234],[549,220],[558,213],[573,204],[581,200],[591,196]]}],"backgroundColor":"rgb(255,255,255)"});