Popmotion is a javascript library that helps create fluid and complex animations.
Questions tagged [popmotion]
24 questions
0
votes
1 answer
Uncaught type error when I am using npm install popmotion(it is used for animation )
No error was there when I used external js file link of popmotion provided by them but when I tried using parcel error occurred . After installing parcel I did npm install popmotion then I created localhost link but it didn't worked. There was an…
Pushpang
- 1
0
votes
1 answer
How can i pass a .js file into .ejs and node
I want to be able to load a library called popmotion into my main page which is in an .ejs file being passed to node/express, currently the code in my file popmotion.js doesnt run, i want to be able to control dom elements mentioned in ejs file…
Legionnaire
- 60
- 1
- 8
0
votes
0 answers
Is Popmotion compatible with WordPress?
Not sure if the popmotion still exits or maintained.
Whether it is working for anyone? In their website, it seems to work but not in codepen?
https://codepen.io/popmotion/pen/Kyewbv?editors=0010
const { styler, decay, listen, pointer, value } =…
user3697484
0
votes
0 answers
Weird antialias artefacting with react native on nested posed components
I am creating a component that animates a group of buttons in an elastic staggered way using react-native-pose. The buttons them selves use pose to animate the pressed state. I have almost got it looking how I want it although I'm not sure I'm doing…
juliusbangert
- 627
- 1
- 6
- 17
0
votes
0 answers
Remove "Elastic" effect in Popmotion Pose
I try to do a simple x and opacity transition with Popmotion Pose for React, but i dont know how to remove the default "elastic" (bounce?) effect.
enter: {
opacity: 1,
x: 0,
delay: 200,
transition: {
default: {…
AlexDemzz
- 243
- 2
- 18
0
votes
0 answers
Popmotion: Bounce Effect
As seen below, I tried to create a bounce effect at the end of another animation, in Popmotion.
I was not sure how to go about it, so I tried to reverse the velocity once it hit a certain threshold.
The results are sporadic and does not always…
Magnus
- 6,791
- 8
- 53
- 84
0
votes
1 answer
Spinable turn dial: Calculate angle between two vectors, moving the reference line each time
I have made the below spin dial, using popmotion.
const {
listen,
styler,
pointer,
value,
transform,
spring,
inertia,
calc
} = window.popmotion;
const { pipe } = transform;
const dial =…
Magnus
- 6,791
- 8
- 53
- 84
0
votes
1 answer
Retrieve value from an arrow function (popmotion's pointer X position)
I need to store the pointer X position in a variable.
According popmotion documentation (See link here) the following would do the trick:
import { pointer } from 'popmotion';
pointer().start(({ x }) => console.log(x));
in fact, by using the code…
contepql
- 3
- 4
0
votes
1 answer
How to achieve an animated tick mark with react-pose?
I would like to recreate the pose svg line animation of a tick/check mark located here, but as a react component with react-pose. I am unsure how to accomplish this? There aren't many full examples online using animated svg paths, and was hoping…
Megan
- 1,000
- 1
- 14
- 44