cocos2d-x触摸事件处理的javascript开发出现getTouchDispatcher is not a function

来源：互联网发布：手机淘宝怎么扫码编辑：程序博客网时间：2024/04/29 21:25

转载出处： cocos2d-x的javascript开发出现 TypeError: ... getTouchDispatcher is not a function

使用国内开源跨平台游戏引擎cocos2d-x 2.1.4做游戏开发的时候，需要作一个方向盘，触摸某个方向，player就往哪个方向移动，自己采用sprite加载一张图片做为这个方向盘，在做sprite的触摸事件的时候报错：

TypeError: cc.Director.getInstance(...).getTouchDispatcher is not a function

关键代码是模仿cocos2d-x sdk中的demo来写的，网上搜了搜，方向这样的问题并不多，最后在cocos2d-x官网论坛上找到答案（http://www.cocos2d-x.org/boards/20/topics/24687?r=28076）

最后将自己写的一个具有触摸事件sprite贴出来供大家参考。

/** * Created with JetBrains WebStorm. * User: admin * Date: 13-8-19 * Time: 下午9:55 * To change this template use File | Settings | File Templates. *//** * 控制tank移动的方向盘 * @type {*} */var TouchControl = cc.Sprite.extend({    master:null,    _rect:null,    ctor:function(master) {    this._super();    this.master = master;    this.initWithTexture(cc.TextureCache.getInstance().addImage(res_touch_control_img));    },    initWithTexture:function (aTexture) {       this._super(aTexture)       if (aTexture instanceof cc.Texture2D) {           var s = aTexture.getContentSize();           this._rect = cc.rect(0, 0, s.width, s.height);        }        else if ((aTexture instanceof HTMLImageElement) || (aTexture instanceof HTMLCanvasElement)) {            this._rect = cc.rect(0, 0, aTexture.width, aTexture.height);        }        return true;    },    onTouchEnded:function (touch, event) {        cc.log('touch end');    },    onTouchMoved:function (touch, event) {        cc.log('touch move');    },    onTouchBegan:function (touch, event) {        var pos = touch.getLocation();        if (!this.containsTouchLocation(touch)) {            return false;        }        return true;    },    onTouchCancelled:function(touch, event) {        cc.log('touch cancel');    },         touchDelegateRetain:function () {    },    touchDelegateRelease:function () {    },    onEnter:function () {        //cc.Director.getInstance().getTouchDispatcher().addStandardDelegate(this, 0);        cc.registerTargettedDelegate(0, true, this); // 使用这个代替        this._super();    },    onExit:function () {    //cc.Director.getInstance().getTouchDispatcher().removeDelegate(this);    cc.unregisterTouchDelegate(this); // 使用这个代替    this._super();    },    containsTouchLocation:function (touch) {        cc.log('TouchControl - containsTouchLocation');        var getPoint = touch.getLocation();        var myRect = cc.rect(-this._rect.width / 2, -this._rect.height / 2, this._rect.width, this._rect.height);        myRect.x += this.getPosition().x;        myRect.y += this.getPosition().y;        return cc.rectContainsPoint(myRect, getPoint);//this.convertTouchToNodeSpaceAR(touch));    }});

onTouchBegan方法是重写sprite中的方法，需要范围true, false，用来告知是否是一个合法的触摸操作。

onTouchEnded方法处理触摸之后进行的操作。

onTouchMoved方法处理触摸移动的操作

onTouchCancelled方法处理触摸取消的操作，一般将资源，显示等归位。

onEnter和onExit方法中是注册触摸监听器，注释掉的是之前我写的，不可用，换成下面的就可以了。

Enjoy~

0 0