Skip to content

Instantly share code, notes, and snippets.

@andreaskundig
Created June 23, 2018 15:20
Show Gist options
  • Save andreaskundig/658e5735ac04859dc326f921a6f5b60b to your computer and use it in GitHub Desktop.
Save andreaskundig/658e5735ac04859dc326f921a6f5b60b to your computer and use it in GitHub Desktop.
stroke looper animation
load({"width":1366,"height":842.33,"speed":1,"lineData":[{"start":1529765962032,"last":85,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":50,"times":[1],"segments":[[292,168]]},{"start":1529765967382,"last":95,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":20,"times":[1],"segments":[[297,134]]},{"start":1529765970574,"last":74,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[314,134]]},{"start":1529765970955,"last":291,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":20,"times":[1],"segments":[[314,136]]},{"start":1529765974173,"last":872,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":20,"times":[0,673,772],"segments":[[309,117.00000000000001],[308,120.00000000000001],[308,117.00000000000001]]},{"start":1529765983370,"last":1110,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,125,140,157,174,191,207,224,241,257,274,291,307,325,341,358,374,392,407,424,441,457,474,491,508,524,542,558,574,591,608,624,641,658,674,691,708,724,741,758,777,791,808,824,841,858,876,892,908,925,942,958,975,1008,1059],"segments":[[312,118.00000000000001],[316,118.00000000000001],[319,118.00000000000001],[323,118.00000000000001],[328,118.00000000000001],[333,118.00000000000001],[339,118.00000000000001],[346,117.00000000000001],[351,117.00000000000001],[360,117.00000000000001],[365,117.00000000000001],[375,117.00000000000001],[383,117.00000000000001],[392,116.00000000000001],[401,116.00000000000001],[410,116.00000000000001],[420,115.00000000000001],[427,115.00000000000001],[438,115.00000000000001],[445,115.00000000000001],[457,115.00000000000001],[467,115.00000000000001],[475,115.00000000000001],[484,115.00000000000001],[492,115.00000000000001],[501,115.00000000000001],[508,115.00000000000001],[519,115.00000000000001],[528,115.00000000000001],[536,115.00000000000001],[543,115.00000000000001],[551,115.00000000000001],[559,114.00000000000001],[567,114.00000000000001],[575,114.00000000000001],[582,113.00000000000001],[589,113.00000000000001],[597,113.00000000000001],[603,113.00000000000001],[611,112.00000000000001],[617,112.00000000000001],[623,112.00000000000001],[630,112.00000000000001],[637,112.00000000000001],[642,111.00000000000001],[648,111.00000000000001],[654,111.00000000000001],[660,111.00000000000001],[664,110.00000000000001],[668,110.00000000000001],[673,110.00000000000001],[677,110.00000000000001],[681,110.00000000000001],[686,109.00000000000001],[689,109.00000000000001]]},{"start":1529765985715,"last":667,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,114,198,264,332,398,481,564],"segments":[[687,109.00000000000001],[690,107.00000000000001],[694,105.00000000000001],[697,103.00000000000001],[700,101.00000000000001],[703,99.00000000000001],[706,97.00000000000001],[709,95.00000000000001]]},{"start":1529765986864,"last":975,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,99,164,232,315,382,482,598,732],"segments":[[686,110.00000000000001],[689,111.00000000000001],[692,113.00000000000001],[695,115.00000000000001],[698,117.00000000000001],[701,118.00000000000001],[704,119.00000000000001],[707,121.00000000000001],[710,123.00000000000001]]},{"start":1529766022909,"last":9767,"beat":500,"lifetime":50,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,123,175,206,240,275,339,375,408,440,475,506,540,572,606,624,673,705,738,772,808,840,873,925,959,989,1023,1058,1092,1124,1155,1190,1224,1258,1290,1341,1374,1407,1440,1474,1492,1524,1558,1591,1624,1657,1690,1723,1758,1790,1824,1874,1907,1957,2008,2057,2091,2123,2174,2224,2290,2341,2374,2425,2490,2574,2674,2758,2841,2890,2940,2991,3024,3057,3090,3124,3157,3190,3240,3274,3307,3358,3390,3424,3457,3475,3491,3524,3542,3574,3592,3624,3658,3690,3724,3758,3791,3824,3856,3891,3925,3957,3990,4024,4057,4091,4124,4158,4191,4224,4258,4307,4342,4374,4408,4458,4491,4541,4591,4641,4674,4724,4774,4858,4908,4957,5008,5058,5091,5141,5191,5258,5324,5374,5422,5474,5507,5540,5591,5624,5674,5707,5741,5774,5808,5825,5858,5891,5924,5956,5976,6008,6041,6059,6076,6106,6127,6151,6161,6176,6192,6209,6228,6244,6260,6276,6292,6309,6326,6342,6359,6376,6393,6409,6426,6442,6459,6476,6493,6509,6526,6543,6574,6607,6641,6675,6706,6741,6774,6808,6841,6874,6907,6941,6974,7008,7041,7059,7091,7110,7126,7143,7160,7176,7193,7209,7226,7243,7260,7276,7293,7310,7326,7342,7359,7376,7393,7409,7426,7443,7460,7477,7493,7510,7526,7543,7560,7575,7593,7609,7626,7642,7660,7677,7694,7711,7728,7746,7762,7793,7823,7858,7891,7910,7926,7943,7974,7995,8011,8029,8030,8042,8047,8075,8094,8099,8115,8132,8144,8161,8178,8182,8199,8225,8245,8260,8276,8293,8310,8326,8358,8376,8407,8440,8474,8493,8510,8527,8543,8560,8577,8594,8611,8627,8644,8646,8660,8679,8694,8697,8710,8714,8728,8745,8747,8774,8793,8810,8827,8843,8860,8877,8894,8911,8928,8944,8961,8978,8994,9009,9026,9043,9060,9077,9093,9111,9126,9158,9191,9210,9227,9244,9260,9276,9293,9310,9326,9342,9360,9377,9394,9412,9413,9426,9430,9443,9460,9478,9479,9493,9496,9513,9530,9546,9563,9578,9593,9610,9627,9644,9660,9691,9725],"segments":[[711,123.00000000000001],[714,124.00000000000001],[717,127.00000000000001],[720,128],[723,130],[727,132],[730,135],[734,137],[737,140],[741,142],[745,146],[749,149],[753,152],[757,154],[761,157],[764,159],[768,161],[771,163],[774,166],[777,168],[780,170],[783,172],[787,174],[791,177],[795,180],[798,181],[801,183],[805,186],[809,188],[812,190],[815,192],[819,194],[822,196],[825,198],[828,199],[831,201],[834,204],[838,206],[842,209],[847,213],[850,214],[854,217],[857,220],[860,222],[863,224],[866,226],[869,229],[873,232],[876,234],[879,237],[882,239],[885,242],[888,244],[891,247],[894,250],[897,253],[900,256],[903,258],[905,261],[906,264],[909,267],[911,270],[912,273],[913,277],[915,280],[915,283],[912,285],[909,286],[906,287],[903,286],[899,285],[895,283],[892,281],[888,279],[885,277],[882,275],[879,273],[875,271],[872,269],[869,267],[865,265],[862,263],[858,261],[855,258],[851,255],[848,253],[845,251],[841,247],[838,245],[834,242],[831,240],[827,238],[822,235],[818,232],[814,229],[810,227],[805,224],[801,222],[796,219],[792,216],[788,214],[784,211],[779,209],[776,206],[772,204],[768,201],[764,198],[761,196],[757,194],[753,192],[750,190],[746,187],[743,185],[740,183],[737,181],[733,178],[730,176],[726,174],[722,172],[719,171],[716,170],[713,169],[710,168],[707,166],[704,165],[701,164],[697,163],[694,162],[691,162],[688,163],[685,164],[684,167],[682,170],[681,173],[681,176],[681,179],[681,182],[683,185],[685,188],[688,191],[691,194],[695,197],[698,199],[702,202],[705,204],[708,206],[711,209],[714,211],[718,214],[723,218],[726,220],[730,222],[735,225],[738,227],[741,229],[745,233],[748,236],[751,238],[755,241],[759,244],[763,248],[768,252],[773,256],[777,258],[782,262],[788,266],[793,269],[798,272],[804,276],[808,278],[812,280],[815,283],[818,285],[821,287],[826,290],[829,292],[832,295],[835,297],[838,299],[841,301],[844,303],[847,304],[852,308],[855,309],[858,311],[861,313],[863,316],[866,318],[868,321],[870,324],[871,327],[871,330],[870,333],[868,336],[865,339],[861,341],[856,342],[853,342],[848,340],[844,338],[839,335],[834,332],[829,329],[823,325],[816,321],[809,316],[801,310],[794,306],[786,300],[781,297],[774,292],[768,287],[759,282],[755,279],[748,274],[742,270],[736,266],[729,262],[726,259],[720,255],[714,251],[708,247],[703,243],[698,240],[691,236],[685,233],[681,229],[677,226],[673,224],[669,221],[665,219],[662,217],[659,216],[656,215],[653,214],[649,213],[646,212],[643,211],[640,211],[635,213],[632,216],[629,221],[628,226],[628,231],[629,236],[633,242],[639,249],[648,257],[656,263],[665,270],[669,273],[673,277],[678,280],[691,290],[702,299],[705,301],[714,307],[724,315],[730,319],[740,325],[750,332],[755,335],[763,341],[774,349],[779,353],[786,359],[789,362],[793,366],[796,370],[799,373],[804,379],[806,382],[808,387],[808,390],[807,394],[804,394],[798,394],[792,394],[786,392],[778,390],[771,387],[764,383],[755,379],[747,374],[739,368],[736,367],[730,362],[722,354],[716,349],[712,345],[708,343],[705,340],[699,335],[693,329],[688,326],[675,313],[670,309],[664,304],[657,299],[649,292],[643,287],[637,283],[632,279],[628,276],[621,270],[617,267],[612,264],[609,263],[605,262],[601,260],[598,259],[595,259],[592,259],[589,259],[586,259],[582,259],[579,260],[576,264],[576,268],[578,272],[583,278],[589,284],[597,292],[606,302],[615,309],[626,318],[637,326],[649,335],[660,343],[669,348],[676,352],[683,356],[686,359],[690,361],[693,364],[699,368],[707,375],[711,379],[714,382],[717,384],[720,386],[724,389],[728,392],[733,395],[738,399],[741,401],[746,404],[749,407],[754,411],[757,413],[760,415],[765,419],[768,421]]},{"start":1529766054639,"last":1222,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,198,280,347,430,530,647,780,913],"segments":[[765,418],[768,420],[771,423],[774,425],[777,427],[780,429],[783,431],[786,433],[789,434]]},{"start":1529766058619,"last":6,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1],"segments":[[1247,265]]},{"start":1529766062292,"last":34,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[1008,514]]},{"start":1529766062514,"last":157,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[791,433]]},{"start":1529766076596,"last":47,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[1121,799]]},{"start":1529766082613,"last":726,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,159,210,276,327,393,426,493,559],"segments":[[764,452],[766,449],[769,447],[772,445],[775,443],[778,441],[781,440],[784,438],[787,436]]},{"start":1529766099708,"last":651,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,150,200,266,316,366,416,549],"segments":[[789,435],[792,435],[795,435],[798,435],[801,436],[804,436],[807,436],[810,436]]},{"start":1529766291369,"last":109,"beat":500,"lifetime":50,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[2,48,68,85,103],"segments":[[707,94.00000000000001],[708,90.00000000000001],[709,86.00000000000001],[710,82.00000000000001],[712,78.00000000000001]]},{"start":1529766292018,"last":105,"beat":500,"lifetime":50,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,33,66,86,105],"segments":[[709,95.00000000000001],[712,92.00000000000001],[718,87.00000000000001],[722,83.00000000000001],[725,80.00000000000001]]},{"start":1529766292635,"last":102,"beat":500,"lifetime":50,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,33,53,70,74,101],"segments":[[709,96.00000000000001],[713,96.00000000000001],[718,96.00000000000001],[724,95.00000000000001],[729,95.00000000000001],[733,95.00000000000001]]},{"start":1529766317915,"last":3561,"beat":1000,"lifetime":250,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,109,161,226,326,376,410,444,493,543,576,610,644,677,711,744,777,810,843,877,911,943,977,997,1027,1060,1081,1111,1144,1164,1194,1227,1260,1294,1344,1393,1428,1477,1527,1576,1627,1677,1726,1776,1810,1860,1909,1943,1994,2027,2061,2095,2127,2177,2227,2261,2294,2327,2365,2394,2427,2463,2494,2526,2561,2595,2630,2661,2694,2727,2760,2794,2827,2861,2894,2914,2961,2996,3017,3044,3078,3110,3144,3178,3210,3260,3294,3328,3361,3393,3428,3464,3510],"segments":[[809,435],[812,435],[815,435],[818,435],[821,435],[824,435],[827,434],[830,434],[833,435],[836,435],[840,435],[843,435],[847,435],[851,435],[855,435],[858,435],[862,436],[866,436],[870,436],[874,436],[877,436],[881,436],[884,436],[887,436],[891,437],[895,437],[898,437],[902,437],[905,437],[908,437],[912,437],[915,437],[918,437],[921,437],[924,437],[928,438],[931,438],[935,438],[939,438],[942,438],[945,438],[948,439],[952,439],[955,439],[958,439],[961,439],[964,439],[967,439],[970,439],[974,439],[977,439],[980,439],[983,439],[987,439],[990,440],[993,440],[996,440],[999,440],[1002,440],[1005,440],[1009,440],[1013,440],[1016,440],[1020,440],[1023,440],[1026,440],[1029,440],[1032,440],[1035,439],[1038,439],[1041,439],[1044,439],[1048,439],[1051,439],[1054,439],[1057,439],[1061,438],[1064,438],[1067,438],[1070,438],[1073,438],[1077,438],[1081,438],[1084,439],[1087,439],[1091,439],[1094,438],[1098,438],[1101,438],[1104,438],[1108,438],[1112,438],[1115,438]]},{"start":1529766329016,"last":148,"beat":1000,"lifetime":250,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[1121,771]]},{"start":1529766332978,"last":2100,"beat":2000,"lifetime":500,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,133,200,250,283,315,350,384,417,449,483,517,566,599,632,666,699,733,766,800,834,867,900,934,967,999,1034,1066,1100,1133,1167,1200,1232,1267,1299,1336,1366,1399,1434,1466,1497,1533,1566,1600,1650,1682,1717,1750,1784,1816,1850,1883,1949,1999],"segments":[[764,451],[761,453],[758,455],[755,458],[751,461],[748,464],[744,468],[740,471],[737,474],[733,477],[729,480],[726,483],[723,486],[719,489],[715,492],[712,495],[708,498],[705,500],[702,503],[699,505],[696,508],[693,510],[690,513],[687,515],[684,518],[681,521],[678,523],[674,527],[670,530],[667,533],[663,536],[660,539],[657,542],[653,545],[648,548],[644,551],[641,554],[637,557],[633,561],[629,564],[625,566],[621,570],[617,573],[614,575],[610,579],[606,582],[602,586],[598,589],[596,592],[593,595],[589,598],[586,600],[583,602],[580,605]]},{"start":1529766415327,"last":916,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,226,310,393,477,576,677,794,910],"segments":[[1115,438],[1118,436],[1121,434],[1124,432],[1127,429],[1130,427],[1133,425],[1136,423],[1139,422]]},{"start":1529766421294,"last":827,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,195,244,294,377,460,544,644,778],"segments":[[1115,439],[1118,441],[1121,444],[1124,445],[1127,447],[1130,449],[1133,451],[1136,453],[1139,455]]},{"start":1529766497814,"last":1050,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,215,266,349,399,449,516,616,683,749,849,966],"segments":[[587,599],[584,601],[582,604],[579,606],[577,609],[574,611],[571,613],[568,615],[565,618],[562,620],[559,622],[556,625]]},{"start":1529766504832,"last":601,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,115,149,182,215,249,283,318,351,384,432,499],"segments":[[588,599],[585,599],[582,599],[579,598],[575,598],[570,597],[566,597],[563,596],[559,596],[556,595],[553,595],[549,595]]},{"start":1529766506006,"last":404,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,109,142,163,180,209,230,264,287,323],"segments":[[588,602],[588,605],[588,609],[588,612],[588,615],[589,621],[589,624],[589,629],[589,633],[589,637]]},{"start":1529766543670,"last":6,"beat":4000,"lifetime":1000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[847,653]]},{"start":1529766543735,"last":20,"beat":4000,"lifetime":1000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1],"segments":[[1018,819]]},{"start":1529766754967,"last":3665,"beat":4000,"lifetime":1000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,108,158,210,245,297,338,388,436,487,522,572,622,674,725,792,925,975,1009,1053,1088,1122,1157,1192,1225,1257,1291,1325,1360,1393,1443,1493,1545,1598,1637,1671,1722,1758,1821,1954,2004,2036,2071,2107,2142,2176,2211,2244,2277,2310,2343,2378,2410,2445,2481,2521,2553,2604,2656,2755,2836,2887,2922,2958,2992,3025,3059,3092,3125,3158,3192,3225,3259,3309,3358,3409,3460,3509,3559,3594,3643],"segments":[[1137,422],[1140,420],[1144,418],[1147,416],[1150,414],[1153,411],[1157,408],[1161,405],[1165,402],[1168,399],[1171,397],[1174,394],[1177,392],[1181,389],[1184,387],[1187,385],[1190,384],[1192,387],[1195,389],[1199,392],[1202,395],[1206,397],[1210,399],[1213,402],[1217,404],[1220,407],[1223,409],[1226,410],[1229,412],[1232,414],[1236,417],[1240,419],[1244,422],[1248,425],[1252,427],[1255,429],[1258,432],[1261,433],[1264,435],[1263,438],[1259,441],[1256,443],[1253,446],[1250,449],[1247,452],[1245,455],[1241,458],[1238,461],[1234,464],[1231,467],[1227,470],[1224,472],[1221,475],[1218,478],[1215,480],[1212,482],[1209,484],[1206,487],[1203,489],[1200,491],[1197,490],[1194,488],[1191,486],[1188,485],[1185,483],[1182,480],[1177,477],[1174,476],[1172,473],[1169,472],[1166,470],[1163,469],[1160,467],[1156,466],[1152,463],[1149,461],[1146,459],[1143,458],[1140,456],[1137,454],[1134,452]]},{"start":1529766866458,"last":884,"beat":4000,"lifetime":1000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,147,180,205,233,254,288,294,318,326,345,369,377,401,431,457,458,484,512,543,569,597,627,659,700,732,801],"segments":[[589,635],[589,638],[589,641],[589,644],[589,648],[589,651],[589,656],[589,659],[589,662],[589,665],[589,668],[589,671],[589,674],[589,677],[589,683],[589,686],[589,689],[589,692],[589,698],[589,703],[589,706],[590,711],[590,715],[590,719],[590,723],[591,727],[591,730]]},{"start":1529766868522,"last":1049,"beat":4000,"lifetime":1000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,147,178,218,248,280,303,331,362,387,417,446,479,504,531,563,606,639,696,736,771,799,829,862,901,951],"segments":[[555,625],[551,628],[546,632],[541,636],[536,640],[532,645],[529,647],[525,651],[520,656],[517,658],[513,663],[510,667],[506,671],[504,674],[499,677],[495,681],[491,685],[488,688],[485,691],[482,693],[478,695],[475,697],[472,699],[469,702],[466,704],[464,707]]},{"start":1529766870444,"last":1181,"beat":4000,"lifetime":1000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,178,207,241,279,310,334,341,366,374,393,425,449,459,479,503,507,540,561,591,637,667,674,716,749,785,815,843,875,926,977,1027,1099],"segments":[[550,595],[547,595],[544,595],[539,595],[534,594],[530,594],[527,594],[524,594],[520,594],[517,594],[514,594],[510,594],[507,594],[504,594],[501,594],[498,594],[495,594],[491,594],[488,594],[483,594],[477,594],[473,593],[470,593],[466,593],[463,593],[459,593],[455,593],[452,593],[448,593],[444,593],[441,593],[438,593],[435,593]]},{"start":1529767088746,"last":478,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,100,149,202,228,261,309,384],"segments":[[432,593],[429,591],[426,588],[423,585],[420,583],[417,581],[414,578],[411,576]]},{"start":1529767104046,"last":607,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,143,173,202,231,320,431,482],"segments":[[431,593],[430,596],[427,600],[424,604],[421,608],[419,611],[416,613],[414,616]]},{"start":1529767110616,"last":81,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1],"segments":[[1055,803]]}]});
@andreaskundig
Copy link
Author

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