stroke looper animation

description.md

http://bouboucle.com?gist=75d5b01a6dbbea46fdee3063962851ef

looper.jsonp

load({"width":320,"height":380.33,"speed":1,"lineData":[{"start":1537831790321,"last":5168,"beat":2000,"lifetime":1000,"color":"#303F9F","multiPeriod":1,"strokeWidth":2,"times":[1,84,100,117,133,149,164,181,202,218,231,248,265,281,298,347,365,382,398,418,432,448,465,482,499,519,532,549,565,583,599,621,632,649,698,716,731,748,766,780,797,816,830,865,882,896,912,929,947,964,980,997,1017,1032,1048,1064,1082,1100,1117,1130,1151,1167,1181,1198,1230,1265,1282,1301,1318,1330,1347,1380,1415,1434,1451,1467,1484,1500,1517,1530,1547,1579,1613,1630,1647,1664,1680,1700,1717,1733,1748,1764,1798,1829,1851,1867,1881,1897,1917,1930,1966,1980,1997,2014,2031,2050,2067,2081,2097,2117,2180,2200,2218,2231,2251,2268,2281,2298,2315,2332,2366,2413,2431,2448,2465,2485,2498,2515,2531,2552,2568,2582,2597,2616,2631,2663,2732,2752,2769,2782,2799,2815,2834,2848,2869,2947,2969,2983,2999,3016,3035,3049,3066,3082,3099,3116,3132,3150,3167,3214,3232,3249,3266,3283,3300,3317,3331,3349,3366,3383,3398,3417,3432,3448,3465,3482,3500,3517,3531,3550,3567,3581,3598,3617,3631,3648,3664,3729,3750,3766,3781,3798,3815,3831,3847,3863,3882,3895,3913,3929,3946,3962,3979,4011,4099,4132,4199,4233,4266,4300,4319,4335,4353,4369,4385,4409,4418,4433,4450,4466,4483,4515,4569,4584,4600,4620,4633,4654,4667,4682,4699,4717,4732,4749,4767,4782,4799,4830,4849,4865,4882,4899,4916,4932,4951,4967,4982,4998,5017,5033,5049,5065,5083,5101,5116,5132,5151],"segments":[[48,145],[52,146],[56,146],[63,146],[74,146],[85,146],[99,145],[113,140],[122,136],[130,131],[136,127],[139,123],[142,118],[142,114],[142,110],[137,108],[134,108],[130,112],[126,118],[122,124],[117,133],[112,142],[105,152],[99,162],[93,174],[87,186],[77,201],[68,216],[61,229],[52,240],[43,249],[37,255],[32,257],[29,258],[27,246],[35,231],[42,220],[48,212],[53,205],[58,201],[62,198],[65,197],[68,197],[72,202],[75,209],[79,217],[84,224],[89,232],[93,237],[98,243],[102,246],[106,248],[110,248],[114,248],[117,248],[120,247],[123,241],[127,233],[129,227],[130,222],[131,216],[131,212],[132,209],[132,206],[133,203],[138,199],[145,196],[152,193],[156,191],[161,190],[164,189],[167,189],[167,194],[166,202],[163,211],[159,219],[156,227],[152,233],[149,239],[146,244],[142,247],[137,248],[134,247],[133,243],[132,238],[131,232],[131,224],[130,215],[129,207],[129,201],[129,195],[129,191],[131,187],[136,187],[139,187],[143,187],[148,187],[152,190],[156,192],[159,195],[163,200],[163,204],[164,209],[164,214],[164,222],[162,230],[160,238],[158,245],[156,250],[155,253],[158,252],[162,247],[168,240],[174,230],[180,220],[185,211],[190,201],[193,196],[196,192],[198,189],[201,188],[202,192],[203,196],[203,200],[204,206],[204,211],[204,216],[204,221],[204,227],[204,234],[204,242],[201,251],[197,258],[193,262],[189,265],[185,267],[186,264],[190,260],[193,256],[198,252],[203,248],[209,244],[213,242],[217,240],[220,240],[222,245],[221,252],[219,261],[216,271],[213,283],[208,297],[203,310],[197,323],[192,332],[185,340],[180,345],[175,348],[170,349],[167,349],[165,345],[165,342],[165,336],[168,328],[173,318],[179,306],[184,294],[190,281],[196,270],[203,261],[211,252],[219,245],[228,236],[236,229],[245,221],[251,216],[257,208],[261,200],[264,191],[267,181],[268,172],[269,161],[270,152],[271,142],[271,133],[271,125],[271,120],[271,116],[268,117],[263,125],[258,133],[253,142],[247,153],[243,162],[240,174],[237,184],[235,192],[234,201],[232,209],[231,217],[229,224],[228,230],[227,234],[227,237],[227,240],[231,242],[234,243],[237,243],[241,240],[243,236],[245,231],[247,228],[250,224],[254,220],[258,216],[264,210],[269,206],[275,201],[280,198],[284,196],[287,194],[290,193],[293,193],[295,196],[295,199],[295,202],[295,207],[295,213],[293,222],[288,231],[280,241],[274,248],[266,255],[260,260],[255,264],[251,266],[248,266],[245,266],[241,262],[239,257],[239,251],[239,245],[239,238],[239,231],[240,225],[244,219],[248,213],[252,207],[256,202],[260,198],[265,196],[271,194],[276,193],[280,192],[284,192],[288,192],[291,192],[298,192]]}],"backgroundColor":"rgb(255,255,255)"});