精灵在pixi闪烁中添加0,0坐标一秒钟

时间:2015-03-01 18:33:33

标签: sprite flicker pixi.js

我正在使用pandajs框架,所以当我向容器添加一个sprite时,容器已经被添加到stage之前,sprite在0,0坐标处闪烁一秒,然后将自己重新定位到它应该具有的位置

var sprite = new game.Sprite("fly_ladybird");
sprite.rotation = Math.PI;
sprite.pivot.y = sprite.height;
sprite.pivot.x = sprite.width;
this.grid.addChild(sprite);
sprite.position.set(x - sprite.width / 2, y - sprite.height / 2);

任何人都可以建议我做错了什么或者我该如何解决?

1 个答案:

答案 0 :(得分:0)

首先,在定位之前,你要在舞台上添加精灵。

sprite.position.set(x - sprite.width / 2, y - sprite.height / 2);
this.grid.addChild(sprite);

这意味着精灵将被添加到默认位置(0,0)。但是,如果您在循环中执行此操作,则可能就是这种情况。然后你会看到闪烁的效果。因为精灵会将自己定位到默认位置,然后移动到您希望它位于第一位置的位置。但是,在新的位置上你不会注意到它,因为已经存在具有相同纹理的精灵。