Описание тега popmotion
Popmotion - это библиотека javascript, которая помогает создавать плавные и сложные анимации.
0
ответов
Как мне ссылаться на реквизит из предыдущего компонента. Использование позы для перехода
Я использую Поза вместе с Гэтсби, чтобы сделать переходы страницы. Я хочу установить текущие переходы выхода компонентов и ввод ввода для целевого компонента при нажатии на ссылку, чтобы, если новая страница имела более высокий идентификатор, чем те…
15 окт '18 в 14:46
1
ответ
Анимация ширины и высоты с позой на React Native
Я действительно люблю использовать позу на реагировать на родных, потому что это действительно легко. Но у меня есть небольшие проблемы. Мой вопрос Есть ли способ использовать позу на реагировать родной для создания анимации с шириной, высотой или о…
28 сен '18 в 12:39
0
ответов
Анимация вкладок "Реактивная поза"
https://codesandbox.io/s/944xvwq1p4 Я пытаюсь настроить анимацию карусели при переключении между вкладками. Поэтому первая вкладка => вторая вкладка будет сдвигаться влево, а вторая вкладка => первая вкладка будет сдвигаться вправо Даже основные пе…
29 ноя '18 в 16:30
1
ответ
Пример преобразования Popmotion в GreenSock
Я пытаюсь преобразовать это Popmotion пример для GreenSock, https://codepen.io/popmotion/pen/xVeWmm var SELECTOR = '.box'; var velocityRange = [-1000, 1000]; var maxRotate = 30; var smoothing = 100; var box = ui.select(SELECTOR, { values: { x: 0, y:…
15 фев '16 в 04:29
1
ответ
Как добиться анимированной отметки с помощью ответной позы?
Я хотел бы воссоздать анимацию линии svg позы галочки / галочки, расположенной здесь, но как компонент реагирования с react-pose, Я не уверен, как это сделать? В Интернете не так много полных примеров использования анимированных путей SVG, и мы наде…
03 авг '18 в 04:36
0
ответов
Popmotion: эффект отказов
Как видно ниже, я попытался создать эффект отскока в конце другой анимации в Popmotion. Я не был уверен, как это сделать, поэтому я попытался изменить скорость, как только она достигнет определенного порога. Результаты являются спорадическими и не в…
26 фев '19 в 15:04
1
ответ
Фильтр анимации popmotion для подсчета уникальных номеров
Я пытаюсь использовать анимацию в качестве счетчика, который возвращает только 0-4 в течение продолжительности. Я только хочу, чтобы он возвращал одно и то же число раз. Я использую https://popmotion.io/. Вот что у меня так далеко. import { tween, e…
05 май '18 в 18:17
1
ответ
Анимация реактивной позы мигает на горе
У меня есть следующий код, который должен визуализировать простое затухание анимации для Container компонент через 3 секунды. Тем не менее, компонент мигает полностью видимым, прежде чем исчезнуть. Мой вопрос: почему это происходит, и как я могу ост…
27 фев '19 в 11:53
1
ответ
Отдельная анимация на компоненте React без состояния
Я начал работать с реактивной позой, и у меня возник вопрос, касающийся большинства настроек анимации в React. Казалось бы, вы не можете запустить анимацию на компоненте при первом рендере? Вот почему я задаю вышеуказанные вопросы. Ниже приведен при…
07 май '18 в 15:09
1
ответ
Реактивная поза: вход слева, выход справа
Я пытаюсь реализовать переход входа / выхода для моего div, Но я хочу, чтобы мой div мог войти слева и выйти вправо, поиграв с примером здесь я все никак не могу разобраться. https://popmotion.io/pose/learn/react-exit-enter-transitions/ Как мне это …
12 дек '18 в 10:50
0
ответов
Рендеринг кадров временной шкалы Popmotion или анимации движения
Моя цель - создать анимацию на основе временной шкалы с использованием NodeJS. Я наткнулся на Popmotion и мне понравилось, как он просто возвращает значения и может использоваться в разных контекстах. У меня есть определенное количество кадров и я и…
02 дек '18 в 19:11
0
ответов
Как убрать ошибку "Styler is notfined" в popmotion даже после установки библиотеки?
Я использую библиотеку javascript popmotion в первый раз, и при ее использовании возникает ошибка "не определен стиль". Я уже сделал npm install для popmotion и включил скрипт для его исходных файлов. Если стайлер удален, браузер также показывает ош…
21 июн '18 в 18:58
0
ответов
Реактивно-тестовая библиотека с React Pose
У меня есть приложение React с анимацией с использованием React Pose ( https://popmotion.io/pose/). Это работает нормально, но когда я пишу интеграционный тест для компонента (используя реагирующую библиотеку), он не проходит. Ошибка, которую я полу…
15 фев '19 в 11:08
1
ответ
Цикл и трансформация SVG между двумя путями
Я использую Popmotion, Pose и flubber для трансформации и перехода два paths SVG между изменениями React Route. Это прекрасно работает как import posed from 'react-pose'; import { tween, easing } from 'popmotion'; import { interpolate } from 'flubbe…
20 фев '19 в 23:55
1
ответ
Вращающийся поворотный круг: рассчитайте угол между двумя векторами, каждый раз перемещая опорную линию.
Я сделал приведенный ниже циферблат, используя popmotion. const { listen, styler, pointer, value, transform, spring, inertia, calc } = window.popmotion; const { pipe } = transform; const dial = document.querySelector(".dial"); const dialStyler = sty…
25 фев '19 в 21:30
1
ответ
Получить значение из функции стрелки (позиция X указателя popmotion)
Мне нужно сохранить позицию указателя X в переменной. В соответствии с документацией popmotion ( см. Ссылку здесь) следующее поможет: import { pointer } from 'popmotion'; pointer().start(({ x }) => console.log(x)); на самом деле, используя привед…
16 фев '19 в 22:36
0
ответов
Как непрерывно устанавливать координаты div через реквизит?
У меня есть анимированный компонент, и я хочу установить его координаты в любое время, не только при монтировании div. Я пытался передать функцию x: ({ x }) => x установить х динамически. https://codepen.io/microspace/pen/yWQdXq const Square = po…
31 май '19 в 22:51
0
ответов
Совместим ли Popmotion с WordPress?
Не уверен, что всплывающее окно все еще выходит или поддерживается. Работает ли это у кого-нибудь? На их сайте, кажется, работает, но не в codepen? https://codepen.io/popmotion/pen/Kyewbv?editors=0010 const { styler, decay, listen, pointer, value } …
30 май '19 в 13:40
0
ответов
Анимированные отступы на div при использовании реакции-позы
В своем приложении реагирования я пытаюсь анимировать круглую кнопку, чтобы она стала прямоугольной с полем ввода внутри. Вот код: import React from "react"; import ReactDOM from "react-dom"; import posed from "react-pose"; import { FontAwesomeIcon …
29 май '19 в 09:56
0
ответов
Popmotion Pure - управление скоростью, столкновения и движение по клику
Добрый день всем, я пытался реализовать Popmotion pure в своем дизайне, но у меня проблемы с достижением нескольких вариантов поведения ( см. Здесь codepen): Я перечисляю ниже желаемое поведение в полном объеме, но я чувствую, что все мои вопросы мо…
12 мар '19 в 14:13