Skip to content

Instantly share code, notes, and snippets.

View andreaskundig's full-sized avatar

Andréas Kündig andreaskundig

View GitHub Profile
@andreaskundig
andreaskundig / looper.jsonp
Created June 23, 2018 15:20
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,
@andreaskundig
andreaskundig / looper.jsonp
Created June 23, 2018 17:21
stroke looper animation
load({"width":1366,"height":842.33,"speed":1,"lineData":[{"start":1529770732099,"last":334,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[0,80,103,132,149,165,183,197,218,244,282],"segments":[[198,392],[198,389],[198,386],[198,382],[198,377],[198,373],[198,370],[198,365],[198,360],[198,357],[198,354]]},{"start":1529770745732,"last":108,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,64,83,100],"segments":[[198,373],[203,373],[209,373],[217,373]]},{"start":1529770839902,"last":2903,"beat":1000,"lifetime":2000,"color":"#212121","multiPeriod":1,"strokeWidth":7,"times":[1,153,176,191,207,224,254,287,319,368,454,491,523,556,576,606,623,642,658,676,686,707,724,742,758,777,805,824,842,860,878,887,897,908,925,942,960,979,991,1006,1009,1027,1045,1054,1075,1092,1121,1143,1175,1195,1202,1229,1246,1258,1275,1291,1316,1342,1388,1491,1523,1557,1576,1602,1625,1656,1675,1707,1740,1889,1909,1944,1953,1969,1992,2005,2031,2036,2059,2075,2093,2100,2
@andreaskundig
andreaskundig / looper.jsonp
Created June 24, 2018 10:18
stroke looper animation
load({"width":1316,"height":657.33,"speed":1,"lineData":[{"start":1529754756849,"last":0,"beat":4000,"lifetime":1000,"color":"#7986CB","multiPeriod":1,"strokeWidth":20,"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,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":[[266,83],[262,83],[258,83],[253,83],[250,83],[247,83],[241,83],[237,83],[232,83],[227,84],[224,85],[220,87],[216,88],[213,90],[209,91],[205,94],[202,96],[199,98],[196,101],[193,103],[189,106],[187,109],[184,111],[181,113],[178,116],[175,119],[172,121],[170,124],[167,127],[165,130],[163,133],[160,136],[157,140],[154,143],[152,147],[149,151],[147,154],[146,157],[144,160],[143,164],[141,167],[140,170],[138,175],[137,179],[136,184],[135,188],[133,192],[133,196],[132,201],[131,205],[131,208],[131,212],[131,215],[131,218],[131,222],[131,225],[131,229],[131,2
@andreaskundig
andreaskundig / looper.jsonp
Created July 4, 2018 09:36
stroke looper animation
load({"width":1280,"height":508.33,"speed":1,"lineData":[{"start":1530690612568,"last":7704,"beat":1000,"lifetime":2000,"color":"#263238","multiPeriod":1,"strokeWidth":7,"times":[0,109,144,191,225,260,293,324,375,445,478,510,544,576,592,609,626,645,661,693,709,726,744,760,776,792,809,825,846,861,877,893,909,925,944,959,976,1009,1045,1061,1109,1160,1192,1225,1261,1293,1309,1345,1392,1445,1477,1509,1645,1678,1709,1760,1809,1991,2041,2061,2093,2309,2325,2344,2359,2375,2392,2477,2509,2529,2562,2630,2661,2709,2742,2761,2878,2925,2976,3009,3041,3058,3093,3125,3160,3242,3293,3309,3325,3446,3461,3478,3494,3526,3545,3576,3592,3608,3629,3692,3791,3828,3844,3876,3895,3928,4012,4044,4061,4076,4096,4112,4127,4144,4160,4176,4192,4208,4228,4260,4392,4429,4460,4476,4493,4512,4528,4544,4591,4644,4727,4744,4760,4776,4792,4828,4860,4876,4892,4909,4928,4944,4959,5013,5144,5159,5176,5191,5228,5260,5376,5392,5408,5428,5477,5528,5560,5576,5592,5608,5629,5693,5728,5861,5877,5908,5944,6128,6175,6208,6245,6329,6360,6376,6392,6409,6429
@andreaskundig
andreaskundig / looper.jsonp
Created July 6, 2018 08:11
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
@andreaskundig
andreaskundig / looper.jsonp
Created July 12, 2018 20:31
stroke looper animation
load({"width":1415,"height":723.33,"speed":1,"lineData":[{"start":1531424815955,"last":2347,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[0,106,123,140,156,174,190,206,223,239,256,273,290,307,323,341,889,907,922,943,960,978,989,1006,1023,1044,1059,1077,1108,1124,1145,1158,1178,1212,1228,1258,1299,1344,1393,1417,1455,1516,1533,1551,1569,1588,1605,1625,1648,1666,1688,1713,1734,1762,1779,1889],"segments":[[49,71],[60,72],[86,72],[126,72],[213,72],[314,72],[492,83],[663,109],[855,153],[1046,198],[1160,220],[1243,223],[1322,223],[1358,218],[1380,213],[1383,213],[1376,226],[1359,246],[1311,280],[1243,305],[1146,321],[1028,329],[899,329],[764,319],[629,310],[503,310],[390,330],[295,359],[173,399],[137,410],[101,422],[81,426],[64,430],[42,434],[34,436],[27,439],[13,445],[8,447],[4,449],[0,452],[-3,457],[24,470],[60,478],[120,490],[182,505],[264,525],[364,550],[478,573],[602,589],[719,595],[922,569],[1018,546],[1089,539],[1233,557],[1281,583],[1349,627]]},{"start":1531424851878
@andreaskundig
andreaskundig / looper.jsonp
Created July 14, 2018 14:39
stroke looper animation
load({"width":954,"height":671.830985915493,"speed":1,"lineData":[{"start":1531577532890.5,"last":83,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[1,14,20,31,52,53,67,83],"segments":[[291.56666056315106,166.90000000000006],[279.56666056315106,172.90000000000006],[273.56666056315106,177.90000000000006],[266.56666056315106,182.90000000000006],[259.56666056315106,189.90000000000006],[252.56666056315106,195.90000000000006],[249.56666056315106,200.90000000000006],[248.56666056315106,204.90000000000006]]},{"start":1531577533246.5,"last":121,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[1,46,46,63,64,80,102,103],"segments":[[294.56666056315106,182.90000000000006],[282.56666056315106,192.90000000000006],[277.56666056315106,198.90000000000006],[272.56666056315106,206.90000000000006],[265.56666056315106,216.90000000000006],[259.56666056315106,226.90000000000006],[256.56666056315106,234.90000000000006],[256.56666056315106,240.90000000000006]]}
@andreaskundig
andreaskundig / looper.jsonp
Created July 14, 2018 16:55
stroke looper animation
load({"width":1123.1066666666666,"height":842.33,"speed":1,"lineData":[{"start":1531577208577,"last":1471,"beat":500,"lifetime":2000,"color":"#FFF176","multiPeriod":1,"strokeWidth":7,"times":[0,98,164,249,277,313,369,426,458,514,552,615,672,728,797,890,949,1010,1133,1223,1320,1381,1441,1470],"segments":[[399.53794597803494,355.0337192045116],[395.53756604333626,356.03381418818634],[392.53728109231224,358.0340041555357],[390.53709112496284,362.0343840902344],[389.53699614128817,365.03466904125844],[389.53699614128817,368.0349539922825],[390.53709112496284,372.0353339269812],[392.53728109231224,375.0356188780052],[395.53756604333626,377.0358088453546],[398.5378509943603,379.03599881270395],[401.53813594538434,379.03599881270395],[405.5385158800831,379.03599881270395],[408.53880083110715,379.03599881270395],[411.53908578213117,376.03571386167994],[413.5392757494805,373.03542891065587],[414.5393707331552,370.03514395963185],[414.5393707331552,367.0348590086078],[414.5393707331552,364.03457405758377],[412.53918076
@andreaskundig
andreaskundig / looper.jsonp
Created July 14, 2018 18:11
stroke looper animation
load({"width":1017.1886,"height":716.33,"speed":1,"lineData":[{"start":1531591928694.125,"last":534,"beat":1000,"lifetime":250,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[1,72,133,160,187,218,250,277,376],"segments":[[136.13634238758905,100.7964667540697],[135.13615694019475,103.79702309625259],[129.13504425582897,111.79850667540697],[125.13430246625181,116.79943391237845],[121.13356067667462,119.79999025456134],[117.13281888709743,127.80147383371572],[114.13226254491454,132.80240107068718],[112.13189165012594,135.8029574128701],[111.13170620273165,138.803513755053]]},{"start":1531591929946.125,"last":607,"beat":1000,"lifetime":250,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,67,91,120,143,171,196,229,255,307],"segments":[[132.13560059801188,111.79850667540697],[128.1348588084347,119.79999025456134],[125.13430246625181,125.80110293892712],[122.1337461240689,131.8022156232929],[120.13337522928032,135.8029574128701],[119.13318978188603,139.80369920244726],[119.13318978188603,142
@andreaskundig
andreaskundig / looper.jsonp
Created July 14, 2018 18:16
stroke looper animation
load({"width":1027.1286,"height":723.33,"speed":2,"lineData":[{"start":1531561765724,"last":135,"beat":2000,"lifetime":2000,"color":"white","multiPeriod":1,"strokeWidth":200,"times":[0],"segments":[[273.0341848101266,181.022664654333]]},{"start":1531561773372,"last":101,"beat":2000,"lifetime":2000,"color":"white","multiPeriod":1,"strokeWidth":200,"times":[0],"segments":[[693.0867768257059,191.0239168451801]]},{"start":1531561781171,"last":12765,"beat":2000,"lifetime":2000,"color":"#4FC3F7","multiPeriod":1,"strokeWidth":50,"times":[0,854,901,943,1193,1287,1387,1415,1555,1647,1711,1788,1827,2078,2146,2256,2313,2335,2402,2425,2449,2844,2922,3075,3329,3351,3453,3535,3619,3745,3877,4014,4058,4122,4237,4377,4447,4534,4600,4688,4791,4810,4884,4903,4994,5048,5154,5224,5303,5409,5528,5625,5701,5886,6045,6070,6190,6276,6328,6406,6557,6578,6689,6843,6861,6959,7099,7208,7369,7544,7565,7646,7669,7735,7778,7876,7972,8120,8323,8349,8405,8492,8584,8722,8859,8939,9258,9519,10181,10249,10273,10429,10476,10560,10634,10665,10749