Question

我使用此代码设置纹理图集动画：

    PIXI.loader
        .add('out2', 'assets/out2.png')
        .load(function (loader, resources){
        onRotationsLoaded(loader, resources)
    });

    function onRotationsLoaded(loader, resources) {
      first = new PIXI.extras.AnimatedSprite(setupFrames(resources["out2"].texture.baseTexture));

      app.renderer.plugins.prepare.upload(first, function(){
         console.log("loaded first");
      // ready to go

    });
    }


function setupFrames(name) {
    var frames = [];
    array is an array that stores correct position for each frame of animation
    for (var i = 0; i < array.length; i++) {
        var rect = new PIXI.Rectangle(array[i].frame.x, array[i].frame.y, array[i].frame.w, array[i].frame.h);
        frames.push(new PIXI.Texture(name, rect));
    }
    return frames;
}

我想在点击事件或其他事件中更改AnimatedSprite first的纹理。需要从服务器获取新纹理（我不想在开始时加载它，因为它们太多了）。我可以销毁first并创建second AnimatedSprite，但有没有办法只改变它的纹理图集图像？

Answer 1

我只是说替换AnimatedSprite._textures会起作用。

first.textures = setupFrames('secondOne');

如果新纹理与前一个纹理具有不同的帧数，您可能希望在替换纹理后立即调用AnimatedSprite.prototype.gotoAndPlay(frame)以重置当前帧。

改变Pixi的AnimatedSprite的纹理

1 个答案: