PIXI Sprite的定位,尺寸和旋转-PIXI文档翻译(2)

[b]1、定位Sprite[/b]
现在你知道如何创建和显示精灵,让我们了解如何定位和调整它们的大小。

在前面的例子中,猫精灵添加到舞台的左上角。该猫的x位置为0,y位置为0.您可以通过更改其值x和y属性的值来更改猫的位置。这里是如何通过将猫x和y属性值设置为96,使猫在舞台中央。


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

setup 在创建精灵后,在函数的任何位置添加这两行代码。


function setup() {

//Create the `cat` sprite
var 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
stage.addChild(cat);

//Render the stage
renderer.render(stage);
}


(注意:在这个例子中, Sprite是一个别名for PIXI.Sprite,TextureCache是一个别名for PIXI.utils.TextureCache,并且resources是一个别名, PIXI
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值