Re: [csswg-drafts] [web-animations] proposal idea: animating non-element JS objects, `ObjectKeyframeEffect` and `Animator` API, or similar (#9974)

This sounds like Custom Effects indeed:

```js
const someObject = {
  position: {x: 0, y: 0, z: 0}
}

const animation = new Animation();
animation.effect = new CustomEffect((progress) => {
 someObject.position.x = 200 * progress;
}, 3000);

animation.play();
```

Could maybe be more ergonomic or could use a helper function to allow authors to be more direct and let them pass in something like `{ someObject.position: [{x: 0}, {x: 200}] }`.

> ([#](https://github.com/w3c/csswg-drafts/issues/9974#issuecomment-1951515699)) I believe WebKit started implementing something like custom effects at one point.

Available in Safari behind a feature flag.

-- 
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9974#issuecomment-1951985242 using your GitHub account


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

Received on Monday, 19 February 2024 09:00:40 UTC