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的值。
请看下列代码:
- 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.ScaleTo.create(2, 1.5, 3);
- var actionBy = cc.ScaleBy.create(2, 4, 4);
- 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.ScaleBy.create(2, 0.5, 2));
- }
- });
以下是运行结果截图:
![Cocos2d-html5之ScaleToScaleBy - 鬼眼邪神 - 鬼眼邪神 Cocos2d-html5之ScaleToScaleBy - 鬼眼邪神 - 鬼眼邪神](http://img2.ph.126.net/nF1piqrtv6CDFBwcLDR5bQ==/1823113424254930400.png)