How can I add animation dynamically (with code)?

commention · July 18, 2020, 9:44am

Hello,

I would like to add animation asset to animation component dynamically, but I couldn’t way to add new animations to it.

https://developer.playcanvas.com/en/api/pc.AnimationComponent.html

playcanvas/engine/blob/e059a45c8a4d8d7667575d557eaa3cfca9fd44b3/src/framework/components/animation/component.js#L353




    if (!data.currAnim && data.activate && data.enabled && this.entity.enabled) {

        for (var animName in data.animations) {

            // Set the first loaded animation as the current

            this.play(animName, 0);

            break;

        }

    }

},



onSetAssets: function (name, oldValue, newValue) {

    if (oldValue && oldValue.length) {

        for (var i = 0; i < oldValue.length; i++) {

            // unsubscribe from change event for old assets

            if (oldValue[i]) {

                var asset = this.system.app.assets.get(oldValue[i]);

                if (asset) {

                    asset.off('change', this.onAssetChanged, this);

                    asset.off('remove', this.onAssetRemoved, this);



                    var animName = this.animationsIndex[asset.id];

I tried to modify assets array and trigger some events but, that didn’t work. Is there any way to do that?

Best regards

commention · July 18, 2020, 9:48am

Okay, I just figured out how to do it.

As far as I understand it doesn’t catch the push event, but directly setting it works.

var animations = entity.animation.assets;
animations.push(animationId);

entity.animation.assets = animations;

Leonidas · July 18, 2020, 9:49am

Hi @commention,

Yes, nice fine, thanks for sharing your solution.

You need to set a reference to the changed array, not push directly to it. That’s how the property getter/setter will act on the change.