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

80
голосов
1
ответ
Я пытаюсь создать анимированный баннер с грейдером, который я могу перемещать в разные сцены. Используя их документацию по API, я дошел до настройки временной шкалы, поэтому каждая сцена имеет интр...
3 года, 3 месяца назад Jeff Saamanen
61
голос
0
ответов
Im делает закладки в прокрутке. Концепция: когда вы прокручиваете и заголовок достигает вершины экрана, скрипт добавляет к левой уместной закладке. Также Im использует TweenMax для добавления анима...
3 года, 11 месяцев назад NeedHate
48
голосов
2
ответа
Я загрузил пакет GSAP на npm, и теперь я хочу импортировать класс TweenLite в свое приложение с помощью TypeScript. Это можно сделать, импортировав все GSAP, написав require('gsap'); и он работает ...
4 года, 6 месяцев назад Lyubimov Roman
77
голосов
0
ответов
Я работаю над анимацией, используя какой-то GSAP-код, немного настраиваемый JS, который я настраивал из другого проекта. https://codepen.io/anon/pen/VMVGov function startAnimation() { var line1 = d...
2 года, 4 месяца назад BeezleWax
60
голосов
1
ответ
Я пытаюсь создать простой timelineMax с GSAP и scrollMagic, я получаю следующую ошибку. Все выглядит правильно для меня, поэтому я не понимаю эту ошибку. Uncaught TypeError: Cannot read property 'r...
4 года, 8 месяцев назад Agent Zebra
79
голосов
1
ответ
Я столкнулся с проблемой, когда я очищаю временную шкалу, используя timeline.clear() чтобы вернуть все элементы в исходную позицию из-за immediateRenderer = true , теперь проблема, с которой я стол...
2 года, 10 месяцев назад Rahul_Dabhi
48
голосов
0
ответов
$(".foo").each(function() { Draggable.create(this, { trigger: $(this).find(".a4") }); Draggable.create(this, { type: 'rotation', trigger: $(this).find(".a0, .a2, .a6, .a8"), cursor: 'alias' }); });...
4 года, 9 месяцев назад Dudo
89
голосов
1
ответ
Я пытаюсь сделать анимацию открытия и закрытия книги с помощью HTML, CSS и GSAP. У меня две проблемы: Страницы должны вращаться в открытые и закрытые позиции. Z-index для одной из страниц нужно изм...
3 года, 9 месяцев назад substancejoy
-3
голоса
1
ответ
Мое анимационное событие почти приостанавливается или позволяет говорить значительно медленнее при завершении, когда свиток достигает более 15 процентов. Почему это? Если нужно анимировать влево, н...
5 лет назад Daniels
48
голосов
1
ответ
Попытка приостановить или удалить анимацию GSAP в else части этого условного.. Контейнерный код - renderNews = () => { /** * Renders news snippets, no filtering at this time */ let max = 2 let c...
2 года, 11 месяцев назад jimmyNames
85
голосов
1
ответ
Я хотел бы сделать "сложную" анимацию с помощью gsap и svgs. но я не знаю, каков наилучший подход к этому. лучше создавать и импортировать уникальный svg со всеми элементами или, может быть, лучше ...
3 года, 6 месяцев назад mattia
108
голосов
0
ответов
Я только начал использовать swiper js ( http://idangero.us/swiper/ ), и я пытаюсь создать небольшой веб-сайт (в основном весь сайт - это прокручиваемый слайдер, а разделы - слайды), и я хочу сделат...
1 год, 5 месяцев назад Paul Alexandru
71
голос
1
ответ
Я создаю анимированный баннер с GSAP, основные анимации прекрасно работают, но подростки не будут ослабевать и полностью перестанут функционировать при добавлении дополнительных инструкций о легкос...
2 года, 11 месяцев назад Tjoerie
49
голосов
0
ответов
Я хочу использовать gsap в сочетании с ScrollMagic. ScrollMagic уже реализована и работает нормально, но когда я хочу использовать animation.gsap, я получаю ошибку Эти зависимости не найдены: * Tim...
2 года, 1 месяц назад Gregor Oi
60
голосов
2
ответа
У меня 3 фотографии. Они меняются с анимацией. С GSAP я хочу сделать цикл анимации, который будет повторяться несколько раз (например, 5, 6 или 7). Я использовал метод.restart(), но он работает пра...
1 год, 5 месяцев назад Syncmaxim
97
голосов
1
ответ
Я пытаюсь получить модальную анимацию с Tweenmax. В настоящее время он оживляет, но проблема, с которой я сталкиваюсь, заключается в том, что я хочу, чтобы она анимировалась от верхней части экрана...
2 года назад TrickMonkey
50
голосов
0
ответов
Код для анимации с использованием "gsap" - это следующий код $('polygon').each(function() { var minY = -600; var maxY = 0; var minX = -600; var maxX = 600; var randomY = Math.floor(Math.random() * ...
1 год, 6 месяцев назад Sergiy Zinchuk
89
голосов
1
ответ
У меня есть угловой проект 7 и импортированная библиотека Gsap. Я хочу, чтобы анимация воспроизводилась каждый раз при переходе на страницу, поэтому я реализовал анимацию gsap внутри ngOnInit, но а...
1 год назад Ali Haghighi
60
голосов
1
ответ
Я бы хотел использовать ScrollMagic с GSAP и TweenMax для анимации с прокруткой. В прошлом я использовал некоторый опыт работы с ScrollMagic, и он всегда работает нормально. На этот раз анимация до...
2 года, 6 месяцев назад JonasLoerken
70
голосов
0
ответов
Я использую GSAP TimelineLite для слайдера. Я заметил, что слайдер немного перепутался при переходе с одной вкладки на другую. Я решил эту проблему, используя Page Visibility API . Если страница не...
3 года, 1 месяц назад j.grima
50
голосов
1
ответ
Существуют различные инструменты, помогающие человеку создавать анимации с помощью ReactJs. Но у каждого свои недостатки. Ниже приведены инструменты, которые я изучил до сих пор: ReactCSSTransition...
2 года, 6 месяцев назад Sourabh Kumar
50
голосов
4
ответа
Я пытаюсь сделать свою первую анимацию с GSAP , и ничего не происходит, даже когда я пытался использовать пример кода. У меня есть php файл со следующим кодом: <head> <script src="https://...
4 года, 7 месяцев назад JohnG
72
голоса
1
ответ
У меня есть CodePen, который имеет простую настройку. Я пытаюсь нажать соответствующую кнопку, чтобы открыть соответствующее изображение. У нас есть "красная коробка", которая должна показывать тол...
4 года, 2 месяца назад user1317510
49
голосов
1
ответ
Поэтому я попытался использовать GSAP для анимации элементов, которые были вызваны соответствующими кнопками. Сама анимация работает, но вместо того, чтобы показывать соответствующий элемент, она р...
3 года, 9 месяцев назад Modermo
85
голосов
1
ответ
Javascript newb здесь. Я пытаюсь создать меню, которое изменяет его изображение, когда кнопка нажата и активна. Вот html <div id="expand_footer"> <div class="footer_btn" id="ftr_btn1"> ...
4 года, 5 месяцев назад user2561920
87
голосов
0
ответов
Так что у меня есть проект с использованием gsap draggable. Итак, внизу на мобильном телефоне будет круглое изображение. Круглое изображение будет разделено на 3 разные темы. Вы можете увидеть конц...
10 месяцев, 3 недели назад catto1297
84
голоса
1
ответ
Оскорбительный кодовый блок function changeEventDetails(event) { var src = 'https://www.google.com/maps/search/?api=1' var locationURI = encodeURI(event.location) // window.history.state.eventOpen ...
1 год, 5 месяцев назад ShibbyOpSec1337
91
голос
0
ответов
Я пытаюсь анимировать элемент, когда он входит в область просмотра с помощью response-scrollmagic и response-gsap . Это работает, но анимация gsap воспроизводится в зависимости от продолжительности...
11 месяцев, 2 недели назад James Vibar
85
голосов
0
ответов
Поэтому я сейчас создаю это приложение, используя nuxtjs, и когда я запускаю npm run dev , все работает нормально. Но в тот момент, когда я пытаюсь собрать и запустить производственный сервер, испо...
1 год, 1 месяц назад Gareth Jones
49
голосов
1
ответ
В настоящее время я создаю сайт с GSAP TimelineMax, плагином MorphSVG и ScrollMagic. Иногда я сталкиваюсь с эффектом дрожания, и это предупреждение появляется: Handling of 'mousewheel' input event ...
3 года, 5 месяцев назад Mteuahasan
51
голос
1
ответ
Я пытаюсь разработать свою первую тему Wordpress, и у меня возникли проблемы с загрузкой нескольких файлов javascript внутри моей дочерней темы functions.php файла. Я должен что-то пропускать, так ...
5 лет назад Mr.Smithyyy
86
голосов
1
ответ
Холла, мне нужно сбросить анимацию, когда я закрою меню и снова открою его. Как я могу это сделать? Анимация работает только в первый раз, когда я открываю меню. CSSPlugin.defaultTransformPerspecti...
4 года, 5 месяцев назад Hafsa
93
голоса
0
ответов
Я сделал один пример, чтобы показать сценарий, который я сейчас сейчас, я хочу, чтобы массив cards на шаге был показан рядом с каждым игроком, а не посередине, как в примере, который я сделал прямо...
4 года, 2 месяца назад markussali
84
голоса
2
ответа
Мой код выглядит следующим образом. Любые идеи, как я могу назвать this.rule? Я пытаюсь использовать GSAP TweenMax с плагином под названием CSSRulePlugin для анимации псевдоэлементов. class animate...
3 года, 2 месяца назад TheEarlyMan
71
голос
0
ответов
Я ищу решение для ванильного javascript (или vanilla Library), чтобы получить Smooth Wheel Wheel Scroll Что-то вроде этого jsfiddle Но с vanilla JS Я не хочу, чтобы легко нажимать на #someLink. Про...
2 года, 7 месяцев назад Héctor León
51
голос
2
ответа
У меня длинный (более 1500 пикселей) и тяжелый (более 400 кб) образ, описывающий среду. Я пытаюсь оживить это слева направо, но анимация негладкая, движение довольно грубо. Я пробовал разные способ...
4 года, 2 месяца назад Ketevan Toria
49
голосов
0
ответов
Я в тупик, почему я не могу заставить функцию обратного вызова работать, особенно когда я скопировал функцию прямо из документов GSAP и все еще не работает. Я начинаю думать, что это проблема Метео...
3 года, 11 месяцев назад Travis Michael Heller
60
голосов
1
ответ
У меня есть функция изменения размера javascript, которая работает, когда я изменяю размер браузера, но как я могу получить его для изменения размера моего контента, если я запустил окно браузера с...
3 года, 9 месяцев назад celli
72
голоса
1
ответ
Я хочу создать анимацию canvas HTML5, которая, вероятно, такова на этом сайте: https://flowstudio.co/ . Я начал с GSAP, но похоже, что создавая что-то вроде этого, это действительно большая задача....
1 год, 6 месяцев назад jmlots
59
голосов
2
ответа
Я хочу создать какой-то анимированный эффект уменьшения с помощью GSAP. То, что я пытаюсь сделать, - это масштабирование элемента с двойным размером до нормального размера и применение исчезающего ...
3 года, 10 месяцев назад Carlo
Чтобы , пожалуйста,
Выберите тему жалобы:

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