stroke looper animation

description.md

http://bouboucle.com?gist=1ca13ebb976703ef2dd049a497be2176

looper.jsonp

load({"width":1366,"height":561,"speed":1,"lineData":[{"start":1716387026342,"last":1400,"beat":2000,"lifetime":1000,"color":"black","multiPeriod":1,"strokeWidth":20,"times":[0,258,342,358,375,391,408,425,442,458,475,492,508,525,541,558,575,592,608,625,641,658,675,692,708,725,741,759,775,791,808,825,842,858,875,891,910,925,942,958,975,991,1008,1025,1041,1058,1075,1092,1108,1125,1141,1158,1175,1192,1225,1275,1375],"segments":[[751,448],[749,445],[754,441],[757,439],[760,436],[767,430],[774,424],[779,419],[784,414],[788,409],[792,405],[795,401],[799,397],[803,392],[808,385],[811,381],[814,376],[818,370],[821,365],[823,360],[826,355],[829,348],[833,340],[835,335],[837,331],[839,326],[840,320],[842,314],[845,305],[847,294],[848,287],[849,280],[850,273],[850,265],[850,258],[850,251],[849,236],[848,229],[847,222],[845,214],[844,206],[842,198],[840,191],[836,181],[833,172],[831,166],[829,161],[826,156],[823,151],[821,146],[817,140],[813,134],[811,130],[809,126],[805,121],[802,117],[801,113]]},{"start":1716387030290,"last":2723,"beat":2000,"lifetime":1000,"color":"black","multiPeriod":1,"strokeWidth":20,"times":[0,260,293,327,344,361,377,393,410,427,444,460,477,493,510,527,544,560,577,594,610,627,644,660,677,693,711,728,743,760,777,794,810,827,843,860,877,894,910,943,960,994,1010,1044,1060,1094,1127,1161,1177,1210,1260,1294,1327,1360,1394,1427,1460,1494,1527,1560,1594,1627,1643,1677,1710,1743,1777,1810,1827,1844,1860,1877,1927,1961,1977,1993,2027,2077,2127,2160,2194,2227,2244,2260,2293,2327,2394,2460,2510,2610],"segments":[[772,92],[769,91],[763,88],[759,85],[755,83],[752,81],[748,79],[743,76],[736,73],[732,71],[728,69],[724,67],[720,65],[715,63],[706,61],[702,59],[698,58],[693,57],[689,56],[684,55],[678,53],[672,52],[668,51],[664,51],[661,50],[657,49],[653,49],[648,49],[642,48],[638,48],[633,48],[629,48],[625,48],[620,49],[614,49],[610,49],[607,50],[604,50],[601,51],[596,51],[591,52],[587,53],[584,53],[580,54],[577,55],[573,56],[569,57],[566,59],[563,60],[559,61],[555,63],[550,65],[546,67],[543,67],[540,69],[535,71],[531,73],[526,76],[520,79],[516,81],[513,84],[509,87],[506,89],[502,92],[499,94],[495,97],[492,100],[488,104],[485,106],[482,109],[479,112],[476,115],[473,119],[470,122],[467,126],[464,130],[462,133],[460,136],[457,139],[454,143],[451,148],[449,153],[448,156],[446,159],[444,162],[443,165],[441,168],[439,171],[438,174],[436,177]]},{"start":1716387046025,"last":2165,"beat":2000,"lifetime":1000,"color":"black","multiPeriod":1,"strokeWidth":20,"times":[0,11,328,361,378,394,413,428,444,461,478,494,511,528,544,561,578,594,611,628,644,661,678,694,711,728,744,761,794,828,844,861,878,894,911,928,945,961,978,1011,1045,1078,1095,1111,1128,1144,1161,1178,1195,1228,1278,1344,1378,1411,1445,1461,1478,1494,1511,1528,1544,1561,1578,1594,1628,1678,1761,1812,1844,1878,1961],"segments":[[417,228],[420,227],[421,230],[421,240],[421,250],[422,258],[422,266],[423,273],[424,280],[424,286],[426,296],[428,305],[429,310],[430,316],[432,321],[434,325],[435,330],[438,337],[440,341],[442,347],[445,351],[447,356],[449,360],[451,363],[453,366],[456,371],[460,376],[462,379],[466,384],[470,390],[475,395],[480,401],[483,404],[486,407],[490,411],[493,415],[497,418],[501,422],[504,423],[508,427],[512,430],[516,433],[521,437],[528,441],[533,444],[538,447],[543,449],[547,451],[551,453],[555,455],[558,456],[561,458],[564,460],[567,461],[572,463],[577,464],[582,466],[586,467],[591,468],[595,469],[599,470],[603,471],[607,472],[613,473],[617,473],[621,473],[624,473],[628,474],[633,475],[636,475],[640,475]]},{"start":1716387057136,"last":0,"beat":2000,"lifetime":1000,"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],"segments":[[442,160],[441,163],[438,166],[437,170],[435,173],[432,179],[430,186],[429,190],[428,193],[427,196],[426,199],[426,202],[424,206],[423,211],[422,214],[422,217],[421,220],[421,223],[421,226],[421,230],[420,235],[420,238]]}],"backgroundColor":"rgb(255,255,255)"});