Cocos2d-html5之ScaleTo&ScaleBy

Cocos2d-html5测试用版本:2.2.1。

ScaleTo:将 cc.Node 对象缩放到某一比例。

ScaleBy:将 cc.Node 对象缩放某一比例。

使用cc.ScaleTo.create(duration, sx, sy)和cc.ScaleBy.create(duration, sx, sy)来创建动作。

duration
运动周期,单位为s。
sx
水平缩放比例
sy
垂直缩放比例,如果省略,则取sx的值。

请看下列代码:

  1. var GameScene = cc.Scene.extend({
  2. enemy1: null, // 敌人1
  3. enemy2: null, // 敌人2
  4. enemy3:null, // 敌人3
  5. layer: null, // 布景
  6. winSize: null, // 游戏运行窗口尺寸
  7. onEnter: function () {
  8. this._super();
  9. this.initData();
  10. },
  11. initData: function () {
  12. // 获取尺寸
  13. this.winSize = cc.Director.getInstance().getWinSize();
  14. // 添加布景
  15. this.layer = cc.LayerColor.create(cc.c4(200, 200, 200, 255), this.winSize.width, this.winSize.height);
  16. this.addChild(this.layer);
  17. // 创建动作
  18. var actionTo = cc.ScaleTo.create(2, 1.5, 3);
  19. var actionBy = cc.ScaleBy.create(2, 4, 4);
  20. var actionByBack = actionBy.reverse();
  21. // 添加敌人1
  22. this.enemy1 = cc.Sprite.create(s_enemy_1);
  23. this.enemy1.setPosition(cc.p(300, 300));
  24. this.layer.addChild(this.enemy1);
  25. this.enemy1.runAction(actionTo);
  26. // 添加敌人2
  27. this.enemy2 = cc.Sprite.create(s_enemy_2);
  28. this.enemy2.setPosition(cc.p(100, 100));
  29. this.layer.addChild(this.enemy2);
  30. this.enemy2.runAction(cc.Sequence.create(actionBy, actionByBack));
  31. // 添加敌人3
  32. this.enemy3 = cc.Sprite.create(s_enemy_3);
  33. this.enemy3.setPosition(cc.p(200, 200));
  34. this.layer.addChild(this.enemy3);
  35. this.enemy3.runAction(cc.ScaleBy.create(2, 0.5, 2));
  36. }
  37. });

以下是运行结果截图:

Cocos2d-html5之ScaleToScaleBy - 鬼眼邪神 - 鬼眼邪神
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值