stroke looper animation

description.md

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

looper.jsonp

load({"width":377,"height":608.33,"speed":0,"lineData":[{"start":1713887309975,"last":884,"beat":1000,"lifetime":2000,"color":"#263238","multiPeriod":1,"strokeWidth":600,"times":[1,50,75,93,118,128,148,162,177,192,209,225,293,309,326,343,359,390,406,423,440,457,473,490,507,523,540,556,574,590,607,624,640,657,674,690,707,723,740,757,784,796,808,830,844,857,874],"segments":[[49.47190788490768,220.25609916311333],[54.18364368132882,209.25315876199548],[75.64887913783606,168.38544848614254],[84.54911989393179,153.19144430555897],[120.67332905443217,102.8931252803164],[130.09680829695992,90.84216266986874],[147.37354644347806,68.83677144750338],[163.60327213914897,49.97497257262804],[176.16826301471775,36.35223673749179],[181.40373835196948,31.11316604806724],[189.78022044302094,24.3017866559709],[193.96874452690923,20.110225646949385],[195.0157416783855,23.253764446641092],[193.96874452690923,31.11316604806724],[190.3039791080652,44.211623039546986],[184.02150661933723,63.07345251316422],[179.30925446914657,75.12389494499963],[151.56203992862444,137.99693524573414],[134.80855556790925,177.81662331225726],[110.20232483213044,241.21345287677792],[91.35484616846273,299.3711352550193],[78.78987059226489,352.28927266333665],[71.46037800300421,401.53960007799134],[67.79562023384567,441.8830621089297],[68.84261738532194,471.2240733186205],[73.03111852015378,486.9417290686517],[80.36061875909994,493.22934214601827],[91.35484616846273,490.609661457282],[107.06082084877487,478.03492488241915],[126.95529666391886,453.4096693788661],[150.51504277714815,418.82963337786356],[179.30925446914657,376.3902187244913],[211.7686905611175,334.9992393634645],[243.18116010035402,300.4186525851078],[271.9759072703356,274.22175390151926],[295.01183352103686,258.50348617665014],[311.76485890062355,251.16832517045313],[320.6650537586065,251.69211443423927],[325.37680102955585,257.4559382478197],[324.8535931418657,274.22175390151926],[314.90630933618087,316.1369509087188],[306.52935296463,351.24126575337783],[303.3883615102012,370.62682329329743],[299.19982212694197,430.3563324440257],[301.8175750949388,469.12793710373523],[304.9591173267217,486.9417290686517],[312.81185605209987,543.0039484043295]]},{"start":1713887313417,"last":749,"beat":1000,"lifetime":2000,"color":"#263238","multiPeriod":1,"strokeWidth":600,"times":[0,22,38,55,71,88,105,121,138,156,189,205,222,238,255,271,288,305,322,339,356,372,389,405,422,439,455,472,502,511,526,539,556,572,589,607,623,640,656,673,689,706,722,739],"segments":[[62.03688728594827,250.12034885923615],[66.2248797166961,244.35695342804226],[98.68434640740888,207.68139318699235],[145.80279062695755,161.57461222171486],[188.73322329154468,123.32668973019486],[224.33368143668628,91.89018487919854],[253.65215667297025,67.78877983691548],[277.21135200884544,51.54673814763117],[292.3941417505239,41.06808423985528],[295.5351332049527,38.97203217151019],[285.0646415115777,53.11853432137618],[260.9816569119164,78.26796157298907],[224.33368143668628,113.3717715384068],[185.06850377081352,156.33502135367806],[144.75579347548125,204.53783143824424],[106.53759001202832,254.31191751794316],[73.55437230595675,301.9909383387232],[47.90115589322989,345.4779009209258],[30.10067246861707,382.15352235945954],[22.771181791777767,407.3029955091852],[22.247939480503018,414.1143672515961],[32.718419699349774,409.92273739540536],[55.230640832805086,385.297573688078],[88.73710849983688,344.95365267601125],[130.09680829695992,294.13159028509534],[175.64450434967353,240.16538476933528],[222.23968713373372,189.86708104346363],[265.6933735841239,147.95185343752217],[327.99458459629454,101.32132910657138],[337.4185381193216,97.6535344122796],[351.5538105309116,98.17726247858197],[355.74225811794514,101.8451030709866],[358.8832495723739,117.5633401971138],[353.1245663474321,145.3320809525602],[332.7063318672439,182.00819197096425],[302.341333759983,223.39959971437764],[268.3111571508626,269.50642657776797],[234.80467800930253,315.61316164493263],[202.86898528300495,359.1001242271353],[180.3567412004932,397.3480314192844],[162.5562749876727,430.3563324440257],[152.0852631156855,461.26907862997774],[148.9442716612567,490.609661457282],[143.708796324005,536.1926684581443]]},{"start":1713887318222,"last":87,"beat":1000,"lifetime":2000,"color":"#388E3C","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[181.40373835196948,286.2726706138541]]},{"start":1713887318624,"last":414,"beat":1000,"lifetime":2000,"color":"#388E3C","multiPeriod":1,"strokeWidth":600,"times":[0,49,81,97,113,130,165,180,214,230,247,264,298,314,348,364,380,397,413],"segments":[[102.87283224286978,377.4381950357083],[112.82008544981272,367.4833227420331],[194.49196771397027,301.9909383387232],[232.71068370634998,272.64992712903233],[265.6933735841239,245.9287802005292],[289.776388782527,221.82783413937452],[319.6180566071302,172.57701714484952],[333.2300905322881,149.52363431189625],[345.2712768446998,134.85338879635697],[343.1772825417473,139.56873141947915],[329.5653404128151,163.14636249734704],[304.43535866167747,202.4417870195846],[241.08716579740147,302.5147276025093],[210.1984549232092,359.1001242271353],[166.22102510714578,466.5082564149989],[159.4147786540026,509.47146033215733],[165.1740279556695,541.4316626507141],[182.97450946786097,563.43754345295],[195.53896486544656,583.8711385015702]]},{"start":1713887319327,"last":63,"beat":1000,"lifetime":2000,"color":"#388E3C","multiPeriod":1,"strokeWidth":600,"times":[1],"segments":[[301.8175750949388,546.6713300156057]]},{"start":1713887319711,"last":96,"beat":1000,"lifetime":2000,"color":"#388E3C","multiPeriod":1,"strokeWidth":600,"times":[0,48,81,96],"segments":[[48.94815304470617,80.36347051366549],[45.80716159027735,66.2169989625414],[42.665653782079026,18.014686107531062],[41.09490179040124,-3.9911946947046433]]},{"start":1713887322467,"last":31,"beat":1000,"lifetime":2000,"color":"#388E3C","multiPeriod":1,"strokeWidth":600,"times":[1],"segments":[[236.375449125194,276.8414957877393]]},{"start":1713887323067,"last":535,"beat":1000,"lifetime":2000,"color":"#388E3C","multiPeriod":1,"strokeWidth":600,"times":[0,33,66,100,114,149,184,217,250,265,301,334,367,401,433,467,501,534],"segments":[[39.000915137134164,390.5366596768735],[39.52466232765021,386.34509101816656],[97.6373492559326,214.49270373191942],[193.444970562494,52.07051211204637],[220.6689313172132,15.394890673512664],[214.38644352911427,38.44827350646593],[143.708796324005,175.19683552792435],[76.69587628931234,360.67195099962225],[55.230640832805086,470.17606640866165],[58.372148641003406,465.4607390849105],[104.96682654582231,339.7145666872157],[196.58646689616413,142.71279804746857],[255.2229277888617,64.12147472249403],[234.28091934425825,161.0503180786874],[176.16826301471775,380.05799811941216],[163.07949817473377,526.7614018358039],[182.97450946786097,493.22934214601827],[236.8986723122551,357.00459998708794]]},{"start":1713887324837,"last":0,"beat":2000,"lifetime":500,"color":"#388E3C","multiPeriod":1,"strokeWidth":600,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[109.15532768065418,299.3711352550193],[125.90829951244258,262.6950548353571],[173.55051004672097,163.14636249734704],[207.5807019552124,102.8931252803164],[233.75768085782624,66.2169989625414],[240.04016864592518,65.1689767532116],[229.56917207330892,106.0366717296936],[192.92174737543294,220.25609916311333],[145.80279062695755,395.7762658442813],[135.3323142329535,458.6492755462739],[137.95003660220843,460.74479978632127],[189.78022044302094,343.38191769975],[251.03440370497347,206.6333250795497],[333.2300905322881,64.12147472249403],[344.74806895700965,57.310102980083165],[331.65933471576756,115.99158992148162],[265.1701656964337,255.88365249420437],[242.65792161392199,296.7513321713154]]},{"start":1713887324837,"last":0,"beat":2000,"lifetime":500,"color":"#03A9F4","multiPeriod":1,"strokeWidth":600,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[20.677185576403858,158.43053029435447],[30.62442348397585,136.94944851438754],[49.47190788490768,104.46487555594857],[74.07811567163006,71.4565898305782],[128.52603718106843,55.214548141293896],[122.24355704265498,69.8847936568332],[23.81817894325404,322.9483226511297],[19.630188424927585,349.6695307771166],[33.242174539551286,399.96783450298824],[57.32463513575763,365.3877373045019],[206.5337048037361,140.09297966439377],[230.6161692247852,115.99158992148162],[280.87610212831845,88.2228797647771],[245.7989130683508,196.15469412083024],[237.42244627667026,212.39672051074362],[165.1740279556695,402.0633587430357],[153.65603423157697,451.83799560008873],[165.69726644210152,563.43754345295],[181.40373835196948,559.769794656771],[257.84011468013347,518.9025433620465],[275.11735770589286,512.0912634158612],[329.04158174777075,540.9079957818956],[335.84778230280114,548.7672826380397],[352.6008076823878,565.0094008241788]]},{"start":1713887324837,"last":0,"beat":2000,"lifetime":500,"color":"#4527A0","multiPeriod":1,"strokeWidth":600,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[11.7769467327295,216.06453050440635],[21.200427887678607,196.6784527858745],[119.10256558822617,62.02543030383441],[160.46228068472016,43.68787967387368],[129.04981114548366,120.70691724523287],[79.83685244437021,227.59122957056846],[45.80716159027735,365.9114959695462],[107.5845871635046,333.9512630522475],[247.89290737130335,176.76861640229842],[307.57687029471856,131.18608368193551],[276.1643548573691,184.62796445592622],[166.74475317344815,372.1991090469128],[125.90829951244258,491.65766836724083],[167.26802225862204,460.74479978632127],[265.1701656964337,333.42695360984914],[311.2416204141916,344.95365267601125],[289.2526301174828,469.6517875650052],[277.7345904952774,534.096532243259],[339.5125324222742,557.6742704167235]]},{"start":1713887324837,"last":0,"beat":2000,"lifetime":500,"color":"#2196F3","multiPeriod":1,"strokeWidth":600,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[106.01382369729859,500.5644725534734],[121.72032620590845,478.5592037260756],[151.03826596420924,434.54793170147457],[295.01183352103686,243.30943609795375],[295.01183352103686,248.54852208674927],[179.83298253544896,505.8040787208812],[175.12126586324152,523.6178706857977],[282.97009643127103,346.5259384296266],[314.90630933618087,301.9909383387232],[299.19982212694197,301.4666594950666],[259.9346597604401,333.42695360984914],[107.5845871635046,507.37593609210995],[109.67858146645715,503.7081260984472],[299.7235807919862,152.66718076127344],[313.3356147171441,136.42518497010198],[125.90829951244258,309.3260993449202],[99.73134355888514,325.0443670697893],[81.4076159105762,238.59364979307404],[92.40185096962446,198.2502183608776],[68.84261738532194,89.27036649612371],[49.47190788490768,92.41391294550091],[22.771181791777767,45.78339626423558],[32.19517738807502,20.633969012622693]]},{"start":1713887324837,"last":0,"beat":2000,"lifetime":500,"color":"#263238","multiPeriod":1,"strokeWidth":600,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[22.771181791777767,328.7116262860979],[236.375449125194,55.214548141293896],[254.17539515940226,49.451229206954736],[113.34331628655927,278.4133225602262],[73.55437230595675,346.0016595859701],[181.9269768384015,228.1149270381289],[215.43344068059054,186.7235192947155],[171.45651574376842,269.50642657776797],[119.10256558822617,343.90613534592273],[186.11550092228978,265.83861658410524],[245.7989130683508,196.6784527858745],[242.65792161392199,279.98505753648743],[192.39797341101774,378.48626314315095],[343.1772825417473,427.21283189276136],[362.547999691847,414.1143672515961],[375.63679513057286,405.20741007165407]]},{"start":1713887324837,"last":0,"beat":2000,"lifetime":500,"color":"#FDD835","multiPeriod":1,"strokeWidth":600,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[60.46614294395595,219.2080310556707],[119.10256558822617,124.37471193952466],[233.233922192782,0.7246451579733721],[229.56917207330892,12.775102889179738],[26.959679101766888,449.218131318901],[86.1193478821546,377.96250447810667],[252.60515952149396,90.84216266986874],[253.65215667297025,106.56043039473785],[89.78410565131315,417.7816264679047],[110.20232483213044,431.4043699527264],[255.7461509759228,227.59122957056846],[298.15282497546565,356.4808413220437],[236.375449125194,516.2827402783427],[281.92309927979477,519.4263938233164],[340.0357709087062,468.6042702349166]]},{"start":1713887336709,"last":0,"beat":2000,"lifetime":500,"color":"#039BE5","multiPeriod":1,"strokeWidth":600,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[42.14241147080427,273.17368579407656],[53.6598888411273,232.3065568943197],[104.96682654582231,84.55503917237247],[162.5562749876727,-36.4752207006322],[33.242174539551286,374.8183919520044],[26.435924261565365,412.0183228329365],[36.3831659939801,417.25786780286046],[60.46614294395595,336.5710049384676],[187.68622614006838,34.78047116248867],[197.10973598133802,15.918641688871446],[156.79751526587614,97.6535344122796],[120.67332905443217,175.72108377283894],[53.13664652985254,469.12793710373523],[58.89538712743542,488.5140148222671],[159.93850672030496,275.26973021273625],[202.34521131858972,190.91505735468058],[288.72939163105076,103.94114748964621],[281.3998913921047,139.56873141947915],[233.233922192782,285.7484529676813],[200.7744555020692,520.9980676020939],[221.19268998225746,586.4910027827578],[296.0588306725131,532.0010080032117],[345.2712768446998,445.5508721025924],[375.63679513057286,391.5847277843162]]},{"start":1713887336709,"last":0,"beat":2000,"lifetime":500,"color":"#039BE5","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[370.4012891945793,570.2490069915864]]},{"start":1713887347138,"last":827,"beat":2000,"lifetime":500,"color":"#C2185B","multiPeriod":1,"strokeWidth":600,"times":[0,63,148,213,230,432,447,516,531,599,614,681,697,766,790,826],"segments":[[17.53568541789101,345.4779009209258],[29.05367340471943,301.9909383387232],[157.8445124173524,24.3017866559709],[138.47327508864043,103.94114748964621],[119.10256558822617,163.14636249734704],[255.2229277888617,152.66718076127344],[278.782107825366,111.80002126277465],[273.5466018893723,138.5211987900197],[262.02865406339265,165.7661655810509],[173.55051004672097,455.50574439626763],[170.93274177935322,479.60672105616413],[195.53896486544656,524.1417211470676],[206.00997673743376,516.8065907396126],[308.62386744619477,409.3984891504908],[342.13028539027096,353.3367899934252],[375.63679513057286,290.46423927256103]]}],"backgroundColor":"rgb(255,255,255)"});