纹理缓存
因为 Pixi 是使用 WebGL 在 GPU 上渲染图片,所以图片需要转成 GPU 能够处理的类型,即 texture
。要让精灵显示一张图片,你需要转换原始图片为 WebGL 的纹理类型。为了保证性能和速度,渲染引擎使用纹理缓存(TextureCache
)来存储所有精灵所需要的纹理。这些纹理的名字就是引用的图片链接。所以,如果一个纹理已经通过相对链接 'images/ant.png'
加载,你就可以在纹理缓存里找到它:
var antTexture = Tiny.TextureCache['images/ant.png'];
纹理会以 WebGL 支持的格式存储起来,并有效的被渲染出来,你可以用这个纹理通过 Tiny.Sprite
类来创建一个精灵:
var antSprite = new Tiny.Sprite(antTexture);