Изменение позиции объекта

console.clear();
 
var object = {
  element : document.getElementById("block"),
  indexVector : 0, // индекс текущего вектора в массиве vectors
  paths : [], // список путей, который должен пройти объект, что бы сменить направление
  vectors : [], // список векторов, каждый соответствует своей точке
  lastTurn : []
};
 
object.vectors = [
  // заполняем векторы
  [4,0],
  [0,4],
  [4,0],
  [4,3]
];
object.paths = [
  // длины путей
  200,
  420,
  300,
  650
];
object.lastTurn = [object.element.offsetLeft, object.element.offsetTop];
 
/* Алгоритм будет таков
   Изначально задумывалось, что бы была проверка по координатам, 
   если объект дошел до нужной координаты, то меняем на правление
   Но, тут куча подводных камней, 
   а вдруг мы указали неверно вектор и объект не пройдет через координату,
   да и проверять координаты в данном случае не очень верно.
   Мы будем использовать расстояние между двумя точками, 
   как только объект пройдет нужное расстояние, меняем ему вектор направления
   Нет проблем с координатами, проверка выглядит легче
   Просто запоминаем место, где объект повернул в последний раз 
   и считаем расстоянием между текущим положением объекта и тем самым местом поворота
*/
 
// движение объекта
object.move = function () {
    if(!this.paths[this.indexVector]) return clearInterval(time); // если прошли весь путь, то заканчиваем движение
    var v = this.vectors[this.indexVector];
    
    // Двигаем объект
    this.element.style.left = this.element.offsetLeft +  v[0] + "px";
    this.element.style.top = this.element.offsetTop + v[1] + "px";
  
    // Проверяем
    var x = this.element.offsetLeft;
    var y = this.element.offsetTop;
    
    // длина пройденного пути
    // считаем вектор между двумя точками
    var _vector = [Math.abs(this.lastTurn[0] - x), Math.abs(this.lastTurn[1] - y)];
    // считаем его длину
    var path = Math.sqrt(_vector[0] * _vector[0] + _vector[1] * _vector[1] );
  
    console.log(path, this.paths[this.indexVector]);
    // Если прошли столько, сколько нам нужно, поворачиваем
    if(path >= this.paths[this.indexVector]) {
       this.indexVector ++;
       this.lastTurn = [x,y];
    }
    
};
 
 
var time = setInterval(function () {
  object.move([1,0]);
},17);