Canvas animate path

by twobomb three

HTML

<canvas  id="canvas" width= 800 height=499></canvas>

CSS

canvas{
  outline:1px solid red;
}

JavaScript

var canvas = document.all.canvas;
var ctx = canvas.getContext("2d");
var current = [];
var arr = [
[[284,427],[294,416],[269,395],[299,365],[265,327],[340,330],[437,252],[501,244],[491,278],[441,324],[421,298],[402,311],[408,323],[424,314],[431,333],[384,367],[380,426],[339,397],[324,438],[306,423],[292,435],[282,425]],

[[117,333],[118,255],[68,254],[75,206],[194,207],[196,261],[144,264],[155,319],[239,320],[215,211],[256,210],[278,280],[288,236],[312,239],[322,278],[341,203],[368,205],[360,319],[385,313],[391,214],[449,215],[448,309],[404,309],[407,276],[432,274],[434,246],[405,243],[401,310],[456,308],[465,217],[501,222],[493,256],[471,251],[489,239],[475,233],[472,254],[494,273],[493,308],[470,305],[480,289],[470,290],[469,307],[508,308],[518,229],[552,233],[547,309],[520,305],[525,284],[540,284],[540,258],[523,275],[516,309],[562,310],[576,237],[591,237],[600,275],[622,240],[633,241],[627,314],[609,312],[599,288],[577,313],[583,289],[570,308],[570,317],[652,317],[659,242],[706,244],[702,289],[661,285],[693,266],[669,261],[660,290],[697,304],[698,326],[667,318],[681,310],[667,304],[658,318],[767,328]],


[[138,291],[196,298],[189,331],[241,333],[244,299],[202,294],[213,267],[239,264],[255,282],[259,299],[364,300],[368,279],[382,270],[410,268],[423,279],[424,301],[375,297],[372,331],[415,331],[421,305],[442,300],[471,300],[471,287],[475,286],[476,270],[464,270],[468,251],[419,229],[382,173],[258,162],[120,216],[118,238],[117,239],[115,252],[119,252],[120,282],[102,284],[104,291],[117,289],[132,287],[128,217],[249,172],[224,229],[323,237],[326,174],[381,181],[412,233],[340,233],[329,249],[348,250],[345,244],[338,242]]
];

//Скорость для каждого перехода
var speed = [250,250,250];

var len = 0;
for(var j = 0; j < arr.length;j++)
	len = Math.max(len,arr[j].length);

for(var j = 0; j < len; j++)
	if(j < arr[0].length)
  	current[j] = [arr[0][j][0],arr[0][j][1]];
  else
  	current[j] = [arr[0][arr[0].length-1][0],arr[0][arr[0].length-1][1]];
    
var arrTo =...