PIXI JS电影剪辑和加载资产

时间:2016-08-19 18:03:26

标签: movieclip pixi.js

要在PIXI.js中执行影片剪辑,您是否需要拥有JSON文件?是否可以将JSON放在同一个文件中,特别是如果影片剪辑只有几帧并加载图像就像加载所有其他精灵一样。

他们拥有影片剪辑的唯一例子是臃肿的战斗机示例。这种方法可行吗?由于MovieClip扩展了Sprite。我希望实现这一目标,因为我有多个图像具有完全相同的帧信息,我不想复制它们。

$(document).ready(function() {
    PIXI.loader
        .add('point', rootUrl + "images/games/faction/base_point_sprite.png")
        .load(start);
});

functions start() {

}

1 个答案:

答案 0 :(得分:0)

  

你需要有一个JSON文件吗?

没有。 MovieClip只需要一个纹理数组。这些纹理可以来自JSON文件,也可以来自单独的图像。

  

是否可以将JSON放在同一个文件中?

不确定你的意思,但通常在Sprite表中加载时,你会有一个png图像加上与之对应的JSON文件。

这是一个MovieClip示例,它使用4个单独的图像而不是JSON文件:

var imgs = ["image01.png","image02.png","image03.png","image04.png"];
var textures = [];

for (var i=0; i < 4; i++)
{
     textures.push(PIXI.Texture.fromImage(imgs[i]));
};

var mc = new PIXI.MovieClip(textures);