#Configure ccmenu how to#
#Configure ccmenu code#
#Configure ccmenu download#

Let’s give this a shot! First add two more member variables to HelloWorldScene.h:Īnd add the following cleanup code in your dealloc method: Luckily, Cocos2D comes with a special menu item class called CCMenuItemToggle that makes this easy. This could be used to toggle visibility of a control panel to make the best use of the limited screen real estate on the iPhone. This is a button that has one image on it, until you tap it and it switches to another image. Give it a compile and run, and if all goes well you should see the following:Īnother common type of button you’ll need in an iPhone game is a toggle button. Underneath init add the callback function that will be called when the button is tapped: However, we also specify that the menu item is at offset (60, 60) relative to the center of the menu – so our button’s center is at (60, 60) on the screen. This is actually specifying where the center of the menu is. Note that we create the menu at CGPointZero (a shortcut for 0,0). The last step is to create a menu to contain the button (or buttons). When we create the menu item, we specify a callback function to be called when the button is tapped (we’ll write this in a second). We first create a menu item of class CCMenuItemImage and specify a selected and unselected image for the button. Next is the code where we create the button. This is a handy technique to know, especially when you want to left or right justify text. This way we specify the label size to be as wide as the window, and that the text should be centered. However you’ll notice we’re using a new constructor this time that allows us to specify the dimensions of the label and the alignment. This should look pretty familiar – we did this in the last tutorial. WinSize.height-(_/2)) ĬCMenuItem *starMenuItem = ccp(60, 60) ĬCMenu *starMenu = įirst we create a label for debugging purposes. In the same file (HelloWorldScene.m), replace the init method with the following code:ĬGSize winSize = winSize] ĭimensions:CGSizeMake(320, 50) fontSize:32.0] retain] Then before we forget go to HelloWorldScene.m and add the cleanup code to the dealloc method: Open up HelloWorldScene.h under Classes and add a member variable to the HelloWorld class, we’ll need this in a bit: Once you have the images, drag them into your resources folder and make sure “Copy items into destination group’s folder (if needed)” is checked.

#Configure ccmenu download#

So let’s give it a shot and try to create a simple button the Cocos2D way! Creating A Simple ButtonĬreate a new project in XCode using the cocos2d Application template, and name your project “CCButtons.” Next you need some images of buttons to work with – you can either use your own, or download some button images I have created. Menu items can be either text or images, and the menu system contains logic for arranging menu items, highlighting items when they are tapped, toggling items, and more. The Cocos2D menu system consists of a menu that has a number of menu items inside it. Although this is definitely possible, there’s a much easier way to create buttons in Cocos2D – by using the Cocos2D menu system. When I first started trying to add a button with Cocos2D, I thought the best way to was to just create a sprite representing the button and check for when the button was tapped.

#Configure ccmenu how to#

This Cocos2D buttons tutorial assumes that you’ve already gone through the tutorial on how to create a simple game with Cocos2D, or have equivalent knowledge. This Cocos2D buttons tutorial will show you how to create buttons in Cocos2D step by step, starting with simple buttons and then covering toggle and radio buttons too. It basically creates menu items and then uses them to populate CCMenu menuWithItems.ģ) displaySceneSelection which is called from the displayMainMenu which then takes the user selection and passes it to playScene.When you are making a game in Cocos2D, likely one of the first things you’ll find yourself needing is buttons. There are three methods here that are important:ġ) playScene which basically receives an item and based on the received item it calls CCDirector to play a scene.Ģ) displayMainMenu which uses images as buttons to call a second level menu item. [CCMenuItemLabel itemWithLabel:backButtonLabel = [CCMenu menuWithItems:playScene1, lor=ccc3(000, 000, 000) ĬCMenuItemLabel *playScene2 = ĬCLabelTTF *playScene3Label = lor=ccc3(000, 000, 000) ĬCMenuItemLabel *playScene1 = ĬCLabelTTF *playScene2Label = Id moveEffect = ĬCLabelTTF *playScene1Label = ĬCMenuItemImage *playGameButton = *optionsButton = (void)playScene:(CCMenuItemFont*)itemPassedIn else item. A typical MainMenuScene.m file might look like this: You can create a menu by creating label items or image items and passing them to a CCMenu object.