I use the following code
var MainMenuLayer = cc.LayerColor.extend({
*gameLogo: null,
>*pressX: null,
_menu: null,
>
initWithColor:function (color) {
if(!this._super(color))
{
cc.log(“MainMenuLayer’s init() called failed.”);
return false;
}
>
var winSize = cc.Director.getInstance().getWinSize();
>
// game logo
this.*gameLogo = cc.Sprite.create;
this.*gameLogo.setPosition(cc.p(winSize.width/2, winSize.height/2));
this.*gameLogo.setScale;
this.addChild;
>
// label to start the game
this.*pressX = cc.MenuItemFont.create(“Press X to play”, this, this.*playTheGame);
this.*pressX.setColor(cc.c4b(255,255,255,255));
this.*pressX.setFontSizeObj;
this.*pressX.setPosition(cc.p(-this.*pressX.getContentSize.width/2 - 15, -winSize.height/3.4));
this.*pressX.setFontNameObj(“AtariClassic”);
this.*menu = cc.Menu.create;
this.*menu.setPosition(cc.p(winSize.width/2, winSize.height/2));
this.addChild(this.*menu);
this.setTouchEnabled;
return true;
},
>*playTheGame:function (sender) {
global.log(“test”);
},
});
>
var MainMenuScene = cc.Scene.extend({
onEnter:function() {
var layer = new MainMenuLayer();
layer.initWithColor(cc.c4b(0,0,0,0));
this.addChild(layer);
}
});
Please note that “AtariClassic” is custom .ttf font I use. It shows things up perfectly, and the position on screen is correct.
However when I try to click on the “Press X to play” or that MenuItemFont, it doesn’t print out any “test” message on console.
Any clues or help would be appreciated.