Cocos2d-x《雷电大战》(2)-精灵随手指移动，你点哪我走哪！

概述请参见原作者实现 Cocos2d-x《雷电大战》(2)-精灵随手指移动，你点哪我走哪！ 作者想实现的功能是有个飞机,可以接受触控事件,让飞机跟着手指走 1.资源 var res = {//... AIRPLAN:'res/air1.png',//... }; 2.添加新的层至HelloScene var HelloWorldScene = cc.Scene.extend({ on

请参见原作者实现

Cocos2d-x《雷电大战》(2)-精灵随手指移动，你点哪我走哪！

作者想实现的功能是有个飞机,可以接受触控事件,让飞机跟着手指走

1.资源

var res = {//...  AIRPLAN:'res/air1.png',//...  };

2.添加新的层至HelloScene

var HelloWorldScene = cc.Scene.extend({  onEnter:function () {//....    //可以飞了    var airLayer=new Airplane();    this.addChild(airLayer,300);//....  }});

3 project.Json中添加新的脚本引用

 "JsList" : [        "src/resource.Js","src/airplane.Js",//我们新的文件        "src/app.Js"    ]

4现在我们可以在src/airplane.Js中实现Airplane了

var Airplane = cc.Sprite.extend({    ctor:function (){      var me=this;      var size=cc.winSize;      me._super(res.AIRPLAN)      me.setposition(size.wIDth/2,size.height/2);      cc.eventManager.addListener(cc.EventListener.create({        event: cc.EventListener.touch_ONE_BY_ONE,swallowtouches: true,ontouchBegan: me.ontouchBegan.bind(me),ontouchmoved: me.ontouchmoved.bind(me),ontouchended: me.ontouchended.bind(me),}),me);      return true;    },ontouchBegan:function(touch,e){      var me=this;      var size=me.getContentSize();      var rect = cc.rect(0,size.wIDth,size.height);      var point = me.convertToNodeSpace(touch.getLocation());      if(cc.rectContainsPoint(rect,point)){        me.started=true;        return true;      }      return false;    },ontouchmoved:function(touch,e){      var me=this;      var size=me.getContentSize();      if(!!me.started){        var delta = touch.getDelta();        var x=me.x + delta.x;        var y=me.y + delta.y;        if(x <= size.wIDth / 2  ){          x = size.wIDth / 2;        }else if(x > cc.winSize.wIDth - size.wIDth /2 ){          x = cc.winSize.wIDth - size.wIDth /2;        }        if(y < size.height / 2){          y = size.height/2;        }else if(y > cc.winSize.height - size.height / 2){          y = cc.winSize.height - size.height / 2        }        me.x=x;        me.y=y;      }    },ontouchended:function(t,e){      this.started=false;    }});

总结

以上是内存溢出为你收集整理的Cocos2d-x《雷电大战》(2)-精灵随手指移动，你点哪我走哪！全部内容，希望文章能够帮你解决Cocos2d-x《雷电大战》(2)-精灵随手指移动，你点哪我走哪！所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。