stroke looper animation

description.md

http://bouboucle.com?gist=a695f260b76d983d18af956eea2db349

looper.jsonp

load({"width":390,"height":590,"speed":1,"lineData":[{"start":1712687644230,"last":1287,"beat":2000,"lifetime":500,"color":"#00695C","multiPeriod":1,"strokeWidth":20,"times":[1,37,54,68,85,102,119,135,152,169,185,202,219,235,252,269,286,302,319,336,352,369,386,403,419,436,452,469,486,503,569,636,653,669,686,703,720,736,769,786,803,820,836,853,870,886,903,936,953,969,986,1004,1020,1036,1053,1069,1086,1103,1119,1136,1153,1169,1186,1203,1219,1236,1253,1269,1287],"segments":[[75,470],[79,451],[80,429],[84,393],[89,355],[96,317],[104,281],[114,248],[124,219],[136,193],[152,168],[169,150],[176,143],[176,146],[168,162],[142,195],[112,237],[94,275],[89,305],[89,326],[89,335],[93,337],[97,337],[109,329],[129,308],[155,284],[177,266],[196,252],[210,245],[217,243],[218,247],[225,246],[240,235],[260,222],[279,210],[295,201],[310,193],[319,187],[316,186],[305,193],[289,205],[284,208],[287,205],[305,192],[329,177],[345,166],[350,163],[344,163],[325,167],[281,195],[221,244],[173,293],[151,321],[140,337],[128,350],[119,359],[110,364],[100,365],[90,365],[80,360],[73,351],[70,338],[70,317],[81,278],[125,226],[199,182],[285,162],[360,149],[386,144]]}],"backgroundColor":"rgb(255,255,255)"});