Описание тега tweenmax

1 ответ

Добавить Scrollmagic в код Гринсок

Привет, я новичок в GreenSock и мне нужна помощь... Я хотел бы применить Scrollmagic в этом коде Greensock: codepen.io/GreenSock/pen/FqrEv Я искал: https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/ Как и в пункте 2, мне нужно …
1 ответ

AS2 TweenLite в Для массива не работает?

У меня есть серия видеороликов, объявленных в массиве. В массиве у меня есть название мувиклипа и позиция x, y. Я перебираю массив, но TweenLite, похоже, не оживляет их. TweenLite onComplete срабатывает, и данные массива хороши. for(var i=0; i < …
2 ответа

Анимация tweenmax. Невозможно назначить только для чтения свойство _gsTweenID.

Я использую scrollmagic для анимации объектов во время прокрутки и получаю эту ошибку: Uncaught TypeError: Невозможно назначить только для чтения свойство _gsTweenID из #design-принципы мой код JS: var scale_tween = TweenMax.to('#design-principles',…
27 янв '15 в 13:06
1 ответ

JavaScript получает элементы по имени класса

Почему мой код для getElementsByClassName не работает? Это работает при использовании getElementById, но не с классом? Я использую расширение TweenLite. мой код, который не работает, - http://codepen.io/bleubateau/pen/pvbeaO тот же код, который рабо…
18 дек '14 в 01:20
2 ответа

Функция повторного использования TweenMax для всех идентификаторов элементов

Я использую скрипт Tweenmax, который я нашел, чтобы создать волновой эффект на некоторых кнопках. У меня есть HTML следующим образом: <label for="slider_1" id="js-ripple-btn" class="button styl-material"> Home <svg class="ripple-obj" id="js…
18 мар '16 в 05:35
2 ответа

Tween Несколько объектов превращаются по очереди в tweenlite

Просто скажите, что у меня есть 5*5 видеоклипов.Я хочу твиновать их с меньшей задержкой и поворачиваться по очереди.Каков наилучший способ достичь этого?как я думаю, создание нескольких твин может повлиять на производительность, я прав?Я смущен, что…
26 авг '13 в 04:59
2 ответа

Как сделать непрерывную анимацию для элементов с более короткой продолжительностью анимации [GASP]

У меня есть следующая анимация GASP: $(function () { var tmax_options = { repeat: -1 }; var tmax_tl = new TimelineMax(tmax_options), tween_options_to = { css: { rotation: 360, transformOrigin: 'center center' }, ease: Cubic.Linear, force3D: true }; …
14 апр '16 в 19:32
2 ответа

Функция бесконечного цикла после незавершенного вызова - почему?

В настоящее время у меня есть кнопка отправки,- при нажатии я вызываю функцию showPreloadIcon() один раз. Отсюда я в основном показываю оверлей предзагрузки, проходящий через пару сообщений. Моя проблема в том, что, кажется, выполняется бесконечный …
06 сен '13 в 14:06
1 ответ

Флип-карта TweenMax

Я только что услышал о GSAP сегодня и поиграл с ним около 6 часов (что, кстати, УДИВИТЕЛЬНО!) У меня все работает, кроме случаев, когда я хочу перевернуть карту, ее оборотная сторона не появляется, я искал по всей сети в поисках сообщения с той же п…
24 сен '14 в 12:40
1 ответ

TweenMax GSAP не анимирует, работает только в codepen?

Просто начал с GSAP Tweenmax, но я столкнулся с некоторыми проблемами. Возможно, это глупая ошибка, которую я сделал, но я не могу понять это. Когда я запускаю этот код на Codepen, он работает, но когда я запускаю его с моего веб-сервера, он ничего …
26 сен '17 в 11:02
0 ответов

tweenMax 'staggerFrom' и 'From' не работает с requestAnimationFrame?

По какой-то причине, когда я использую from или staggerFrom с requestAnimationFrame, анимация переходит и фактически действует так, как будто она выполняет анимацию "Кому". Когда я использую код за пределами моего requestAnimationFrame, он работает …
16 янв '16 в 00:26
1 ответ

JavaScript: эффективный способ обработки событий (специфично для Firefox)

Я запускаю событие прокрутки, которое запускает анимации TweenMax, и я замечаю, что, хотя он выглядит хорошо в Chrome, в Firefox наблюдается значительное отставание. У кого-нибудь есть предложения о том, как обработать это событие прокрутки максимал…
26 окт '15 в 17:58
2 ответа

Слишком много обратных вызовов в Tweenmax JS

Есть ли лучший способ написать этот тип кода в Tweenmax? TweenMax.to("#second-scene .layer-one", 0.5, {delay:0.2, top:0, onComplete: function() { TweenMax.to("#second-scene .layer-two", 0.5, {top:0, onComplete: function() { TweenMax.to("#second-scen…
02 ноя '14 в 22:30
1 ответ

SuperScrollOrama и TweenMax прокручивают и прокручивают прокрутку

У меня есть серия цветных DIV, которые я пытаюсь постепенно увеличивать и уменьшать, когда вы прокручиваете страницу вниз. Моя настройка для div проста: <div class="wrapper"> <div id="content" class="clearfix"> <div class="box alpha"&…
27 янв '14 в 19:50
1 ответ

TweenMax Rotate, Opacity и Scale

Я пытаюсь заставить изображения на этой странице вращаться, масштабировать и изменять прозрачность одновременно, как делают некоторые изображения на этом сайте; http://soyouwanttogotorisd.com/ И это мой сайт; http://www.ducklingfarm.com/ Я использую…
22 окт '13 в 23:30
2 ответа

Измерение скорости объекта Tween

Я обработал объект (его свойство x) с помощью tweenlite, и я хочу измерить мгновенную скорость во время анимации в данный момент. Я знаю, что могу создать массив, который будет постоянно записывать последние значения x в onUpdate, а затем принимать …
3 ответа

Получение ссылки на объект dom для доступа к нему в React

Я играю с компонентами, которые живут сами по себе, со стилем и взаимодействием внутри компонента. Я пытаюсь запустить анимацию на определенном событии мыши, я просто играю сейчас, так что игнорируйте беспорядок. Я могу установить состояние для того…
11 ноя '15 в 14:45
0 ответов

Страницы перехода анимации VueJS

В настоящее время я изучаю VueJS для создания одностраничного приложения (SPA). Мне удалось создать Vue Router с 3-мя тестовыми страницами (Home, Projects, About). Но сейчас я хочу анимировать компоненты во время переходов страниц, используя библиот…
21 май '17 в 15:05
2 ответа

MouseOver CSS3D эффект с помощью JavaScript

Я пытаюсь добиться эффекта MouseOver, как это. Я могу сгенерировать матрицу css3d, необходимую для каждой плитки в соответствии с их положением. Я достиг этого эффекта медленным движением мыши, но если я быстро перемещаюсь от одной плитки к другой, …
22 дек '14 в 14:44
1 ответ

Поддержка TweenLite/TweenMax для ConvolutionFilter

Я применяю фильтры к растровому изображению, используя что-то вроде: TweenLite.to(origBitmap,0,{colorMatrixFilter:{saturation:2,brightness:3}); и это прекрасно работает. Мне нужно как-то применить фильтр резкости к origBitmap который я успешно дости…
28 сен '15 в 16:57