PIXI 分组 Sprite-PIXI文档翻译(5)

1、分组sprite
组可以创建游戏场景，并将类似的精灵一起管理为单个单元。Pixi有一个对象称为a Container ，让你这样做。让我们来看看它是如何工作的。

想象一下，你想显示三个精灵：猫，刺猬和老虎。创建它们，并设置他们的位置 - 但不要将它们添加到舞台上。

//The cat
var cat = new Sprite(id["cat.png"]);
cat.position.set(16, 16);

//The hedgehog
var hedgehog = new Sprite(id["hedgehog.png"]);
hedgehog.position.set(32, 32);

//The tiger
var tiger = new Sprite(id["tiger.png"]);
tiger.position.set(64, 64);

接下来，创建一个animals容器，将它们全部组合在一起，如下所示：

var animals = new Container();

然后使用addChild对精灵添加到该组。

animals.addChild(cat);
animals.addChild(hedgehog);
animals.addChild(tiger);

最后将组添加到舞台。

stage.addChild(animals);
renderer.render(stage);

（你知道，stage对象也是一个Container。它是所有Pixi sprites的根容器。）
这里是这段代码产生：

[img]http://dl2.iteye.com/upload/attachment/0123/3415/2b6d2c10-77ff-3c35-9c2a-6b4831be4110.png[/img]

在该图像中看不到animals的是包含精灵的不可见组。

[img]http://dl2.iteye.com/upload/attachment/0123/3417/bef4f033-f5f2-3e77-8f5b-8d8f746bbc6e.png[/img]

您现在可以将animals组视为一个单元。你可以认为a Container是一种没有纹理的特殊类型的