Gsap – вопросы и ответы

57
голосов
1
ответ
Я новичок в gsap, поэтому, если я делаю что-то ужасно неправильно, пожалуйста, исправьте меня, но это довольно простой пример. Я просто пытаюсь сравнить производительность анимации css с gsap-анима...
5 месяцев, 2 недели назад Alex Podworny
79
голосов
1
ответ
Я новичок в GSAP и собираю 2.5D вращающуюся монету, используя GSAP scaleX и x . Монета предназначена для: а) "вращать" на стороне хвоста, затем b) поворачивать сторону хвостов, затем c) вращаться в...
5 месяцев, 2 недели назад martellalex
69
голосов
1
ответ
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script type...
5 месяцев, 2 недели назад Keshao
80
голосов
1
ответ
У меня есть последовательность из двух GSAP tweens. Вторая анимация зависит от первого. Первый движок перемещает элемент вправо, используя Power3.easeIn. Когда эта первая анимация заканчивается, я ...
5 месяцев, 2 недели назад Lange
56
голосов
2
ответа
Поэтому я в настоящее время немного трачу свое свободное время на изучение и изучение GSAP (Greensock Animation Platform). И мне интересно, можно ли иметь массив значений для одного конкретного пов...
5 месяцев, 2 недели назад John107
71
голос
1
ответ
Я создал прототип горизонтального скроллера, который будет выбирать победителя анимированным способом. Я хочу улучшить это, программно выделяя выбранное изображение под индикатором. Я выяснил, как ...
5 месяцев, 3 недели назад Devin Stokes
82
голоса
1
ответ
угловая версия: 1.6.1 Я пытаюсь сделать fade in/out для моего элемента ng-view. Проблема в том, что работает только анимация ввода. html часть: <main class="main" ng-view></main> app.js...
5 месяцев, 3 недели назад Karl B.
97
голосов
1
ответ
Я пытаюсь вызвать специальные привязки жизненного цикла из группы реакции-перехода для реализации анимации с помощью gsap. Но компонент TransitionGroup блокирует компонент Box из рендеринга. Если я...
5 месяцев, 3 недели назад Achyut Kr Deka
71
голос
1
ответ
Мы анимируем календарь с помощью GSAP. Календарь - это рисование с использованием таблицы css, строки и заголовка... Мы хотели анимировать часть этой таблицы. Но лучше, чем слова, здесь есть код дл...
5 месяцев, 3 недели назад Clempat
58
голосов
2
ответа
Взгляните на этот Dribble https://dribbble.com/shots/2149937-Day-6-Currency-Status-Rebound В конце анимации есть зеленая полоска, с эффектом прохлады. Я хочу сделать это в html. Любые советы о том,...
5 месяцев, 3 недели назад shakee93
112
голосов
1
ответ
Я играю с Scrollmagic и сумел заставить несколько вещей работать. То, что я пытаюсь сделать прямо сейчас, - создать липкую панель совместного доступа для моего блога в нижней части окна просмотра. ...
5 месяцев, 3 недели назад Phrosty30
57
голосов
1
ответ
Я запускаю некоторые анимации GSAP на нескольких компонентах React, когда они входят и покидают DOM. Проблема, с которой я сейчас сталкиваюсь, заключается в том, что только первый компонент, похоже...
6 месяцев назад Cody James Tooker
89
голосов
1
ответ
Как передать или обновить переменную и ее значение из функции, которая запускается onComplete (когда завершена определенная анимация). Все действие происходит внутри функции onClick, которая предст...
6 месяцев назад user4910881
70
голосов
1
ответ
Конфиг из ionic info : Cordova CLI: 8.0.0 Ionic Framework Version: 3.9.2 Ionic CLI Version: 2.2.3 Ionic App Lib Version: 2.2.1 Ionic App Scripts Version: 3.2.0 Node Version: v6.14.4 Работает над не...
6 месяцев назад nyluje
69
голосов
1
ответ
Я использую Scrollmagic и GSAP в своем приложении create-реагировать на приложение и закрепляю раздел, пока дочерние элементы анимируются при прокрутке. Я достиг этого ОДНАКО всякий раз, когда я на...
6 месяцев назад Eric Nguyen
56
голосов
1
ответ
У меня возникают трудности с функцией setState в реакции. Я использую пакет с перетаскиванием, и я могу перетащить мой div, но, как представляется, он не устанавливает координаты xy при отпускании ...
6 месяцев назад Coherent
80
голосов
1
ответ
Я разрабатываю интерактивный веб-сайт с человеческим характером. Я реализовал прыжок для персонажа, но это происходит в треугольном пути (поскольку не выглядит естественным прыжком). Поэтому мне ну...
6 месяцев назад Abhijeet Salunkhe
57
голосов
1
ответ
Я пытаюсь анимировать список, входящий и выходящий с помощью gsap, поэтому я завернул свой список с помощью <TransitionGroup> . Я хочу использовать componentWillEnter и componentWillLeave для...
6 месяцев назад DJO
-4
голоса
1
ответ
Тестирование front-end для создания моего собственного веб-сайта с интерактивным портфолио: marcelmp.x10host.com . Я пытаюсь создать свою собственную историю с ландшафтом со зданиями и движущейся м...
6 месяцев, 1 неделя назад Marcel
69
голосов
1
ответ
Я использую GSAP с моим проектом Angular для реализации анимации в своем настраиваемом раскрывающемся меню. Я обнаружил, что могу свернуть мой div до height: 0px , однако граница все еще присутство...
6 месяцев, 1 неделя назад physicsboy
57
голосов
1
ответ
В анимированном меню с использованием GSAP, когда я нажимаю ссылку на элемент меню, я хочу полностью изменить TimelineMax до изменения страницы. Вот рабочий бит кода. Все работает так, как мне нужн...
6 месяцев, 1 неделя назад Simon
69
голосов
1
ответ
Я следую этому руководству: https://ihatetomatoes.net/greensock-timelinelite-tutorial Моя кодовая ручка до сих пор (всего около 1/4 учебника): http://codepen.io/Chiz/pen/qOxVvm Основываясь на JS-код
6 месяцев, 1 неделя назад Xeon
106
голосов
1
ответ
Есть ли способ заставить Vue ждать, пока элементы покинут список, прежде чем появятся новые? На данный момент анимация для новых элементов, входящих в список, воспроизводится одновременно с анимаци...
6 месяцев, 1 неделя назад MSC
97
голосов
1
ответ
Я новичок в GSAP, и я пытаюсь создать функцию, где она будет прокручиваться до определенной точки на странице, но я не совсем понимаю, как исправить использование плагинов GSAP. Мне удалось использ...
6 месяцев, 1 неделя назад Uesls
112
голосов
2
ответа
У меня есть анимированный spritesheet, который использует следующий код: TweenMax.to(".globe__globe", 5, { backgroundPosition:'0 -67280px', ease:SteppedEase.config(145)}); Это означает, что более 5...
6 месяцев, 1 неделя назад Matt Saunders
106
голосов
1
ответ
Я нашел много веб-сайтов, которые переключаются с контента на другой, не позволяя пользователю наблюдать за загрузкой многих изображений, и все кажется таким легким. Обычно я видел своего рода аним...
6 месяцев, 1 неделя назад Mlabuit
96
голосов
1
ответ
Я пытаюсь добавить немного анимации в теги плагин облака . Но я застрял в одной проблеме. Как я могу хранить дочерние элементы (теги) внутри родительского контейнера? Я хочу убедиться, что положени...
6 месяцев, 2 недели назад markilfin
81
голос
1
ответ
многократная временная шкала с scrollmagic в функции tweenmax oncomplete не работает .add(TweenLite.fromTo ('.title2' , 0.3, {css:{opacity:0}}, {css:{opacity:1},onComplete:function() { function pat...
6 месяцев, 2 недели назад Anish
89
голосов
2
ответа
Когда вы пытаетесь создать анимацию на сайте Gatsby, я получаю следующую ошибку: 12:57:12:665 (ScrollMagic.Scene) -> ERROR calling setTween() due to missing Plugin 'animation.gsap'. Please make ...
6 месяцев, 2 недели назад janiet
108
голосов
1
ответ
Я просто разбираюсь с GSAP, и до сих пор его действительно приятно, но кто-нибудь знает, как я могу замедлить анимацию? JavaScript: TweenMax.to(players, 0.5, {bottom: "-250"}) Я в основном использу...
6 месяцев, 2 недели назад James
81
голос
1
ответ
Я создал 3D-иллюстратор (см. Codepen). Теперь я хочу оживить его с помощью TweenMax (или TimelineMax), как если бы он строился снизу вверх. Это конечный результат, который мне нужно создать: http:/...
6 месяцев, 2 недели назад colin
58
голосов
1
ответ
Я пытаюсь играть с функциями GSAP, но я не могу понять, как работать с графиками, я новичок в этом, любая помощь будет оценена. То, что я пытаюсь сделать в моем code- Каждый раз, когда v-образный с...
6 месяцев, 2 недели назад geteds
89
голосов
1
ответ
Можно ли отменить мастер-шкалу в GSAP? Я знаю, что вы можете изменить временную шкалу, которая не является вложенной. Здесь код: // hide copy content divs const hideCopyContentDivsTl = new Timeline...
6 месяцев, 3 недели назад Joe C
57
голосов
1
ответ
Я хочу использовать переходы ввода / вывода в vue.js , используя встроенные javascript-перехватчики для переходов: https://vuejs.org/v2/guide/transitions.html#JavaScript-Hooks Моя анимационная библ...
6 месяцев, 3 недели назад Daniel Sixl
80
голосов
1
ответ
Я создаю большую сетку div, которую планирую выполнять анимации и эффекты. У меня около 90 divs, создающих черепичный фон. Теперь вот трюк с этим. Я создаю страницу, чтобы быть отзывчивой. Я не мог...
6 месяцев, 3 недели назад Michael Paccione
91
голос
1
ответ
Я пытаюсь создать анимированный баннер с грейдером, который я могу перемещать в разные сцены. Используя их документацию по API, я дошел до настройки временной шкалы, поэтому каждая сцена имеет интр...
3 года, 10 месяцев назад Jeff Saamanen
70
голосов
0
ответов
Im делает закладки в прокрутке. Концепция: когда вы прокручиваете и заголовок достигает вершины экрана, скрипт добавляет к левой уместной закладке. Также Im использует TweenMax для добавления анима...
4 года, 6 месяцев назад NeedHate
56
голосов
2
ответа
Я загрузил пакет GSAP на npm, и теперь я хочу импортировать класс TweenLite в свое приложение с помощью TypeScript. Это можно сделать, импортировав все GSAP, написав require('gsap'); и он работает ...
5 лет, 1 месяц назад Lyubimov Roman
89
голосов
0
ответов
Я работаю над анимацией, используя какой-то GSAP-код, немного настраиваемый JS, который я настраивал из другого проекта. https://codepen.io/anon/pen/VMVGov function startAnimation() { var line1 = d...
2 года, 11 месяцев назад BeezleWax
69
голосов
1
ответ
Я пытаюсь создать простой timelineMax с GSAP и scrollMagic, я получаю следующую ошибку. Все выглядит правильно для меня, поэтому я не понимаю эту ошибку. Uncaught TypeError: Cannot read property 'r...
5 лет, 3 месяца назад Agent Zebra
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема