stroke looper animation

description.md

http://bouboucle.com?gist=05f90bf482b363fe69d69018fe5ae6bd

looper.jsonp

load({"width":1366,"height":561,"speed":0,"lineData":[{"start":1718721418963,"last":0,"beat":2000,"lifetime":500,"color":"#BCAAA4","multiPeriod":1,"strokeWidth":7,"times":[0,0,0,0,0,0,0,0,0,0,0,0,0,0],"segments":[[746,108.99999999999999],[741,112.99999999999999],[738,116.99999999999999],[725,130],[714,146],[708,157],[701,173],[698,186],[698,190],[699,196],[702,200],[705,200],[712,199],[718,198]]},{"start":1718721418963,"last":0,"beat":2000,"lifetime":500,"color":"#BCAAA4","multiPeriod":1,"strokeWidth":7,"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],"segments":[[728,155],[725,161],[719,180],[717,189],[712,204],[709,211],[709,214],[712,210],[727,186],[734,172],[747,140],[754,124.99999999999999],[755,121.99999999999999],[755,124.99999999999999],[744,161],[739,180],[730,206],[728,211],[734,198],[741,180],[754,146],[761,126.99999999999999],[765,120.99999999999999],[764,140],[763,149]]},{"start":1718721418963,"last":0,"beat":2000,"lifetime":500,"color":"#A1887F","multiPeriod":1,"strokeWidth":7,"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],"segments":[[989,114.99999999999999],[980,138],[964,180],[953,214],[952,221],[951,225],[959,212],[971,181],[979,165],[987,144],[989,140],[985,173],[973,213],[969,229],[968,243],[968,246],[970,243],[986,205],[1004,160],[1010,142],[1018,124.99999999999999],[1015,138],[1001,185],[984,246],[979,259],[974,269],[973,264],[978,248],[990,203],[1002,171],[1004,165],[1007,163]]},{"start":1718721418963,"last":0,"beat":2000,"lifetime":500,"color":"#8D6E63","multiPeriod":1,"strokeWidth":7,"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],"segments":[[1098,138],[1096,146],[1090,168],[1086,208],[1085,226],[1086,229],[1088,232],[1095,225],[1101,214],[1115,184],[1120,170],[1125,154],[1123,173],[1118,191],[1108,227],[1105,235],[1103,243],[1110,228],[1123,192],[1132,160],[1134,153],[1136,150],[1133,174],[1131,190],[1126,220],[1124,234],[1129,233],[1142,199],[1148,178],[1157,149],[1157,145],[1153,150],[1145,167],[1129,207],[1120,238],[1118,245],[1118,249],[1120,246],[1124,240],[1126,234]]},{"start":1718721418963,"last":0,"beat":2000,"lifetime":500,"color":"#795548","multiPeriod":1,"strokeWidth":7,"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],"segments":[[1202,186],[1202,191],[1200,207],[1200,214],[1199,228],[1199,232],[1205,230],[1215,215],[1219,207],[1225,195],[1228,191],[1228,200],[1224,217],[1222,225],[1221,233],[1230,224],[1236,205],[1239,195],[1243,183],[1236,200],[1229,214],[1220,235],[1216,243],[1217,236],[1227,204],[1231,190],[1236,173],[1234,179],[1225,209],[1220,233],[1219,239],[1219,242]]}],"backgroundColor":"rgb(255,255,255)"});