На данный момент ситуация такая
Код жука
function Bug() {
this.step = 1;
this.rotation = 0;
this.direction = 'top';
this.top = 200;
this.left = 200;
this.element = document.querySelector('.bug');
this.bindKeys();
//Лапа 1
this.limb1 = document.querySelector('.limb_left1');
this.start_limb1 = -20; //Стартовое положение лапы
this.top_limb1 = -35; // Крайнее верхнее положение лапы
this.bottom_limb1 = 17; // Крайнее нижнее пложение лапы
this.flag_limb1 = true; // Флаг лапы
this.step_limb = 3; // Скорость движения лапы
// Лапа 2
this.limb2 = document.querySelector('.limb_right1');
this.start_limb2 = 0; //Стартовое положение лапы
this.top_limb2 = -15; // Крайнее верхнее положение лапы
this.bottom_limb2 = 38; // Крайнее нижнее пложение лапы
this.flag_limb2 = false; // Флаг лапы
this.step_limb2 = 3;
debugger;
}
А вот лапы
// ------------------- Лапа 1 -------------------------
Bug.prototype.rotate_limb1 = function() {
this.style_limb = this.limb1.style;
// Переключение флага
if(this.start_limb1 <= this.top_limb1) this.flag_limb1 = true;
if(this.start_limb1 >= this.bottom_limb1) this.flag_limb1 = false;
// Двигаем лапу вверх если флаг true
if(this.flag_limb1 == true){
this.start_limb1 += this.step_limb;
this.style_limb.transform = 'rotate(' + this.start_limb1 + 'deg)';
}
// Двигаем лапу вниз если флаг false
if(this.flag_limb1 == false){
this.start_limb1 -= this.step_limb;
this.style_limb.transform = 'rotate(' + this.start_limb1 + 'deg)';
}
};
//------------------ Лапа 2 -----------------------------
Bug.prototype.rotate_limb2 = function() {
this.style_limb = this.limb2.style;
// Переключение флага
if(this.start_limb2 <= this.top_limb2) this.flag_limb2 = true;
if(this.start_limb2 >= this.bottom_limb2) this.flag_limb2 = false;
// Двигаем лапу вверх если флаг true
if(this.flag_limb2 == true){
this.start_limb2 += this.step_limb;
this.style_limb.transform = 'rotate(' + this.start_limb2 + 'deg)';
}
// Двигаем лапу вниз если флаг false
if(this.flag_limb2 == false){
this.start_limb2 -= this.step_limb;
this.style_limb.transform = 'rotate(' + this.start_limb2 + 'deg)';
}
};
Вызываются так
this.rotate_limb1();
this.rotate_limb2();
Нужно объединить этот код что бы был универсален для всех 6 лап