Animate resolver

[BlackRam-oss]

Hi, I'm modifying the "animate" function in motion to create a usable copy for pixijs.

I'd like to modify animate so that if a string is passed, that string is used to retrieve a pixijs element. Is there a parameter to "animate" that can be used for this purpose?

For example:

import { animate } from "motion";

animate("my_component_alias", {},
    {
        resolver: (alias) => {
            return PixiJS.app.find(alias);
        },
    }
);

(better) or another way to edit the associated items. This way I could also create functionality to dissociate an element from the animation

import { animate } from "motion";

animate(["item1", "ite2", "item3"], {},
    {
        getElements: (items) => 
            items.map((i) => PixiJS.app.find(i)),
    }
);

[BlackRam-oss]

Hi @mattgperry, I don't want to push it, but this feature is the last thing I need to complete what I'm developing.

I don't know if something like this already exists, but if not, I could contribute to its development.

[mattgperry]

Hey @BlackRam-oss - nothing like that currently exists but wouldn’t it be easier just to pass the output of Pixi.find to animate?

[BlackRam-oss]

No, the big problem is that the "inheritance factor" is very useful in the engine I'm developing (it's present in almost all engines of the same type).

By "inheritance factor" I mean: if a component is added in PixiJS with an already existing id it will replace the already existing element and inherit its features and animations.

---

A possible solution would be to pass a function as a parameter as the element to be modified:

import { animate } from "motion";

animate(() =>{
    return [item1, ite2, item3]
}, {});

[mattgperry]

So essentially you want this to resolve every frame? I’m almost certainly not going to implement something like that - it’d be a big change based on the current architecture. What you could look into perhaps is animating a Proxy that passes on the latest values to the latest resolved Pixi element?

[BlackRam-oss]

I've never used it, I'll read the documentation and do some tests thanks

[BlackRam-oss]

@mattgperry Thank you, the proxy works. Now I just need to figure out how to export the current state of an animation in json and then restore it at a later time.