因为Pixi用WebGL和GPU去渲染图像,所以图像需要转化成GPU可以处理的版本。可以被GPU处理的图像被称作 纹理 。在你让精灵显示图片之前,需要将普通的图片转化成WebGL纹理。为了让所有工作执行的快速有效率,Pixi使用 纹理缓存 来存储和引用所有你的精灵需要的纹理。纹理的名称字符串就是图像的地址。这意味着如果你有从加载的图像,你可以在纹理缓存中这样找到他:
纹理被以WEBGL兼容的格式存储起来,它可以使Pixi的渲染有效率的进行。你现在可以使用Pixi的精灵
类来创建一个新的精灵,让它使用纹理。
let sprite = new PIXI.Sprite(texture);
Pixi强大的loader
对象可以加载任何你需要种类的图像资源。这里展示了怎么加载一个图像并在加载完成时用一个叫做setup
的方法来使用它。
如果你使用了Loader,你就应该创建一个精灵来连接的resources
对象,像下面这样:
let sprite = new PIXI.Sprite(
);
这是这个教程之中用来家在图像和创建精灵的通用方法。
你可以链式调用add
方法来加载一系列图像,像下面这样:
.add("images/imageTwo.png")
.add("images/imageThree.png")
这个loader
也允许你使用JSON文件,关于JSON文件你应该已经在前面学过了。