精灵位置

在最早的示例里那个猫的精灵被放在了舞台的左上角。它的x和y坐标都是0。你可以通过改变它的x和y坐标的值来改变他们的位置。下面的例子就是你通过设置x和y为96坐标让它在舞台上居中。

  1. cat.x = 96;cat.y = 96;

setup方法。

  1. function setup() {  //Create the `cat` sprite  let cat = new Sprite(resources["images/cat.png"].texture);  //Change the sprite's position  cat.x = 96;  cat.y = 96;  //Add the cat to the stage so you can see it  app.stage.addChild(cat);}

Sprite是 PIXI.Sprite的别名，TextureCache是PIXI.utils.TextureCache的别名，resources是PIXI.loader.resources的别名，我从现在开始在代码中使用这些别名。） 这两行代码将把猫往右移动96像素，往下移动96像素。 x 和 y 坐标点。为了让他向右移动，增加x这个属性的值，为了让他向下移动，就增加y属性的值。如果这只猫的x属性为0，他就呆在舞台的最左边，如果他的y属性为0，他就呆在舞台的最上边。 x和y:

  1. sprite.position.set(x, y)