2

这是一个使用 cocos2d-html5 的网页游戏。

我有一个游戏层，我想在里面处理鼠标悬停事件：

var GameLayer = cc.Layer.extend({
    init:function () {
        // ......
        this.curPosition = null;
        if( 'mouse' in sys.capabilities ) {
            //this.setMouseEnabled(true);
            this.mouseCaptured = false;
            canvas = document.getElementById('gameCanvas');
            canvas.addEventListener('mousemove', function(evt) {
                var rect = document.getElementById('gameCanvas').getBoundingClientRect();
                var curPos = new cc.Point();
                curPos.x = evt.clientX - rect.left;
                curPos.y = evt.clientY - rect.top; 

                // the problem is here,  this is wrong since "this" stands for canvas here
                this.curPosition = curPos
                // also wrong
                this.updatePosition(curPos);
            }, false);
        }
        // ......
    },
    updatePosition:function (position) {
        this.currentPosition = position;
        // ......
    }
});

var HelloWorldScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new GameLayer();
        layer.init();
        this.addChild(layer);
    }
});

我想要的只是在侦听器中调用函数或设置类变量。

希望有大神指点一下，谢谢：）

4

2 回答 2

1

您可以使用

init:function () {
    var self=this;
    //......

然后你可以调用监听器内部的类函数

canvas.addEventListener('mousemove', function(evt) {
            self.updatePosition(1);
            // ....
于 2013-08-06T13:30:29.480 回答
0

Cocos2d-html5 确实支持鼠标悬停事件。您需要在 init 函数中添加它

if( 'mouse' in sys.capabilities ) {
    this.setMouseEnabled(true);
}

然后将 onMouseMoved 委托函数添加到您的图层。

onMouseMoved: function(event) {
    var pos = event.getLocation();
    console.log("onMouseMoved at: " + pos.x + " " + pos.y );
}

要查看事件委托系统是如何工作的：http ://cocos2d-x.org/npm/cctouch/index.html

于 2014-01-28T02:10:45.840 回答