Публикации по теме 'gsap'


Плавная прокрутка с помощью React и анимационной платформы Greensock
Не будучи 2000 и поздно Плавная прокрутка была проблемой в умах разработчиков с незапамятных времен. Мы много чего сделали для анимации страницы, но что произойдет, если у вас есть динамический контент, который постоянно меняется? Полосы прокрутки с фиксированной высотой и процентные значения так 2000 и позже. Наступил 2019 год, и у нас есть Resize Observer - надежный способ определения высоты вашего контента, при этом всегда сохраняя ощущение собственной прокрутки, к которому..

Вопросы по теме 'gsap'

Tweenlight Fade со спрайтовой графикой
У меня есть спрайт, на котором я рисую белый прямоугольник (ниже) и хочу использовать TweenLite для постепенного появления и исчезновения спрайта, но он либо показывает, либо скрывает спрайт. Анимация размера, например scaleX , отлично работает...
795 просмотров
schedule 22.07.2023

Переменная TweenLite не определена. - наверное путь вопрос?
В настоящее время я получаю следующую ошибку: «ReferenceError: Ошибка № 1065: переменная TweenLite не определена». Я мог бы подумать, что это потому, что tweenlite не импортирован правильно, поэтому проблема с путями - но попробовал несколько...
2869 просмотров
schedule 06.08.2022

Воспроизвести звук в определенный playProgress или videoTime с помощью greensock?
Я использую greensock LoaderMax для загрузки видеофайлов и звуковых файлов. Я скопировал столько кода, сколько мне доступно. Воспроизводится видео (s9) и при определенном проценте прохождения видео мне нужно воспроизвести другой звук....
833 просмотров
schedule 17.04.2022

Анимация jQuery против GreenSock TweenMax
Я сталкиваюсь с вопросом, каковы минусы и плюсы использования анимационных движков jquery.animate() и GreenSock TweenMax . Так что, может быть, есть кто-то, кто знает это. Информации в сети мало, как и производительность. Я пробовал...
10606 просмотров
schedule 02.06.2024

Разный Margin-Top во всех браузерах, кроме IE8/Opera
У меня была эта проблема с верхним полем во всех браузерах, кроме IE/OPera, я установил верхний предел поля div на -800px, и если я отследил позицию div в IE, это -800px, как то же самое в Opera, но в FF/ Chrome добавляет 300 пикселей, поэтому он...
1060 просмотров
schedule 01.02.2023

Вложенные временные шкалы Greensock ведут себя не так, как ожидалось
У меня есть следующий код: var mainTimeLine = new TimelineLite({paused:true}); var whiteGlow = "0px 0px 30px rgba(255,255,255,0.5), 0px 0px 30px rgba(255,255,255,0.5), 0px 0px 30px rgba(255,255,255,0.5), 0px 0px 30px rgba(255,255,255,0.5)"; var...
2479 просмотров
schedule 22.08.2022

TweenLite js не анимирует высоту
Я только что попробовал TweenLite и схожу с ума, так как скопировал код с сайта, но не могу заставить его анимироваться. CSS .box{ width: 100px; height: 300px; background-color: red; } HTML <div class="box"></div>...
4707 просмотров
schedule 30.09.2022

TweenLite против анимации Jquery
У меня есть простая анимация для изменения высоты div вверх и вниз по клику. Обычно я использую jquery slide или animate. На этот раз я заглянул в TweenLite, чтобы посмотреть, как он работает. Проблема, с которой я сталкиваюсь, заключается в...
1171 просмотров
schedule 04.11.2022

Сохранение одной анимации движения из многих в одной функции (TweenMax JS)
Я работаю над сайтом, для которого требуется «эффект переворота 3D-карты». Я уже использую TweenMax для анимации определенной графики на сайте, поэтому я решил использовать TweenMax для переворачивания 3D-карты. У меня есть это. В основном он...
438 просмотров
schedule 08.05.2023

