Показать сообщение отдельно
  #4 (permalink)  
Старый 09.03.2015, 05:42
Профессор
Отправить личное сообщение для Bond Посмотреть профиль Найти все сообщения от Bond
 
Регистрация: 16.06.2013
Сообщений: 172

На данный момент ситуация такая
Код жука
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 лап
Ответить с цитированием