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

请参见原作者实现

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

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

1.资源

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

var HelloWorldScene = cc.Scene.extend({
  onEnter:function () {

//....


    //可以飞了
    var airLayer=new Airplane();
    this.addChild(airLayer,300);
//....

  }
});

 "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;
    }
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!