Skip to content

Instantly share code, notes, and snippets.

@andreaskundig
Created July 14, 2018 14:39
Show Gist options
  • Save andreaskundig/7750902a02bc6d5d87fdd74638543c97 to your computer and use it in GitHub Desktop.
Save andreaskundig/7750902a02bc6d5d87fdd74638543c97 to your computer and use it in GitHub Desktop.
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]]},{"start":1531577533690.5,"last":101,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,52,52,65,81,81,98],"segments":[[301.56666056315106,204.90000000000006],[293.56666056315106,221.90000000000006],[290.56666056315106,228.90000000000006],[287.56666056315106,234.90000000000006],[285.56666056315106,241.90000000000006],[284.56666056315106,247.90000000000006],[285.56666056315106,251.90000000000006]]},{"start":1531577534143.5,"last":95,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,45,51,63,78,79],"segments":[[317.56666056315106,215.90000000000006],[312.56666056315106,228.90000000000006],[311.56666056315106,237.90000000000006],[312.56666056315106,247.90000000000006],[312.56666056315106,259.9000000000001],[314.56666056315106,267.9000000000001]]},{"start":1531577534543.5,"last":100,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,61,77,80,95],"segments":[[337.56666056315106,234.90000000000006],[340.56666056315106,254.90000000000006],[341.56666056315106,260.9000000000001],[343.56666056315106,266.9000000000001],[346.56666056315106,270.9000000000001]]},{"start":1531577535023.5,"last":97,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,47,52,65,72,83],"segments":[[365.56666056315106,238.90000000000006],[366.56666056315106,254.90000000000006],[368.56666056315106,264.9000000000001],[371.56666056315106,273.9000000000001],[373.56666056315106,279.9000000000001],[376.56666056315106,283.9000000000001]]},{"start":1531577535406.5,"last":114,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,68,81,89,101],"segments":[[391.56666056315106,246.90000000000006],[396.56666056315106,265.9000000000001],[399.56666056315106,272.9000000000001],[402.56666056315106,278.9000000000001],[406.56666056315106,281.9000000000001]]},{"start":1531577535942.5,"last":77,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,45,53,64],"segments":[[418.56666056315106,247.90000000000006],[424.56666056315106,261.9000000000001],[428.56666056315106,268.9000000000001],[433.56666056315106,274.9000000000001]]},{"start":1531577536405.5,"last":65,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,33,48,53],"segments":[[438.56666056315106,241.90000000000006],[449.56666056315106,257.9000000000001],[456.56666056315106,263.9000000000001],[462.56666056315106,267.9000000000001]]},{"start":1531577536858.5,"last":69,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,45,48,61],"segments":[[454.56666056315106,229.90000000000006],[464.56666056315106,246.90000000000006],[469.56666056315106,251.90000000000006],[473.56666056315106,254.90000000000006]]},{"start":1531577537287.5,"last":102,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[1,67,71,87],"segments":[[469.56666056315106,216.90000000000006],[480.56666056315106,232.90000000000006],[486.56666056315106,237.90000000000006],[493.56666056315106,240.90000000000006]]},{"start":1531577537759.5,"last":111,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,61,80,80,93],"segments":[[480.56666056315106,208.90000000000006],[490.56666056315106,222.90000000000006],[494.56666056315106,229.90000000000006],[497.56666056315106,235.90000000000006],[501.56666056315106,239.90000000000006]]},{"start":1531577538240.5,"last":99,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,50,64,71,80,97],"segments":[[499.56666056315106,204.90000000000006],[501.56666056315106,221.90000000000006],[503.56666056315106,229.90000000000006],[504.56666056315106,238.90000000000006],[506.56666056315106,244.90000000000006],[508.56666056315106,248.90000000000006]]},{"start":1531577538712.5,"last":99,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,59,76,79,91],"segments":[[514.5666605631511,203.90000000000006],[513.5666605631511,223.90000000000006],[513.5666605631511,233.90000000000006],[514.5666605631511,241.90000000000006],[515.5666605631511,246.90000000000006]]},{"start":1531577539191.5,"last":100,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,63,79,79,96],"segments":[[527.5666605631511,208.90000000000006],[520.5666605631511,224.90000000000006],[518.5666605631511,233.90000000000006],[517.5666605631511,241.90000000000006],[516.5666605631511,247.90000000000006]]},{"start":1531577539671.5,"last":84,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,50,51,66,72],"segments":[[542.5666605631511,215.90000000000006],[527.5666605631511,228.90000000000006],[523.5666605631511,234.90000000000006],[521.5666605631511,242.90000000000006],[519.5666605631511,248.90000000000006]]},{"start":1531577540123.5,"last":115,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,63,82,82,99,99],"segments":[[548.5666605631511,216.90000000000006],[535.5666605631511,228.90000000000006],[531.5666605631511,234.90000000000006],[528.5666605631511,241.90000000000006],[525.5666605631511,247.90000000000006],[524.5666605631511,253.90000000000006]]},{"start":1531577540555.5,"last":113,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,48,64,67,81,88,99],"segments":[[568.5666605631511,226.90000000000006],[554.5666605631511,234.90000000000006],[547.5666605631511,238.90000000000006],[537.5666605631511,245.90000000000006],[529.5666605631511,252.90000000000006],[524.5666605631511,259.9000000000001],[524.5666605631511,263.9000000000001]]},{"start":1531577541054.5,"last":114,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,52,65,73,82,99,101],"segments":[[560.5666605631511,236.90000000000006],[547.5666605631511,246.90000000000006],[540.5666605631511,252.90000000000006],[533.5666605631511,259.9000000000001],[528.5666605631511,265.9000000000001],[526.5666605631511,269.9000000000001],[528.5666605631511,272.9000000000001]]},{"start":1531577541475.5,"last":132,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,51,61,79,79,94,100,128],"segments":[[592.5666605631511,252.90000000000006],[577.5666605631511,255.90000000000006],[568.5666605631511,259.9000000000001],[560.5666605631511,262.9000000000001],[551.5666605631511,266.9000000000001],[542.5666605631511,270.9000000000001],[535.5666605631511,273.9000000000001],[533.5666605631511,278.9000000000001]]},{"start":1531577541928.5,"last":130,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,46,58,74,78,91,98,124],"segments":[[607.5666605631511,274.9000000000001],[590.5666605631511,278.9000000000001],[583.5666605631511,280.9000000000001],[574.5666605631511,282.9000000000001],[567.5666605631511,286.9000000000001],[559.5666605631511,289.9000000000001],[554.5666605631511,293.9000000000001],[554.5666605631511,297.9000000000001]]},{"start":1531577542420.5,"last":118,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,38,49,67,68,82,86,99],"segments":[[625.5666605631511,294.9000000000001],[605.5666605631511,294.9000000000001],[595.5666605631511,296.9000000000001],[585.5666605631511,298.9000000000001],[575.5666605631511,300.9000000000001],[568.5666605631511,304.9000000000001],[561.5666605631511,307.9000000000001],[559.5666605631511,310.9000000000001]]},{"start":1531577542860.5,"last":127,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,46,58,66,78,92,98],"segments":[[609.5666605631511,310.9000000000001],[591.5666605631511,314.9000000000001],[582.5666605631511,317.9000000000001],[573.5666605631511,320.9000000000001],[564.5666605631511,324.9000000000001],[557.5666605631511,328.9000000000001],[553.5666605631511,332.9000000000001]]},{"start":1531577543319.5,"last":117,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,51,67,71,83,100,100],"segments":[[599.5666605631511,332.9000000000001],[585.5666605631511,334.9000000000001],[578.5666605631511,337.9000000000001],[569.5666605631511,340.9000000000001],[562.5666605631511,345.9000000000001],[556.5666605631511,351.9000000000001],[552.5666605631511,356.9000000000001]]},{"start":1531577543788.5,"last":102,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,51,64,71,83,97],"segments":[[590.5666605631511,351.9000000000001],[578.5666605631511,357.9000000000001],[573.5666605631511,361.9000000000001],[568.5666605631511,366.9000000000001],[563.5666605631511,373.9000000000001],[560.5666605631511,379.9000000000001]]},{"start":1531577544221.5,"last":136,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,97,98,115,121],"segments":[[599.5666605631511,364.9000000000001],[588.5666605631511,376.9000000000001],[586.5666605631511,383.9000000000001],[583.5666605631511,389.9000000000001],[582.5666605631511,394.9000000000001]]},{"start":1531577544671.5,"last":147,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,98,99,117,119,132],"segments":[[610.5666605631511,371.9000000000001],[603.5666605631511,385.9000000000001],[602.5666605631511,391.9000000000001],[601.5666605631511,398.9000000000001],[601.5666605631511,404.9000000000001],[601.5666605631511,410.9000000000001]]},{"start":1531577545123.5,"last":148,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,99,113,119,130,146],"segments":[[627.5666605631511,380.9000000000001],[621.5666605631511,394.9000000000001],[621.5666605631511,403.9000000000001],[621.5666605631511,410.9000000000001],[622.5666605631511,417.9000000000001],[624.5666605631511,421.9000000000001]]},{"start":1531577545605.5,"last":135,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,69,82,97,97,114],"segments":[[639.5666605631511,394.9000000000001],[638.5666605631511,410.9000000000001],[638.5666605631511,416.9000000000001],[639.5666605631511,421.9000000000001],[640.5666605631511,424.9000000000001],[641.5666605631511,427.9000000000001]]},{"start":1531577546045.5,"last":157,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,98,110,123,129],"segments":[[650.5666605631511,396.9000000000001],[647.5666605631511,409.9000000000001],[648.5666605631511,416.9000000000001],[649.5666605631511,423.9000000000001],[652.5666605631511,427.9000000000001]]},{"start":1531577546523.5,"last":128,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,79,80,95,99],"segments":[[661.5666605631511,398.9000000000001],[664.5666605631511,417.9000000000001],[666.5666605631511,425.9000000000001],[669.5666605631511,431.9000000000001],[672.5666605631511,436.9000000000001]]},{"start":1531577546955.5,"last":151,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,100,113,119,132,146],"segments":[[673.5666605631511,401.9000000000001],[674.5666605631511,419.9000000000001],[678.5666605631511,425.9000000000001],[682.5666605631511,431.9000000000001],[685.5666605631511,435.9000000000001],[689.5666605631511,436.9000000000001]]},{"start":1531577547453.5,"last":122,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,82,82,99,102,116],"segments":[[689.5666605631511,400.9000000000001],[691.5666605631511,421.9000000000001],[694.5666605631511,428.9000000000001],[698.5666605631511,433.9000000000001],[699.5666605631511,436.9000000000001],[702.5666605631511,437.9000000000001]]},{"start":1531577547903.5,"last":104,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,55,65,83,84],"segments":[[700.5666605631511,397.9000000000001],[705.5666605631511,412.9000000000001],[709.5666605631511,419.9000000000001],[712.5666605631511,424.9000000000001],[716.5666605631511,428.9000000000001]]},{"start":1531577548319.5,"last":140,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[1,88,99,117,119,133],"segments":[[716.5666605631511,393.9000000000001],[721.5666605631511,409.9000000000001],[724.5666605631511,415.9000000000001],[728.5666605631511,419.9000000000001],[730.5666605631511,422.9000000000001],[735.5666605631511,423.9000000000001]]},{"start":1531577548770.5,"last":169,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,116,132,137,148],"segments":[[726.5666605631511,387.9000000000001],[741.5666605631511,398.9000000000001],[746.5666605631511,401.9000000000001],[750.5666605631511,403.9000000000001],[755.5666605631511,403.9000000000001]]},{"start":1531577549203.5,"last":168,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,134,136,151,156],"segments":[[726.5666605631511,377.9000000000001],[739.5666605631511,383.9000000000001],[745.5666605631511,384.9000000000001],[752.5666605631511,384.9000000000001],[760.5666605631511,383.9000000000001]]},{"start":1531577549663.5,"last":156,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,96,107,123,127,139],"segments":[[733.5666605631511,364.9000000000001],[754.5666605631511,361.9000000000001],[763.5666605631511,358.9000000000001],[770.5666605631511,356.9000000000001],[777.5666605631511,353.9000000000001],[781.5666605631511,351.9000000000001]]},{"start":1531577550019.5,"last":338,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,187,216,236,258,280,337],"segments":[[739.5666605631511,347.9000000000001],[756.5666605631511,344.9000000000001],[765.5666605631511,339.9000000000001],[774.5666605631511,335.9000000000001],[781.5666605631511,332.9000000000001],[786.5666605631511,329.9000000000001],[789.5666605631511,325.9000000000001]]},{"start":1531577550523.5,"last":229,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,129,145,148,163,167,180,196],"segments":[[744.5666605631511,330.9000000000001],[756.5666605631511,325.9000000000001],[763.5666605631511,320.9000000000001],[770.5666605631511,314.9000000000001],[776.5666605631511,307.9000000000001],[781.5666605631511,302.9000000000001],[783.5666605631511,298.9000000000001],[785.5666605631511,295.9000000000001]]},{"start":1531577551019.5,"last":151,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,99,100,100,111,119,125,134],"segments":[[754.5666605631511,306.9000000000001],[764.5666605631511,298.9000000000001],[770.5666605631511,293.9000000000001],[776.5666605631511,286.9000000000001],[780.5666605631511,280.9000000000001],[782.5666605631511,274.9000000000001],[783.5666605631511,271.9000000000001],[784.5666605631511,268.9000000000001]]},{"start":1531577551519.5,"last":150,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,65,85,85,102,103,116],"segments":[[756.5666605631511,285.9000000000001],[763.5666605631511,273.9000000000001],[768.5666605631511,267.9000000000001],[773.5666605631511,260.9000000000001],[776.5666605631511,254.90000000000006],[779.5666605631511,248.90000000000006],[779.5666605631511,245.90000000000006]]},{"start":1531577551989.5,"last":114,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[1,46,62,65,79,86],"segments":[[755.5666605631511,264.9000000000001],[763.5666605631511,247.90000000000006],[766.5666605631511,241.90000000000006],[769.5666605631511,237.90000000000006],[770.5666605631511,233.90000000000006],[771.5666605631511,229.90000000000006]]},{"start":1531577552404.5,"last":132,"beat":500,"lifetime":50,"color":"#303F9F","multiPeriod":1,"strokeWidth":20,"times":[0,82,97,102],"segments":[[753.5666605631511,243.90000000000006],[758.5666605631511,229.90000000000006],[761.5666605631511,226.90000000000006],[763.5666605631511,223.90000000000006]]}],"backgroundColor":"rgb(0,0,0)"});
@andreaskundig
Copy link
Author

andreaskundig commented Jul 14, 2018

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