stroke looper animation

description.md

http://bouboucle.com?gist=760f995a55823ae7276bb76f5363b96e

looper.jsonp

load({"width":384,"height":573,"speed":1,"lineData":[{"start":1711651500786,"last":494,"beat":2000,"lifetime":500,"color":"#F57C00","multiPeriod":1,"strokeWidth":2,"times":[0,31,39,46,54,62,71,79,87,96,104,112,121,129,138,146,154,162,171,179,187,196,204,213,221,229,238,246,254,263,279,296,304,312,321,330,338,346,354,363,371,379,388,396,404,412,421,429,438,446,455,463,471,479,487],"segments":[[97.875,171.1218780517578],[100.59375,165.89479675292966],[103.125,161.06979980468748],[109.6875,148.2031311035156],[119.53125,128.9031280517578],[129.5625,107.19063415527343],[136.875,88.49374999999999],[139.78125,76.43124999999999],[139.40625,70.80208435058593],[137.0625,68.5906280517578],[133.59375,68.38959350585937],[128.15625,70.60104980468749],[121.03125,76.43124999999999],[112.6875,85.47812499999999],[104.71875,97.13854064941405],[98.4375,108.59792175292968],[92.15625,121.26354064941405],[86.625,135.73854675292966],[82.21875,152.02292480468748],[77.4375,169.91562499999998],[72.28125,188.41147460937498],[67.5,206.50522460937498],[63.28125,224.39792480468748],[58.40625,241.8885559082031],[51.84375,257.5697998046875],[44.71875,271.0395874023437],[38.25,282.29791870117185],[31.5,290.1385559082031],[25.21875,294.36041870117185],[21.5625,295.3656372070312],[16.875,293.3552612304687],[14.8125,288.53021850585935],[14.4375,284.509375],[14.71875,279.28229370117185],[15.5625,273.65314331054685],[17.8125,263.4],[21.28125,250.93546142578123],[25.96875,239.87811889648435],[31.3125,232.8416809082031],[36.75,230.22812499999998],[41.53125,230.63022460937498],[45.5625,233.0427307128906],[50.625,237.46564331054685],[57,243.29584350585935],[63.375,248.72397460937498],[69.375,253.5489562988281],[75.5625,257.1677307128906],[82.21875,259.5802062988281],[87.375,260.5854248046875],[92.625,260.1833557128906],[99.84375,257.770849609375],[106.78125,252.94583740234373],[112.03125,247.5177062988281],[118.125,241.4864562988281],[123.75,234.04791870117185]]},{"start":1711651501398,"last":614,"beat":2000,"lifetime":500,"color":"#F57C00","multiPeriod":1,"strokeWidth":2,"times":[1,60,67,75,84,92,100,108,117,125,142,159,167,175,183,192,200,209,217,234,259,275,292,309,317,325,333,342,350,367,384,400,408,417,425,433,442,450,459,467,476,484,492,500,508,517,525,534,542,550,558,567,575,584,592,600,608],"segments":[[161.0625,160.46666564941404],[157.125,160.06461181640623],[153,162.6781524658203],[147.46875,168.50833740234373],[141,177.35416259765623],[134.90625,187.2052062988281],[130.125,196.6541809082031],[127.03125,205.09793701171873],[125.53125,211.5312561035156],[125.15625,215.55209960937498],[126.5625,219.57291259765623],[130.21875,218.76874389648435],[133.96875,215.95416870117185],[139.21875,211.12918701171873],[144.5625,204.69583740234373],[149.0625,197.65936889648435],[152.71875,191.02499999999998],[155.71875,186.20001831054685],[157.875,183.58646240234373],[160.40625,181.3750061035156],[162.75,184.1895812988281],[164.53125,187.80832519531248],[167.34375,191.62811889648435],[171.375,193.4375061035156],[174.9375,192.43228759765623],[180,189.61771240234373],[185.8125,185.59686889648435],[190.6875,180.97293701171873],[193.5,177.95731201171873],[197.34375,175.14273681640623],[201.375,174.94167175292966],[206.25,176.54999389648435],[209.4375,177.95731201171873],[212.4375,178.5604309082031],[215.90625,178.5604309082031],[221.0625,177.15314331054685],[227.34375,174.1375030517578],[234,169.3125061035156],[240.375,163.88437499999998],[246.75,159.0593780517578],[252.84375,155.23958435058591],[256.6875,153.22919311523435],[260.0625,152.22395935058591],[263.90625,152.02292480468748],[269.53125,152.22395935058591],[274.21875,152.42500915527341],[279,152.62604370117185],[285.09375,152.42500915527341],[292.6875,151.82187499999998],[300.5625,150.41458740234373],[309,148.40416564941404],[318,146.19270935058591],[328.875,142.97604980468748],[341.25,138.5531524658203],[352.3125,132.32083740234373],[365.25,124.48021545410155],[382.03125,114.62917175292968]]},{"start":1711651506453,"last":760,"beat":2000,"lifetime":500,"color":"#F57C00","multiPeriod":1,"strokeWidth":2,"times":[1,46,54,63,71,80,88,96,104,112,121,130,138,146,154,163,171,179,188,196,204,213,221,229,238,246,254,263,271,279,288,296,305,313,321,338,346,355,363,371,379,388,396,404,413,421,455,463,471,479,488,496,505,513,521,530,538,546,555,563,571,579,588,596,605,613,622,638,646,655,663,671,679,688,696,705,713,721,729,738,746,754],"segments":[[162.1875,272.2458557128906],[161.90625,267.21979370117185],[160.40625,264.00311889648435],[156.5625,262.19379272460935],[149.53125,264.20416870117185],[139.03125,271.6427062988281],[127.3125,283.5041870117187],[116.25,297.77814331054685],[104.8125,315.2688049316406],[93,335.3729309082031],[82.40625,355.07501831054685],[73.125,375.380224609375],[66,394.8812622070312],[61.78125,412.9750122070312],[60,429.8625549316406],[60,444.9407104492187],[61.59375,456.802099609375],[64.5,464.8437866210937],[68.8125,469.4677490234375],[73.96875,471.076025390625],[81,469.8697875976562],[87.5625,465.848974609375],[94.125,458.8125366210937],[100.6875,448.9614624023437],[106.21875,437.5021118164062],[110.4375,425.4395812988281],[114.09375,412.5729736328125],[117.9375,397.6958374023437],[120.65625,384.6281799316406],[122.34375,373.3697875976562],[123.75,363.1166748046875],[125.34375,353.86875],[127.21875,346.6312622070312],[129.28125,341.6052612304687],[131.15625,339.192724609375],[135.375,339.79584350585935],[138.1875,342.0072998046875],[141.84375,347.2343811035156],[144.84375,354.67291870117185],[146.625,362.915625],[147.5625,371.7615112304687],[148.21875,379.4010375976562],[148.78125,387.2416748046875],[148.96875,394.07709350585935],[149.0625,398.7010559082031],[149.53125,401.7166809082031],[153.28125,402.11875],[156.1875,398.7010559082031],[160.96875,392.0666870117187],[166.6875,383.2208312988281],[172.6875,373.5708374023437],[179.34375,364.5239624023437],[187.3125,356.2812561035156],[194.53125,349.8479370117187],[202.03125,343.6156372070312],[209.53125,337.9864562988281],[215.625,333.76459350585935],[220.21875,330.54791870117185],[224.625,328.9395812988281],[228.84375,328.5375122070312],[232.21875,329.1406311035156],[235.03125,330.74896850585935],[237.75,333.3625549316406],[241.03125,338.1875061035156],[245.0625,344.0177062988281],[249.28125,349.2447875976562],[252.1875,351.65729370117185],[257.53125,352.6625122070312],[261.09375,351.0541748046875],[266.34375,347.0333312988281],[272.34375,339.99689331054685],[278.4375,330.74896850585935],[285,320.4958862304687],[292.875,310.0416625976562],[299.90625,301.5979370117187],[307.21875,293.958349609375],[316.03125,286.7208312988281],[327.28125,278.6791748046875],[340.59375,269.0292114257812],[352.6875,258.57501831054685],[366.5625,247.11566772460935],[382.03125,234.65103759765623]]}],"backgroundColor":"rgb(255,255,255)"});