Cocos2d-html5之SkewTo&SkewBy
来源:互联网 发布:淘宝复制别人的宝贝 编辑:程序博客网 时间:2024/05/06 13:59
Cocos2d-html5测试用版本:2.2.1。
SkewTo:将 cc.Node 对象倾斜到一个特定的角度。
SkewBy:将 cc.Node 对象倾斜一个特定的角度。
使用cc.SkewTo.create(duration, deltaAngleX, deltaAngleY)和cc.SkewBy.create(duration, deltaAngleX, deltaAngleY)来创建动作。
- duration
- 运动周期,单位为s。
- deltaAngleX
- 水平倾斜角度
- deltaAngleY
- 垂直倾斜角度,如果省略,则取deltaAngleY的值。
请看下列代码:
- var GameScene = cc.Scene.extend({
- enemy1: null, // 敌人1
- enemy2: null, // 敌人2
- enemy3:null, // 敌人3
- layer: null, // 布景
- winSize: null, // 游戏运行窗口尺寸
- onEnter: function () {
- this._super();
- this.initData();
- },
- initData: function () {
- // 获取尺寸
- this.winSize = cc.Director.getInstance().getWinSize();
- // 添加布景
- this.layer = cc.LayerColor.create(cc.c4(200, 200, 200, 255), this.winSize.width, this.winSize.height);
- this.addChild(this.layer);
- // 创建动作
- var actionTo = cc.SkewTo.create(2, 20, 20);
- var actionBy = cc.SkewBy.create(2, 180, 360);
- var actionByBack = actionBy.reverse();
- // 添加敌人1
- this.enemy1 = cc.Sprite.create(s_enemy_1);
- this.enemy1.setPosition(cc.p(300, 300));
- this.layer.addChild(this.enemy1);
- this.enemy1.runAction(actionTo);
- // 添加敌人2
- this.enemy2 = cc.Sprite.create(s_enemy_2);
- this.enemy2.setPosition(cc.p(100, 100));
- this.layer.addChild(this.enemy2);
- this.enemy2.runAction(cc.Sequence.create(actionBy, actionByBack));
- // 添加敌人3
- this.enemy3 = cc.Sprite.create(s_enemy_3);
- this.enemy3.setPosition(cc.p(200, 200));
- this.layer.addChild(this.enemy3);
- this.enemy3.runAction(cc.SkewBy.create(2, 60, 60));
- }
- });
以下是运行结果截图:
0 0
- Cocos2d-html5之SkewTo&SkewBy
- cocos2d-x实例学习(5)之SkewTo&SkewBy
- cocos2d-x v3.9 关于RotateTo和SkewTo的疑问
- Cocos2d-html5之MoveTo&MoveBy
- Cocos2d-html5之ScaleTo&ScaleBy
- Cocos2d-html5之RotateTo&RotateBy
- Cocos2d-html5之TintTo&TintBy
- cocos2d-html5教程之重要概念
- cocos2d-html5教程之重要概念
- Cocos2d-html5教程之二 |小一
- Cocos2d-html5《王者之剑》实现 (1)
- cocos2d-html5 -- 打怪升级之路
- cocos2d-html5教程之动画Animation
- cocos2d-html5开发之本地数据存储
- Cocos2d-html5入门之2048游戏
- cocos2d-html5教程之重要概念
- Cocos2d-Html5--打怪升级之路
- cocos2d-html5
- Class.js 源码
- Cocos2d-html5中的坐标系统
- Cocos2d-html5之MoveTo&MoveBy
- Cocos2d-html5之ScaleTo&ScaleBy
- Cocos2d-html5之RotateTo&RotateBy
- Cocos2d-html5之SkewTo&SkewBy
- Cocos2d-html5之TintTo&TintBy
- 猫猫学iOS(四十三)之网易彩票底部自定义TabBar实现切换
- WebApp 的 meta 标签
- 【转载】独行冰海 ~讲述我自己的故事~
- 幸福航空载52人客机在福州冲出跑道 5人受伤
- NGUI控件说明——UIRoot
- NGUI控件说明—— UICamera
- NGUI控件说明——UIWidget