stroke looper animation

description.md

http://bouboucle.com?gist=11490485f7b5eb0d3ee078731dfd0d7a

looper.jsonp

load({"width":1440,"height":723.33,"speed":1,"lineData":[{"start":1590428384735,"last":328,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[1,234],"segments":[[25,71],[28,71]]},{"start":1590428385731,"last":167,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[305,107]]},{"start":1590428386514,"last":200,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[1],"segments":[[507,122]]},{"start":1590428387864,"last":159,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[1,139],"segments":[[739,159],[742,159]]},{"start":1590428388956,"last":165,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[1142,170]]},{"start":1590428390203,"last":170,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[1],"segments":[[1413,212]]},{"start":1590428391190,"last":166,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[1414,555]]},{"start":1590428399599,"last":204,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[1021,620]]},{"start":1590428400631,"last":153,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[634,569]]},{"start":1590428401631,"last":190,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[0],"segments":[[321,556]]},{"start":1590428403482,"last":185,"beat":1000,"lifetime":2000,"color":"black","multiPeriod":1,"strokeWidth":600,"times":[1],"segments":[[12,563]]},{"start":1590428425800,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[32,37]]},{"start":1590428425800,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[1425,26]]},{"start":1590428425800,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[33,698]]},{"start":1590428425800,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[1421,703]]},{"start":1590428429638,"last":0,"beat":500,"lifetime":50,"color":"#e53935","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[702,19]]},{"start":1590428429638,"last":0,"beat":500,"lifetime":50,"color":"#e53935","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[707,696]]},{"start":1590428429638,"last":0,"beat":500,"lifetime":50,"color":"#e53935","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[12,343]]},{"start":1590428429638,"last":0,"beat":500,"lifetime":50,"color":"#e53935","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[1426,376]]},{"start":1590428433290,"last":0,"beat":500,"lifetime":50,"color":"#FFEB3B","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[330,18]]},{"start":1590428433290,"last":0,"beat":500,"lifetime":50,"color":"#FFEB3B","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[1112,35]]},{"start":1590428433290,"last":0,"beat":500,"lifetime":50,"color":"#FFEB3B","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[1139,694]]},{"start":1590428433290,"last":0,"beat":500,"lifetime":50,"color":"#FFEB3B","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[325,693]]},{"start":1590428451462,"last":0,"beat":500,"lifetime":50,"color":"#FF9800","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[243,26]]},{"start":1590428451462,"last":0,"beat":500,"lifetime":50,"color":"#FF9800","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[1204,34]]},{"start":1590428451462,"last":0,"beat":500,"lifetime":50,"color":"#FF9800","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[1216,681]]},{"start":1590428451462,"last":0,"beat":500,"lifetime":50,"color":"#FF9800","multiPeriod":1,"strokeWidth":20,"times":[0],"segments":[[255,668]]},{"start":1590428459149,"last":0,"beat":500,"lifetime":50,"color":"#e53935","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[355,219]]},{"start":1590428459149,"last":0,"beat":500,"lifetime":50,"color":"#e53935","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[1064,195]]},{"start":1590428459149,"last":0,"beat":500,"lifetime":50,"color":"#e53935","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[1101,544]]},{"start":1590428459149,"last":0,"beat":500,"lifetime":50,"color":"#e53935","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[317,544]]},{"start":1590428463967,"last":0,"beat":500,"lifetime":50,"color":"#FF9800","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[643,10]]},{"start":1590428463967,"last":0,"beat":500,"lifetime":50,"color":"#FF9800","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[669,713]]},{"start":1590428463967,"last":0,"beat":500,"lifetime":50,"color":"#FF9800","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[256,349]]},{"start":1590428463967,"last":0,"beat":500,"lifetime":50,"color":"#FF9800","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[1216,368]]},{"start":1590428484835,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[29,354]]},{"start":1590428484835,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[904,704]]},{"start":1590428484835,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[582,701]]},{"start":1590428484835,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[961,27]]},{"start":1590428484835,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[478,18]]},{"start":1590428484835,"last":0,"beat":500,"lifetime":50,"color":"#2196F3","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[1418,329]]},{"start":1590428484835,"last":0,"beat":500,"lifetime":50,"color":"#FFEB3B","multiPeriod":1,"strokeWidth":7,"times":[0],"segments":[[714,347]]}],"backgroundColor":"rgb(255,255,255)"});