[css-houdini-drafts] [css-animationworklet] Velocity-only spring use-case (#1025)

mattgperry has just created a new issue for https://github.com/w3c/css-houdini-drafts:

== [css-animationworklet] Velocity-only spring use-case ==
In the AnimationWorklet spec there's a [spring example](https://drafts.css-houdini.org/css-animation-worklet-1/#example-1). It shows an example of an A->B transition being driven by a spring-like curve.

There is a use-case where an animation is played with the same start and end value (`scale: 1`), but we want that value to animate based on a velocity. For instance a like button that bounces up on click. In psuedo-code:

```javascript
const scale = value(1)

spring(value, { to: 1, velocity: 100 })
```

How is this achieved with AnimationWorklet? I'm struggling to see how this is possible.

Please view or discuss this issue at https://github.com/w3c/css-houdini-drafts/issues/1025 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 26 April 2021 11:28:07 UTC