Cocos2d-html5之MoveTo&MoveBy

本文测试所用Cocos2d-html5版本：2.2.1。

MoveTo：移动到某个位置，是绝对距离。

MoveBy：移动一段距离，是相对距离。

使用cc.MoveTo.create(duration, deltaPosition)和cc.MoveBy.create(duration, deltaPosition)来创建动作。

duration

运动周期，单位为s。

deltaPosition

坐标点，使用cc.p(x, y)或者new cc.Point(x, y)

请看下列代码：

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 () {
13. // 获取尺寸
14. this.winSize = cc.Director.getInstance().getWinSize();
16. // 添加布景
17. this.layer = cc.LayerColor.create(cc.c4(200, 200, 200, 255), this.winSize.width, this.winSize.height);
18. this.addChild(this.layer);
20. // 创建动作
21. var actionTo = cc.MoveTo.create(2, cc.p(this.winSize.width - 40, this.winSize.height - 40));
22. var actionBy = cc.MoveBy.create(2, cc.p(40, 40));
23. var actionByBack = actionBy.reverse();
25. // 添加敌人1
26. this.enemy1 = cc.Sprite.create(s_enemy_1);
27. this.layer.addChild(this.enemy1);
28. this.enemy1.runAction(actionTo);
30. // 添加敌人2
31. this.enemy2 = cc.Sprite.create(s_enemy_2);
32. this.enemy2.setPosition(cc.p(40, 40));
33. this.layer.addChild(this.enemy2);
34. this.enemy2.runAction(cc.Sequence.create(actionBy, actionByBack));
36. // 添加敌人3
37. this.enemy3 = cc.Sprite.create(s_enemy_3);
38. this.enemy3.setPosition(cc.p(80, 80));
39. this.layer.addChild(this.enemy3);
40. this.enemy3.runAction(cc.MoveBy.create(2, cc.p(100, 0)));
41. }
42. });

以下是运行结果截图：