Skip to content

Instantly share code, notes, and snippets.

@andreaskundig
Created July 6, 2018 08:11
Show Gist options
  • Save andreaskundig/d322f7fece046ac0b9e3b60749ecfd68 to your computer and use it in GitHub Desktop.
Save andreaskundig/d322f7fece046ac0b9e3b60749ecfd68 to your computer and use it in GitHub Desktop.
stroke looper animation
load({"width":1280,"height":508.33,"speed":1,"lineData":[{"start":1530864667586,"last":1784,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":200,"times":[1,118,167,267,318,351,385,417,469,535,567,634,685,767,819,886,950,1052,1086,1134,1185,1285,1335,1401,1502],"segments":[[395,127.99999999999999],[392,127.99999999999999],[389,129],[388,132],[388,135],[392,136],[395,137],[398,138],[401,138],[404,136],[404,133],[404,129],[401,127.99999999999999],[398,127.99999999999999],[395,129],[395,132],[396,135],[399,137],[402,138],[405,139],[408,138],[408,134],[408,131],[405,130],[402,129]]},{"start":1530864672299,"last":1397,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":50,"times":[0,88,123,156,222,290,356,421,472,523,572,805,872,973,1275],"segments":[[773,140],[770,139],[767,139],[763,140],[760,143],[760,146],[764,147],[767,148],[770,147],[770,144],[770,141],[767,140],[764,141],[764,144],[767,146]]},{"start":1530864676068,"last":1617,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0,128,167,220,304,671],"segments":[[686,331],[683,332],[679,333],[678,336],[681,337],[682,334]]},{"start":1530864677856,"last":77,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[1],"segments":[[684,334]]},{"start":1530864678042,"last":104,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864678217,"last":108,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864678412,"last":103,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864678617,"last":87,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864678809,"last":95,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864678990,"last":121,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864679175,"last":110,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864679372,"last":113,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864679558,"last":94,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[684,334]]},{"start":1530864682445,"last":1484,"beat":1000,"lifetime":250,"color":"#FFCA28","multiPeriod":1,"strokeWidth":200,"times":[0,130,170,213,254,293,414,489,631,798,952,1054],"segments":[[994,155],[991,155],[988,155],[985,158],[984,161],[984,164],[987,166],[991,165],[988,162],[985,162],[984,165],[989,167]]},{"start":1530864692686,"last":1841,"beat":1000,"lifetime":250,"color":"#26C6DA","multiPeriod":1,"strokeWidth":50,"times":[0,223,294,374,489,603,699,761,828,983,1045,1111,1212,1472,1651],"segments":[[986,136],[988,139],[991,141],[994,141],[997,141],[994,138],[991,137],[987,137],[984,137],[984,140],[987,140],[990,140],[992,137],[989,136],[988,139]]},{"start":1530864696492,"last":1144,"beat":1000,"lifetime":250,"color":"#26C6DA","multiPeriod":1,"strokeWidth":50,"times":[0,249,308,343,397,456,562,641,686,759,885,954],"segments":[[412,106.99999999999999],[415,107.99999999999999],[418,108.99999999999999],[421,108.99999999999999],[424,108.99999999999999],[424,104.99999999999999],[420,102.99999999999999],[417,102.99999999999999],[414,103.99999999999999],[412,106.99999999999999],[413,109.99999999999999],[416,110.99999999999999]]},{"start":1530864711939,"last":1656,"beat":2000,"lifetime":500,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1,212,246,368,391,426,559,769,1284,1322,1420,1633],"segments":[[265,321],[268,324],[272,327],[277,325],[278,321],[278,318],[275,317],[272,317],[268,316],[265,319],[265,323],[268,325]]},{"start":1530864715049,"last":7181,"beat":2000,"lifetime":500,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1,164,224,286,344,404,443,565,640,734,796,853,983,1017,1070,1165,1234,1273,1311,1364,1403,1441,1479,1514,1547,1663,1700,1740,1761,1797,1864,1902,1945,1979,2020,2057,2101,2152,2196,2243,2268,2325,2345,2381,2419,2459,2479,2500,2570,2593,2630,2661,2699,2739,2808,2832,2859,2907,2938,2966,2994,3040,3096,3119,3139,3161,3211,3253,3282,3311,3340,3367,3420,3460,3480,3503,3559,3581,3624,3647,3684,3716,3738,3778,3816,3842,3870,3895,3921,3974,4001,4065,4111,4148,4187,4212,4233,4288,4329,4366,4389,4413,4451,4475,4512,4532,4553,4577,4599,4713,4735,4776,4814,4856,4884,4911,4974,5029,5058,5089,5125,5161,5181,5218,5276,5311,5345,5380,5402,5421,5442,5494,5530,5581,5647,5681,5726,5763,5815,5835,5859,5905,5937,5969,5996,6046,6088,6114,6177,6201,6229,6268,6306,6345,6384,6406,6429,6473,6526,6605,6645,6684,6702,6727,6748,6832,6875,6919,6944,6969,6995,7037,7059,7157],"segments":[[270,321],[268,324],[268,327],[272,330],[275,330],[278,328],[278,325],[275,323],[272,323],[270,326],[271,329],[274,329],[276,325],[276,321],[273,320],[270,320],[268,324],[268,328],[268,331],[270,334],[274,335],[277,335],[280,335],[281,332],[281,329],[278,327],[274,327],[273,330],[273,333],[273,336],[276,339],[279,339],[282,337],[282,331],[282,323],[280,320],[276,320],[271,320],[268,320],[268,323],[268,326],[271,328],[275,329],[278,330],[281,330],[284,329],[284,323],[284,320],[280,318],[276,318],[271,318],[267,320],[266,324],[264,329],[264,332],[268,334],[272,335],[278,336],[282,334],[284,329],[285,323],[285,319],[282,318],[278,318],[275,318],[272,318],[269,323],[268,329],[268,332],[269,335],[272,337],[275,337],[278,338],[281,333],[282,327],[282,323],[282,320],[278,319],[275,319],[272,319],[268,319],[265,323],[264,326],[265,331],[269,333],[272,335],[276,337],[280,337],[283,337],[286,336],[286,333],[284,330],[281,328],[278,328],[273,328],[270,328],[267,329],[265,333],[264,337],[264,340],[268,341],[271,341],[275,343],[278,343],[282,343],[284,340],[284,334],[284,328],[284,325],[280,323],[277,323],[273,323],[271,327],[271,330],[272,334],[276,337],[281,339],[285,339],[287,335],[287,330],[287,325],[284,321],[279,319],[276,318],[272,318],[268,318],[266,321],[266,325],[266,328],[267,331],[270,332],[273,333],[277,333],[282,333],[286,329],[286,324],[286,321],[283,321],[280,321],[276,321],[272,321],[269,323],[268,327],[269,331],[272,334],[277,336],[280,337],[283,337],[286,333],[286,327],[285,323],[282,322],[279,321],[276,321],[273,321],[268,323],[264,327],[262,331],[262,334],[267,335],[270,335],[274,329],[276,326],[276,319],[276,315],[272,313],[269,313],[265,314],[263,318],[262,322],[264,325],[267,328],[270,329],[273,329]]},{"start":1530864729716,"last":1625,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[665,202]]},{"start":1530864733043,"last":105,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,202]]},{"start":1530864733408,"last":69,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,202]]},{"start":1530864733594,"last":96,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,202]]},{"start":1530864733773,"last":91,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,202]]},{"start":1530864733979,"last":91,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,202]]},{"start":1530864734181,"last":62,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[665,202]]},{"start":1530864734350,"last":105,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,202]]},{"start":1530864734542,"last":78,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,202]]},{"start":1530864734748,"last":101,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,202]]},{"start":1530864734960,"last":127,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[665,202]]},{"start":1530864737570,"last":104,"beat":2000,"lifetime":1000,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[662,197]]},{"start":1530864742555,"last":85,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[667,202]]},{"start":1530864744277,"last":95,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[669,201]]},{"start":1530864745408,"last":105,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[666,203]]},{"start":1530864745716,"last":77,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[666,203]]},{"start":1530864746222,"last":60,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[666,203]]},{"start":1530864746642,"last":60,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[662,204]]},{"start":1530864746847,"last":110,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[662,204]]},{"start":1530864747128,"last":82,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[662,204]]},{"start":1530864747458,"last":79,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[661,198]]},{"start":1530864747806,"last":78,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[664,195]]},{"start":1530864748051,"last":86,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[666,195]]},{"start":1530864748276,"last":133,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[671,196]]},{"start":1530864748533,"last":82,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[673,197]]},{"start":1530864748726,"last":104,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[673,197]]},{"start":1530864748957,"last":88,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0,82],"segments":[[673,198],[672,201]]},{"start":1530864749130,"last":97,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[669,203]]},{"start":1530864749326,"last":115,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1,90],"segments":[[668,204],[665,204]]},{"start":1530864749530,"last":94,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[662,204]]},{"start":1530864749747,"last":79,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[662,204]]},{"start":1530864749941,"last":70,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[662,204]]},{"start":1530864750118,"last":96,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[665,206]]},{"start":1530864750304,"last":87,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[666,207]]},{"start":1530864751915,"last":70,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[659,203]]},{"start":1530864752095,"last":84,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[659,202]]},{"start":1530864752287,"last":76,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[655,200]]},{"start":1530864752482,"last":97,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[654,200]]},{"start":1530864752668,"last":91,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[654,199]]},{"start":1530864752872,"last":85,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[2],"segments":[[654,199]]},{"start":1530864753085,"last":108,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[654,199]]},{"start":1530864753295,"last":117,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1,116],"segments":[[656,197],[658,194]]},{"start":1530864753470,"last":97,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[658,194]]},{"start":1530864753669,"last":93,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[664,193]]},{"start":1530864753883,"last":67,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[670,194]]},{"start":1530864754047,"last":94,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[674,198]]},{"start":1530864754257,"last":53,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0,25,52],"segments":[[673,202],[670,205],[666,205]]},{"start":1530864754418,"last":91,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[663,206]]},{"start":1530864754611,"last":73,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[661,207]]},{"start":1530864754780,"last":89,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[658,207]]},{"start":1530864754988,"last":82,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0,52],"segments":[[657,205],[660,205]]},{"start":1530864755161,"last":91,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0,65],"segments":[[664,203],[667,203]]},{"start":1530864755351,"last":82,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[668,203]]},{"start":1530864755526,"last":66,"beat":500,"lifetime":50,"color":"#7B1FA2","multiPeriod":1,"strokeWidth":50,"times":[0],"segments":[[670,204]]}]});
@andreaskundig
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment