stroke looper animation

description.md

http://bouboucle.com?gist=43210325b106d63733480c69fbca6546

looper.jsonp

load({"width":1366,"height":561,"speed":0,"lineData":[{"start":1716823030227,"last":600,"beat":500,"lifetime":50,"color":"#FFA000","multiPeriod":1,"strokeWidth":20,"times":[0,221,239,255,272,289,305,321,339,355,371,388,455,471,487,505,521,537,555,572,587,600],"segments":[[101,240],[101,236],[106,229],[124,215],[159,199],[227,170],[275,152],[349,130],[400,110],[450,82],[474,74],[478,72],[474,85],[464,103],[454,122],[436,166],[415,210],[380,264],[366,289],[347,305],[342,308],[337,310]]},{"start":1716823040711,"last":452,"beat":500,"lifetime":50,"color":"#7CB342","multiPeriod":1,"strokeWidth":20,"times":[0,222,238,254,271,287,304,320,337,353,371,387,404,421,437,452],"segments":[[162,44],[158,63],[154,82],[149,113],[148,122],[148,128],[148,134],[150,142],[156,159],[172,199],[189,237],[210,271],[240,307],[262,323],[313,350],[340,356]]}],"backgroundColor":"rgb(255,255,255)"});