Организация очереди анимаций

@Gunn36 · Регистрация: 17.08.2014

Студворк — интернет-сервис помощи студентам

Требуется реализовать следующий алгоритм:
Происходит событие №1 - выполняется анимация, блок за некоторое время перемещается из точки А в точку В, по приходу в В плавно меняет свой opacity.
Происходит событие №2 - возвращается исходное значение opacity, блок возвращается из точки В в А.
При этом, если одно из событий происходит до завершения анимации вызванной другим событием ,например, произошло событие №1 - блок начал движение в точку В и на полпути происходит событие №2, анимируемый блок не должен проделывать оставшуюся часть пути в точку В и менять opacity, а должен с того места где его застало событие, вернуться в точку А. Аналогично и в случае, если событие происходит в момент, когда блок "прибыл" на место назначения и происходит уменьшение opacity, в этом случае величина opacity должна сразу начать возрастать до изначального значения.

Не прошу писать за меня код, направьте в верном направлении, я так понимаю нужно смотреть в сторону .queue() , .clearQueue() ?

z-z · 21.09.2014, 12:35

Gunn36, могу ошибаться, но я вижу это так.

У animation есть callback, в котором все и можно реализовать. То есть

Сначала меняем положение, по окончании анимации начинаем менять прозрачность. При этом это работает в обе стороны, надо просто задать два крайних положения, чтобы указать скрипту, в какую сторону ему двигаться.

Если произошло событие, где бы оно не произошло, просто делаем .stop(), меняем направление анимации и продолжаем =)

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@Gunn36 0 / 0 / 0 Регистрация: 17.08.2014 Сообщений: 4

	Организация очереди анимаций 21.09.2014, 10:20. Показов 1000. Ответов 1 Метки нет (Все метки) Требуется реализовать следующий алгоритм: Происходит событие №1 - выполняется анимация, блок за некоторое время перемещается из точки А в точку В, по приходу в В плавно меняет свой opacity. Происходит событие №2 - возвращается исходное значение opacity, блок возвращается из точки В в А. При этом, если одно из событий происходит до завершения анимации вызванной другим событием ,например, произошло событие №1 - блок начал движение в точку В и на полпути происходит событие №2, анимируемый блок не должен проделывать оставшуюся часть пути в точку В и менять opacity, а должен с того места где его застало событие, вернуться в точку А. Аналогично и в случае, если событие происходит в момент, когда блок "прибыл" на место назначения и происходит уменьшение opacity, в этом случае величина opacity должна сразу начать возрастать до изначального значения. Не прошу писать за меня код, направьте в верном направлении, я так понимаю нужно смотреть в сторону .queue() , .clearQueue() ? 0

z-z 170 / 169 / 56 Регистрация: 22.06.2011 Сообщений: 980
	21.09.2014, 12:35
	Gunn36, могу ошибаться, но я вижу это так. У animation есть callback, в котором все и можно реализовать. То есть Сначала меняем положение, по окончании анимации начинаем менять прозрачность. При этом это работает в обе стороны, надо просто задать два крайних положения, чтобы указать скрипту, в какую сторону ему двигаться. Если произошло событие, где бы оно не произошло, просто делаем .stop(), меняем направление анимации и продолжаем =) 1