Pixi 精灵
现在你就有了一个画布,可以开始往上面放图像了。所有你想在画布上显示的东西必须被加进一个被称作 舞台
的Pixi对象中。你能够像这样使用舞台对象:
app.stage
这个舞台
是一个Pixi 容器
对象。你能把它理解成一种将放进去的东西分组并存储的空箱子。 舞台
对象是在你的场景中所有可见对象的根容器。所有你放进去的东西都会被渲染到canvas中。现在舞台
是空的,但是很快我们就会放进去一点东西。 (你可以从这了解关于Pixi容器
对象的更多信息here).
(重要信息:因为舞台
是一个Pixi容器
对象,所以他有很多其他容器
对象都有的属性和方法。但是,尽管舞台拥有width
和 height
属性, 他们都不能查看画布窗口的大小 。舞台的width
和 height
属性仅仅告诉了你你放进去的东西占用的大小 - 更多的信息在前面!)
所以你可以放些什么到舞台上呢?那就是被称作 精灵 的特殊图像对象。精灵是你能用代码控制图像的基础。你能够控制他们的位置,大小,和许多其他有用的属性来产生交互和动画。学习怎样创建和控制精灵是学习Pixi最重要的部分。如果你知道怎么创建精灵和把他们添加进舞台,离做出一个游戏就仅仅剩下一步之遥!
Pixi拥有一个精灵
类来创建游戏精灵。有三种主要的方法来创建它:
- 用一个单图像文件创建。
- 用一个 雪碧图 来创建。雪碧图是一个放入了你游戏所需的所有图像的大图。
- 从一个纹理贴图集中创建。(纹理贴图集就是用JSON定义了图像大小和位置的雪碧图)
你将要学习这三种方式,但是在开始之前,你得弄明白图片怎么用Pixi显示。