Как лучше крутить 3д квадрат?

Question

[Аркадий Леонтьев]

https://grand-infinity.com - сам сайт
Тестирую 3д квадрат, подскажите как лучше его крутить?, а то он крутиться как монд... (юла).

var rotateY = 0 ,rotateX = 0;
    var odin = 8;
    var dva = 8;
   
    
    
    setInterval (function(){
        rotateY = rotateY + odin;
        rotateX =  rotateX + dva;
        if(rotateY > 3500){//условие не срабатывает почему то
            odin = -8;
            
        }
        if(rotateX > 3500){//условие не срабатывает почему то
        }
        $(".cube").css({'transform':'rotateY(' + rotateY +'deg) rotateX(' + rotateX +'deg)'}) // в div style  меняет значение.
    }, 1000);
    
    
    
    $("#right").hover(function(){
        odin = -80;
        dva = 0;
        rotateX = 0;
    });// при наведении меняет переменные
     $("#left").hover(function(){
        odin = 80;
        dva = 0;
        rotateX = 0;
    });// при наведении меняет переменные
    $("#top").hover(function(){
        odin = 0;
        dva = -80;
        rotateY = 0;
    });// при наведении меняет переменные
     $("#bottom").hover(function(){
        odin = 0;
        dva = 80;
        rotateY = 0;
    });// при наведении меняет переменные
    $("#front").hover(function(){
        odin = 1;
        dva = 1;
    });// при наведении меняет переменные

И сайт сильно процессор у компа грузит, если кто сталкивался, подскажите пожалуйста как оптимизировать.

Answer 1

[Андрей Б.]

Пожалейте пользователей

Comments

[Аркадий Леонтьев]

Заказчик так хочет.