stroke looper animation

description.md

http://bouboucle.com?gist=54c82e0f249ac06b07d9b12477fa254a

looper.jsonp

load({"width":377,"height":608,"speed":0,"lineData":[{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[34.197095219646656,79.62793542461962],[36.2860463304865,83.80841638165087],[39.418706242595874,95.30451013165087],[40.98528415397283,107.84535790997118],[40.98528415397283,119.864355102354],[40.46291858390447,129.7928676755962],[39.9410641832697,138.67613793926807],[40.46291858390447,145.99182702618214],[40.98528415397283,152.7851009519634],[42.02950412467595,157.48792077618214],[43.59608966544744,160.62312890606495],[44.1179440660822,157.48792077618214],[43.59608966544744,147.55940820293995],[42.55186969474431,133.45044519024464],[42.02950412467595,118.29674340801806],[41.50713855460759,104.71014978008837],[40.98528415397283,93.21402551251025],[40.98528415397283,83.28551293926806],[40.46291858390447,75.4474849851665],[46.20689899161931,76.49272729473681],[49.33955890372869,78.58269311504931],[55.08301669791814,83.28551293926806],[60.304631535564624,87.988866821104],[65.00387698844548,92.16878320293993],[69.70362979606267,96.34926415997118],[74.40286380485173,98.96208764629931],[79.62448245719548,101.05257226543993],[86.4121564073908,101.57495690899462],[92.15612918571111,98.43971826153368],[95.81116611198064,92.69168664532275],[98.94382602409001,85.89838220196337],[101.55462009147283,81.19556237774462],[103.64306003287908,78.06035424786181],[107.8204587145197,77.53748132305712],[109.90889865592595,83.28551293926806],[109.38703281119939,92.16878320293993],[108.34281284049626,102.09729577618212],[107.29808170035955,112.02580834942431],[107.8204587145197,121.9543209226665],[108.34281284049626,133.45044519024464],[108.86467868522283,145.46944238262745],[109.38703281119939,155.92033959942432],[109.90889865592595,163.2359829099712],[110.43125278190251,167.93880273418995],[110.43125278190251,171.59688378887745],[110.43125278190251,175.254980102354]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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":[[153.2473157091486,144.94658471661182],[148.54806644157048,147.55940820293995],[139.6714337511408,152.7851009519634],[132.88377505973455,157.48792077618214],[128.70636111930486,162.1907406004009],[126.09556705192205,167.41643334942432],[126.09556705192205,172.64212609844776],[128.70636111930486,179.43492700176807],[133.40562564567205,186.7511196287212],[140.19380313590642,191.97630883770557],[148.02621585563298,193.54390527325245],[154.29206973746892,192.49913598614307],[159.51316959098455,188.31871606426807],[164.21292239860173,181.00304223614307],[165.77899295524236,174.2097377927837],[166.82370120719548,167.93880273418995],[166.82370120719548,161.14603234844776],[167.3455823107111,156.44267846661182],[167.3455823107111,152.7851009519634],[167.3455823107111,149.64989282208057],[166.82370120719548,146.51416589336964],[166.30136234000798,150.69461633282276],[166.82370120719548,159.05553247051807],[169.95636111930486,168.46167565899464],[174.13377505973455,176.29973413067432],[178.83299380973455,184.13823510723682],[183.01040775016423,190.9310512693462],[188.23150760367986,193.54390527325245],[191.88650638297673,194.06673242168995],[195.0197003527033,192.49913598614307],[197.63047916129705,187.7957973630962],[198.67469913200017,181.5254116209087],[199.1965802355158,175.7773647459087],[199.1965802355158,168.46167565899464],[199.1965802355158,159.57840539532276],[199.1965802355158,153.307470336729],[199.1965802355158,150.17227746563526],[202.32972842887517,147.55940820293995],[207.55133182242986,148.08228112774464],[214.33902103141423,150.69461633282276],[219.56062442496892,156.44267846661182],[223.21565372184392,164.2812252195415],[226.87069827750798,171.07454492168995],[231.56991702750798,176.82259179668995],[233.13650638297673,183.09297753887745],[233.13650638297673,188.8410854490337],[232.61465579703923,192.49913598614307],[225.82647830680486,188.31871606426807],[223.21565372184392,180.48018457012745],[222.1714337511408,173.1644954832134],[223.7380383653986,164.8036098630962],[226.34884769157048,156.44267846661182],[230.52569705680486,151.73985864239307],[234.18072635367986,150.69461633282276],[238.35814029410955,151.21751977520557],[243.05735904410955,153.307470336729],[248.27899295524236,158.53316308575245],[251.93399173453923,165.8488521726665],[255.0671857042658,172.64212609844776],[257.155610386883,179.9577846677837],[257.155610386883,187.27348901348682],[255.58902103141423,192.49913598614307],[250.8897717638361,193.54390527325245],[247.75660831168767,188.8410854490337],[246.1905530138361,182.04778100567432],[246.1905530138361,175.254980102354],[247.75660831168767,166.8940639646587],[251.93399173453923,158.01029016094776],[256.63321048453923,153.307470336729],[260.810639683758,152.7851009519634],[265.509858433758,154.875097289854],[270.20913821891423,159.57840539532276],[272.8199475450861,164.8036098630962],[274.3864758653986,170.02930261211964],[275.95306522086736,174.7321224363384],[275.95306522086736,179.9577846677837],[275.43069583610173,186.22823144512745],[275.43069583610173,195.1114711912212]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[299.9716504259455,168.46167565899464],[292.66165286735173,173.68688012676807],[289.00662357047673,176.82259179668995],[283.2631543321955,183.6153774412212],[281.17471439078923,190.40865136700245],[281.17471439078923,195.1114711912212],[286.39581424430486,200.33720971661182],[293.70587283805486,200.85957910137745],[299.449799840008,199.29192163067432],[303.1048596544611,196.6795864255962],[305.19329959586736,192.49913598614307],[307.28225833610173,186.7511196287212],[307.80410892203923,181.00304223614307],[307.28225833610173,176.82259179668995],[306.2375195665705,173.68688012676807],[304.67144900992986,170.02930261211964],[304.67144900992986,174.7321224363384],[306.7598889513361,182.57066918926807],[309.8925488634455,190.40865136700245],[314.0699475450861,196.6795864255962],[318.2472851915705,199.8148403318462],[321.37994510367986,201.38240624981495],[324.5131543321955,194.06673242168995],[326.079194371258,187.27348901348682],[327.64581424430486,181.5254116209087],[330.25662357047673,175.7773647459087],[335.47818118766423,170.02930261211964],[341.2216504259455,166.371191039854],[344.8766797228205,166.371191039854],[348.5317395372736,172.64212609844776],[350.09832889274236,181.00304223614307],[350.620698277508,189.36345483379932],[350.620698277508,195.1114711912212],[350.620698277508,199.29192163067432],[350.620698277508,202.95000268536182],[350.620698277508,199.29192163067432],[351.6649182482111,191.97630883770557],[356.364106480633,183.6153774412212],[363.1523144884455,177.86730004864307],[366.8073743028986,175.7773647459087],[368.89581424430486,178.91252709942432],[369.940034215008,186.22823144512745],[369.4181836290705,195.63438989239307],[367.85159427360173,203.99529077129932],[365.24075442985173,217.0589809568462]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"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,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[44.64030963615056,251.02449609356495],[44.64030963615056,254.68254663067432],[45.68452960685369,263.5658168943462],[50.38377887443181,271.92671777325245],[57.171967808757984,277.1524562986431],[63.43779498771306,278.7200222166118],[68.65940982535955,279.24239160137745],[74.40286380485173,278.7200222166118],[81.19054538444158,277.6748256834087],[87.45637637809392,275.0619411619243],[92.15612918571111,271.4044094236431],[95.81116611198064,267.7462673337993],[98.42196017936345,263.5658168943462],[98.94382602409001,259.90828515606495],[98.94382602409001,256.77303124981495],[97.89960605338689,252.06969262676807],[99.98804599479314,260.4306545408306],[100.5104001207697,268.7915554197368],[101.55462009147283,276.6295375974712],[101.55462009147283,284.9904995115337],[101.03226596549626,294.9189663084087],[99.98804599479314,305.8927211912212],[97.37722903922673,318.4340725095806],[93.20034915641423,330.9749660642681],[86.4121564073908,342.4710903318462],[77.53552371696111,350.83199121075245],[69.70362979606267,353.9671535642681],[65.00387698844548,354.4900417478618],[61.87121707633611,346.6515407712993],[63.43779498771306,337.2459011228618],[67.09282809928533,328.36263085918995],[72.83628970817205,322.6145229490337],[79.62448245719548,320.5240383298931],[85.89031345084783,321.0464077146587],[91.11141330436345,323.1368923337993],[97.37722903922673,325.2268581541118],[106.25386172965642,327.8397121580181]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[132.36140567496892,288.6485805662212],[142.28224307731267,288.6485805662212],[146.45965701774236,288.1256618650493],[152.72548038200017,286.5580959470806],[154.81392032340642,283.9452114255962],[155.33628970817205,280.8099880369243],[154.81392032340642,277.6748256834087],[152.20309573844548,274.5395717771587],[147.50387698844548,272.4490871580181],[140.7161877794611,272.4490871580181],[135.49458438590642,272.97200585918995],[130.27296573356267,276.1071682127056],[124.52949649528142,282.37764550762745],[120.87448245719548,290.7385463865337],[120.35210544303533,299.62178613262745],[125.05136234000798,307.4603176267681],[131.3171857042658,315.2983913572368],[137.58299380973455,322.0916958005962],[148.54806644157048,325.7497463377056],[155.33628970817205,323.65926171856495],[157.9470685167658,321.0464077146587],[165.77899295524236,314.7759914548931]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[86.93453342155095,205.56285668926807]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"times":[0,0,0,0,0,0,0,0],"segments":[[216.42796451285955,232.73558618145557],[216.94984561637517,239.00597192364307],[218.5164044542658,256.2501430662212],[220.60484439567205,277.6748256834087],[224.78225833610173,298.0542202146587],[228.95962650016423,316.34358789043995],[232.0922864122736,328.8850002439556],[235.7473157091486,348.2191066892681]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"times":[0,0,0,0],"segments":[[190.3204358263361,272.97200585918995],[197.63047916129705,275.0619411619243],[212.25058109000798,278.1971950681743],[234.18072635367986,281.8552761228618]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"times":[0,0,0,0,0],"segments":[[254.02243167594548,249.45689965801807],[256.63321048453923,255.20491601543995],[260.28827029899236,266.1787014158306],[262.89907962516423,277.6748256834087],[265.509858433758,294.3965969236431]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"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,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,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":[[282.74075442985173,333.0654506834087],[279.60809451774236,333.0654506834087],[272.8199475450861,335.1554165037212],[266.5540784044611,336.2006130369243],[263.94329959586736,338.2905788572368],[262.89907962516423,343.5162868650493],[262.89907962516423,348.2191066892681],[262.89907962516423,352.3995571287212],[263.42141849235173,355.5352687986431],[265.509858433758,358.67049218731495],[268.6430676622736,361.2833461912212],[272.8199475450861,362.8509426267681],[278.0415051622736,362.8509426267681],[281.6965344591486,362.8509426267681],[286.39581424430486,361.2833461912212],[293.18402225211736,358.67049218731495],[295.2724621935236,356.0576381834087],[295.794770543133,352.3995571287212],[294.75055057242986,348.74202539043995],[293.18402225211736,345.0838833005962],[291.0955823107111,341.42635156231495],[288.48477298453923,339.8587551267681],[289.52899295524236,342.9939174802837],[291.6174328966486,347.1743679197368],[293.18402225211736,351.35481835918995],[294.75055057242986,355.0124416502056],[296.8389905138361,359.1928615720806],[300.4940198107111,364.41853906231495],[303.1048596544611,368.5990505369243],[305.19329959586736,371.73421289043995],[308.84832889274236,375.9146633298931],[313.025727574383,378.5275173337993],[318.2472851915705,379.5722866209087],[321.9023144884455,376.4370327146587],[322.424165074383,372.2565822752056],[322.424165074383,368.5990505369243],[322.424165074383,364.41853906231495],[321.9023144884455,359.7152614744243],[321.37994510367986,355.5352687986431],[320.85809451774236,350.83199121075245],[321.37994510367986,357.1029262693462],[321.9023144884455,361.2833461912212],[322.9465344591486,364.9409084470806],[324.5131543321955,372.2565822752056],[326.079194371258,379.04988671856495],[327.12396365836736,382.70796777325245],[330.25662357047673,377.4823208005962],[331.30084354117986,372.77950097637745],[332.345063511883,368.5990505369243],[332.8674328966486,365.4632778318462],[333.389741246258,362.3281154783306],[334.4339612169611,358.1476040037212],[340.699799840008,361.2833461912212],[343.310639683758,367.5537624509868],[343.83245975211736,371.2118435056743],[344.3548596544611,374.3470668943462],[344.3548596544611,378.5275173337993],[345.9208996935236,370.6890163572368],[346.965668980633,366.5085659177837],[348.0098889513361,361.80574609356495],[350.620698277508,360.2380886228618],[352.1867688341486,367.5537624509868],[352.70913821891423,371.73421289043995],[352.70913821891423,374.8694362791118],[352.70913821891423,379.04988671856495],[354.27566653922673,383.7527065427837],[360.019135777508,385.84322167950245],[365.76260501578923,383.2303371580181],[367.329194371258,378.0046291502056],[367.85159427360173,372.2565822752056],[367.85159427360173,368.07613183575245],[367.85159427360173,364.9409084470806],[361.58572513297673,365.9861965330181],[358.97491580680486,368.5990505369243],[357.4083264513361,372.77950097637745],[358.45254642203923,377.4823208005962],[361.0633557482111,381.6627712400493],[363.674165074383,384.79793359356495],[366.28497440055486,386.3655910642681],[371.50662357047673,386.8879604490337]]},{"start":1713886611718,"last":0,"beat":500,"lifetime":50,"color":"black","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[334.4339612169611,330.4525661619243]]}],"backgroundColor":"rgb(255,255,255)"});