Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.04.2018, 15:40
Аспирант
Отправить личное сообщение для Retro_1477 Посмотреть профиль Найти все сообщения от Retro_1477
 
Регистрация: 14.04.2018
Сообщений: 85

Постоянное перемещение элемента
Доброго времени суток, и да... снова проблема с прудом, точнее с утятами которых я туда закинул . Нужно чтобы элементы постоянно перемещались по "пруду" и желательно, чтобы при касании боковых границ они поворачивались в противоположную сторону (scaleX(-1)). Подскажите как такое можно реализовать?

$('.hide-all').click(function spawnStarting() {
    var DUCK1_COUNT = $(".count1").html();
//Копаем пруд
    var $pond, pondWidth, pondHeight;
    $pond = $("<div class='pond'/>").appendTo('body');
    $("<div class='messenge'>Сообщения</div>").appendTo('body');
     pondWidth = $pond.width();
     pondHeight = $pond.height();

//Спаун уток
    for (var i = 0; i < DUCK1_COUNT; i++) {
        var DUCK = $("<img src='img/004-duck.png' class='utka plav'>").appendTo(".pond")
        .addClass('Krykvi'+i);
        var transform = 'translate(' + getRandom(pondWidth)+ 'px, ' +  getRandom(pondHeight)  + 'px)'
         if (getRandomIn(3, 6) < 5) {
           transform += " scaleX(-1)"
        }
        DUCK.css('transform', transform);
  }
});

//Функция для рандомного числа
function getRandomIn(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

function getRandom(upper) {
  return Math.random() * upper;
}
Ответить с цитированием
  #2 (permalink)  
Старый 17.04.2018, 08:56
Аспирант
Отправить личное сообщение для Retro_1477 Посмотреть профиль Найти все сообщения от Retro_1477
 
Регистрация: 14.04.2018
Сообщений: 85

Получилось сделать перемещение, но они теряют свойство scaleX(-1)

setInterval (function(){
    for (var i = 0; i < DUCK1_COUNT; i++){
    $('.Krykvi'+i).css({
  'transform' : 'translate('+ getRandom(pondWidth) +'px, '+ getRandom(pondHeight) +'px)'
});
}
  }, 5000);

Последний раз редактировалось Retro_1477, 17.04.2018 в 11:42.
Ответить с цитированием
  #3 (permalink)  
Старый 17.04.2018, 12:25
Аспирант
Отправить личное сообщение для Retro_1477 Посмотреть профиль Найти все сообщения от Retro_1477
 
Регистрация: 14.04.2018
Сообщений: 85

Не актуально
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перемещение элемента внутри блока milkman Events/DOM/Window 4 25.07.2017 21:01
Перемещение элемента по узлам DOM-дерева Ranetka Элементы интерфейса 6 11.07.2016 00:16
Перемещение элемента в пунктирную область Mrs.Haneki Элементы интерфейса 21 01.12.2015 17:49
Перемещение элемента Lynatik Общие вопросы Javascript 1 25.06.2013 16:23
перемещение элемента на место другого и замена одного на другой? SunYang Элементы интерфейса 1 03.07.2012 09:03