Переключатель jQuery с анимацией gsap
я хочу переключить div, который добавляет высоту от 10 пикселей до 200 пикселей. Моя проблема в том, что если я нажму еще раз, он анимируется обратно с 200 пикселей до 10 пикселей. и я не знаю, что делать. вот мой код. css .container2 {...
2937 просмотров
schedule 22.07.2022

как правильно анимировать/анимировать линию в THREE.js с помощью TweenLite?
Я хочу анимировать 3D-линию, используя THREE.JS и TweenLite . Но подход, который хорошо работает, например. положение шара здесь не работает. Я не знаю почему. // add a line to the scene using THREE.js var geometry =...
2488 просмотров
schedule 01.06.2022

Модальное окно Bootbox прокручивается вверх страницы перед открытием
Я использую bootstrap 3 и bootbox.js для своего фильтруемого портфолио, и я хочу иметь возможность прокручивать вниз, когда модальное окно длиннее окна браузера, но у вас не должно быть возможности прокручивать модальное окно. По умолчанию, когда...
3758 просмотров

AS3 Дерганая анимация при первом запуске
Я создал игру AS3 со множеством движущихся изображений на экране. Когда я запускаю свой первый раз в браузере, анимация дергается (изображения перемещаются не плавно). А вот при втором запуске(когда все ресурсы в кеше браузера) все отлично. В чем...
138 просмотров
schedule 28.06.2022

Как получить значение масштаба с помощью GreenSock Animation Platform (GSAP)
Я использую TweenMax от GSAP для масштабирования div, когда пользователь нажимает кнопку. Однако то, что я хочу сделать, это иметь возможность получить текущее значение масштаба и/или узнать, как увеличить значение масштаба, скажем, на 0,5. Вот...
2852 просмотров
schedule 13.05.2023

Поворот Tweenmax не работает в IE8
Я пытаюсь повернуть два изображения против часовой стрелки, используя Tweenmax, в mozilla, chrome и ie9 также работает. Но в ie8 вращение отличается. Изображения перемещаются влево без вращения. как это решить. <script>...
872 просмотров
schedule 13.12.2022

Лучший способ выбрать объект DOM с помощью TweenLite/GSAP?
Я использую TweenLite для создания рекламных баннеров. У меня все работает нормально, однако я немного смущен тем, как выбирается элемент, или, по крайней мере, передовой практикой выбора элемента с помощью TweenLite. Сначала я использовал это:...
1193 просмотров
schedule 22.11.2022

Greensock, jquery, код не срабатывает в хроме?
Я понятия не имею, почему, но по какой-то причине мой код не срабатывает в хроме. Есть идеи, почему? Я прочитал всю документацию Greensock, но ничего не касалось моей проблемы. http://jsfiddle.net/w0otqcw8/6/ var t =...
49 просмотров
schedule 21.11.2022

Пользовательская логика горизонтальной полосы прокрутки
Я сделал собственный скроллер div на основе easings TweenMax и событий колесика мыши jQuery. Прокрутка работает как шарм, но мне нужно переместить обработчик полосы прокрутки, чтобы показать ход прокрутки. Я сделал несколько тестов на основе...
1699 просмотров
schedule 09.09.2023

AS3 Как сбросить Tween на MouseOut целевого mc?
В этом примере у меня есть 3 панели внутри mc под названием «panelHolder». Цель: сделать так, чтобы только цвет bgr в mc "bgr" (panelHolder.panel1.Bgr) изменялся на другой цвет, когда указатель мыши находится над расширяющимся целевым mc, а затем...
266 просмотров
schedule 29.05.2022

Получение ошибки № 1502, когда этого не должно было произойти
Я начал получать много ошибок #1502 в своей игре. ("скрипт выполнялся слишком долго") Разные версии прошивальщика, разные пользователи, случайные места в игре. Я не могу воспроизвести его сам. Я собираю игровые журналы на случай неотловленных...
412 просмотров
schedule 15.03.2023