Публикации по теме 'gsap'
Построение простого SVG
На днях в Redshift Digital мы столкнулись с несколькими сбоями при создании анимации GSAP с простым путем SVG. Можно подумать, что со всеми доступными инструментами это будет не так уж сложно. Что ж, угадайте, что? Иногда слишком много технологий и слишком много вариантов. Чтобы помочь вам избежать некоторых изумительных моментов, связанных с разгадыванием векторной тайны, вот небольшой рабочий процесс, описывающий часть процесса.
Первым препятствием был актив для SVG. В этом примере..
Вопросы по теме 'gsap'
Вращение TweenMax js не работает должным образом
У меня есть этот фрагмент кода, который в основном определяет цикл, который вращает изображение в конце перехода: http://jsfiddle.net/bolaoch8/k8XtU/1/
$('#avion').css('left', '0%');
var animacionAvion = TweenMax.to($('#avion'), 5,...
4749 просмотров
schedule
13.11.2023
Альфа-анимация с помощью GreenSock
Попытка анимировать альфа-канал объекта graphics в AS3 с помощью GreenSock, но функции не работают. Пытаюсь сделать анимацию с альфа-канала 0 на 0,7 за 2 секунды. Метод fromTo(); тоже не работает. Я не хочу, но должен ли я вместо этого...
3995 просмотров
schedule
28.10.2023
Ограничить максимальную скорость в tweenmax
Я разрабатываю игру во Flash, и мне нужно перемещать клипы по кругу по экрану. Для этого я использую функцию Tweenmax.to() , предоставленную greensock. Функция принимает «время» и «расстояние» в качестве параметров и применяет ускорение и...
294 просмотров
schedule
23.10.2023
Загрузить изображение профиля facebook с помощью greensock LoaderMax.parse
Я пытаюсь загрузить изображение профиля facebook, но безуспешно :(
Я использую Greensock loaderMax, чтобы попытаться загрузить его.
private function loadProdilePicture(ImageLoaderArray:Array ):void
{...
287 просмотров
schedule
26.11.2022
TweenLite перед переходом к следующему кадру
Почему это не работает (не доходит до 15 кадра)
navLeft.addEventListener(MouseEvent.CLICK, goLeft2);
function goLeft2(e:MouseEvent):void
{
TweenLite.to(page1ani2, 1, {x:880, y:215, onComplete: goLeft22});
}
function...
116 просмотров
schedule
04.02.2024
Затухание разных предметов и разное время с помощью Greensock Tween
Я действительно новичок в GSAP , и я думаю, что это потрясающе. Однако я не могу понять, как постепенно добавлять эти элементы по отдельности.
1-й (это нормально) для 2-го желания исчезать в определенное время и 3-го в определенное время....
3596 просмотров
schedule
29.01.2024
ScrollMagic: добавить смещение к прокрутке привязки?
У меня есть функция прокрутки якорной ссылки с использованием ScrollMagic на веб-сайте, я пытаюсь сместить цель scrollTo на 100 пикселей по оси Y, я новичок в jquery и не знаю, где разместить такую инструкцию:
'scrollTop': $target.offset().top...
2154 просмотров
schedule
13.12.2023
css анимация с GSAP
Как можно добиться этой анимации с помощью GSAP. Вот css-код
.element {
-webkit-animation-name: fall, opacity;
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 1s;
}
@-webkit-keyframes fall {
0% {...
214 просмотров
schedule
12.12.2023
Прокладка для булавки ScrollMagic слишком большая
Я новичок в ScrollMagic, поэтому не уверен, что я упускаю из виду что-то очевидное.
Я создал codepen , который показывает, чего я пытаюсь достичь, и альтернативная версия , которая почти делает то, что я хочу, за исключением огромный разрыв,...
8071 просмотров
schedule
26.11.2023
Получить направление вращения во время перетаскивания — GSAP
Я использую функцию Greensock Spin для циферблата . Я видел, что getDirection() выводит, движется ли циферблат по часовой стрелке или против часовой стрелки при вращении за начальную точку, но я не могу заставить работать по часовой стрелке/против...
566 просмотров
schedule
21.09.2022
Перетаскивание временной шкалы видео и щелчок
Я новичок в GSAP, и я пытаюсь включить перетаскивание и щелкнуть по настраиваемой временной шкале видео html5 с помощью GSAP. Я прочитал пару сообщений на форуме GSAP, но кое-что я, очевидно, не могу понять ...
Я воспроизвел упрощенный пример на...
3189 просмотров
schedule
22.11.2023
TweenMax GSAP не анимирует, работает только в codepen?
Только начал с GSAP Tweenmax, но столкнулся с некоторыми проблемами. Наверное, это глупая ошибка, которую я сделал, но я не могу понять это.
Когда я запускаю этот код на Codepen, он работает, но когда я запускаю его со своего веб-сервера, он...
209 просмотров
schedule
21.02.2024
Решение JS/GSAP для бесконечной анимации
Я пытаюсь создать бесконечную анимацию звездного дождя, все звезды - это SVG. Я попробовал это, чтобы создать анимацию:
(function($) {
TweenMax.set(".astar", {
x:function(i) {
return i * 50;
}
});
TweenMax.to(".astar", 5, {
ease:...
366 просмотров
schedule
23.03.2024
Масштабирование SVG без изменения путей
Я ищу некоторые указатели на масштабирование контейнеров SVG, не затрагивая пути внутри. Я работаю с Greensock.js и хотел бы, чтобы контейнеры SVG масштабировались с шириной самих букв (без изменения соотношения сторон путей внутри). Конечная цель...
88 просмотров
schedule
16.11.2022
Проблема с переключением анимации GSAP в наблюдателе, который наблюдает за состоянием vuex.
Я пытаюсь переключить анимацию встроенного svg, как только изменилось определенное состояние, полученное из хранилища vuex. Для этого я наблюдаю за состоянием с помощью наблюдателя и, в зависимости от состояния, проигрываю анимацию вперед или назад....
95 просмотров
schedule
11.06.2024
