Cocos2d-html5之SkewTo&SkewBy

前端之家收集整理的这篇文章主要介绍了Cocos2d-html5之SkewTo&SkewBy前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Cocos2d-html5测试用版本:2.2.1。

SkewTo:将 cc.Node 对象倾斜到一个特定的角度。

SkewBy:将 cc.Node 对象倾斜一个特定的角度。

使用cc.SkewTo.create(duration,deltaAngleX,deltaAngleY)和cc.SkewBy.create(duration,deltaAngleY)来创建动作。

duration
运动周期,单位为s。
deltaAngleX
水平倾斜角度
deltaAngleY
垂直倾斜角度,如果省略,则取deltaAngleY的值。

请看下列代码

  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,255),this.winSize.width,this.winSize.height);
  16. this.addChild(this.layer);
  17. // 创建动作
  18. var actionTo = cc.SkewTo.create(2,20,20);
  19. var actionBy = cc.SkewBy.create(2,180,360);
  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.SkewBy.create(2,60,60));
  36. }
  37. });

以下是运行结果截图:

猜你在找的Cocos2d-x相关文章