stroke looper animation

description.md

http://bouboucle.com?gist=086dfcf8aeff6e25a6a40203d85e2470

looper.jsonp

load({"width":1920,"height":803,"speed":0,"lineData":[{"start":1712829879033,"last":146,"beat":2000,"lifetime":500,"color":"#03A9F4","multiPeriod":1,"strokeWidth":50,"times":[0,105,139],"segments":[[1347.2016675351745,58.030224075039094],[1344.2001042209483,61.031787389265254],[1341.1985409067222,63.03282959874936]]},{"start":1712829879845,"last":837,"beat":2000,"lifetime":500,"color":"#03A9F4","multiPeriod":1,"strokeWidth":50,"times":[0,10,260,277,294,310,328,344,360,376,394,411,427,443,493,510,527,544,560,577,594,611,661,677,693,710,726,744,760,776,793,810,827,837],"segments":[[253.6321000521105,168.08754559666494],[255.6331422615946,171.08910891089113],[260.6357477853049,174.0906722251173],[263.6373110995311,176.09171443460136],[266.6388744137572,178.09275664408548],[270.6409588327254,180.09379885356958],[285.64877540385623,188.097967691506],[300.656591974987,198.10317873892654],[316.66492965085985,210.1094319958312],[333.6737884314748,223.11620635747786],[352.6836894215738,237.1235018238666],[372.69411151641486,251.13079729025534],[396.7066180302241,269.1401771756123],[426.7222511724857,289.15059927045337],[460.7399687337155,303.1578947368421],[488.754559666493,312.1625846795206],[521.7717561229807,323.16831683168317],[569.7967691505993,337.1756122980719],[619.8228243877019,351.1829077644606],[666.8473163105783,360.1875977071391],[711.8707660239708,370.1928087545597],[732.8817092235539,374.1948931735278],[735.88327253778,374.1948931735278],[778.9056800416884,371.19332985930174],[830.9327774882751,364.18968212610736],[875.9562272016675,352.18342886920266],[917.9781136008338,333.1735278791037],[952.9963522668055,304.15841584158414],[975.0078165711308,275.1433038040646],[986.0135487232933,252.1313183949974],[989.0151120375195,237.1235018238666],[989.0151120375195,225.11724856696196],[987.0140698280354,212.11047420531528],[985.0130276185513,205.10682647212093]]},{"start":1712829883745,"last":99,"beat":2000,"lifetime":500,"color":"#03A9F4","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[1210.1302761855131,399.20792079207916]]},{"start":1712829884330,"last":892,"beat":2000,"lifetime":500,"color":"#03A9F4","multiPeriod":1,"strokeWidth":50,"times":[0,9,25,41,59,75,92,109,125,142,159,176,192,209,225,242,259,275,292,308,325,342,359,375,391,409,425,442,459,476,492,509,525,542,559,576,592,608,625,642,659,676,692,709,742,759,776,792,809,826,841,858,892],"segments":[[702.8660760812924,661.3444502344971],[698.8639916623241,662.3449713392391],[690.8598228243877,662.3449713392391],[682.8556539864512,661.3444502344971],[672.8504429390307,659.343408025013],[657.8426263678999,657.3423658155289],[639.8332464825429,654.3408025013027],[602.813965607087,646.3366336633663],[548.7858259510161,634.3303804064617],[499.7602918186556,622.3241271495571],[450.734757686295,603.314226159458],[392.7045336112559,580.3022407503908],[317.6654507556019,546.2845231891611],[263.6373110995311,505.2631578947368],[221.6154247003648,457.23814486711825],[198.60343929129758,416.2167795726941],[191.5997915581032,392.20427305888484],[190.59927045336113,380.1980198019802],[187.59770713913497,352.18342886920266],[186.5971860343929,333.1735278791037],[184.59614382490884,313.1631057842626],[187.59770713913497,296.15424700364775],[192.60031266284525,283.147472642001],[201.6050026055237,269.1401771756123],[217.61334028139657,254.13236060448153],[248.62949452840022,232.12089630015635],[291.6519020323085,214.11151641479938],[344.6795205836373,202.10526315789474],[405.7113079729026,193.1005732152163],[467.7436164669099,187.09744658676394],[527.774882751433,185.09640437727987],[599.8124022928608,190.09900990099013],[668.8483585200624,200.10422094841064],[722.8764981761334,208.1083897863471],[780.9067222511725,220.11464304325173],[813.9239187076602,230.11985409067225],[829.9322563835331,238.12402292860867],[869.9531005732152,261.13600833767583],[903.970818134445,284.14799374674305],[933.9864512767066,307.1599791558103],[953.9968733715476,325.16935904116724],[973.0067743616466,343.1787389265242],[995.0182386659718,366.1907243355914],[1015.0286607608128,386.2011464304325],[1023.0328295987493,399.20792079207916],[1026.0343929129754,404.2105263157894],[1031.0369984366857,412.21469515372587],[1037.040125065138,423.22042730588845],[1040.0416883793644,432.22511724856696],[1041.0422094841063,440.2292860865034],[1043.0432516935903,447.23293381969773],[1046.0448150078166,454.2365815528921],[1050.0468994267846,461.2402292860865]]},{"start":1712829914470,"last":457,"beat":2000,"lifetime":1000,"color":"#03A9F4","multiPeriod":1,"strokeWidth":50,"times":[1,38,54,70,121,137,153,170,187,204,221,237,254,270,287,304,320,337,354,370,387,403,421,437,453,456],"segments":[[1233.1422615945805,155.08077123501826],[1225.138092756644,158.08233454924442],[1210.1302761855131,165.08598228243878],[1207.1287128712872,166.08650338718084],[1202.1261073475766,169.088066701407],[1160.1042209484106,196.10213652944245],[1124.0854611776967,230.11985409067225],[1098.0719124544032,270.14069828035434],[1079.0620114643043,319.166232412715],[1064.0541948931734,378.19697759249607],[1053.048462741011,437.2277227722772],[1049.0463783220428,457.23814486711825],[1045.0442939030745,481.25065138092754],[1037.040125065138,520.2709744658675],[1030.0364773319436,554.2886920270973],[1025.0338718082332,577.3006774361647],[1020.0312662845232,592.3084940072955],[1014.0281396560708,604.3147472642],[1003.0224075039082,617.3215216258468],[977.0088587806149,634.3303804064617],[935.9874934861906,649.3381969775925],[878.9577905158936,657.3423658155289],[801.9176654507555,660.343929129755],[723.8770192808754,647.3371547681083],[634.8306409588326,618.3220427305888],[624.8254299114121,613.3194372068785]]}],"backgroundColor":"rgb(255,255,255)"});