Hey people,

I am making a simple game and in my first scene (my main menu scene) I'm trying to fade my menu items in like so:

settings = [MenuItemImage itemFromNormalImage:@"settings.png" selectedImage:@"settings.png" target:self selector:@selector(settingsScene:)];
settings.position = ccp(-130, 210);
settings.rotation = 340;
[settings runAction:[FadeIn actionWithDuration:1.0f]];

I later add the settings object to a menu object.

My problem with this is that when I first launch my app the settings icon displays at full opacity and then it gets to the fade code so the icon disappears and then fades back in. I'd like it to just start with 0 opacity and fade in.

Any answers are welcome =]

- Joe

Hello to everyone!
I'm quite new to Cocos2d, so, please, don't be too strict :)

I need to display a menuitem which has a background, an icon and a text. Both icon and text are defined dynamically, so I cannot prepare an image that contains all the things I need.
To be more concrete, here are two samples of what I would like to get as a result


Tricky thing here for me is how to resize the background image, so that it looks nice with both short and long text.

Could you tell me, please, how can I get what want?

Thank you in advance!

Hey guys, I'm currently toying with an idea of creating a class to handle a sortable menu something akin to the Mac OS X doc. This feature would make my game extremely user-friendly and add to the experience tremendously but right now I'm wondering if the current cocos classes can be extended to perform this function.

I am thinking of using the Menu and MenuItemAtlasSprite classes for this but not too sure if it'll be a problem later on. Anybody have any suggestions? In the mean time I'll go ahead and start writing it out and will probably share the finished code once it's done so other people who need this class can make use of it.

Sorry if I've missed something but from the header files I cannot see that it's possible to create a MenuItem with a background image and text. Am I correct?
I ask because it would be great if I could have a reusable background image for all (or most) of my menu items with a font based text overlay rather than one for each item with different text

So is this possible or would I need to subclass or other?

Thanks

I have a serious problem here, and I think it's Menu class's fault.

In my game on it's layer (which is touch-enabled) I have a couple of menu layers (for restart when you've won or lost)

These menus are getting touches even if they're zOrdered to -1 or set visible = NO or set to some far position, no matter what.

So when you play you could accidentally hit that invisible menu and it would work.

I even went to menu.m code and tried to set if(self.visible) on all the events.
I think the problem is with
[[TouchDispatcher sharedDispatcher] addTargetedDelegate:self priority:INT_MIN+1 swallowsTouches:YES];
In menu.m:176

Please give some advice as to how to disable them for when they're invisible (i.e. game is in progress)

Cocos2d 0.8

Hi all,

I have been playing with Cocos2d for a few days now and gone through as much source/examples/google as I can to try and find out how to have an animated sprite in my menu. I found that whenever an animated sprite was added to a menu via CCMenuItemSprite the animation stopped. The examples show you can animate the CCMenuItemSprite, but I couldn't find anything that showed separate animation for each of the three (normal, selected, disabled) sprites.

This lead me to dig around the source code and I found this is because the three sprites aren't added to the CCMenuItemSprite as children, only as attributes of the class so when the CCNode onEnter function gets called the sprites never tell CCActionManager to resume their actions, hence the paused animations.

Before I go ahead and implement some work around I wanted to know am I going about this the wrong way or is this actually a bug/missing feature?

Any help would be greatly appreciated.

I have a MenuItem button that I want to fire bullets while being held down. Is this possible? If not, how can I accomplish button hold down with ccTouchesBegan? Any help is appreciated. I looked around but could not find anything.

I have a menu with 20 items (from 1 to 20) and each menu item is a "button", all 20 have the same selector now my problem is that I don't know how to figure out which button was pressed using the sender variable. I tried to access the variable "selectedIndex" (which seems to hold the value I want) but I can't seem to be able to.

Anyone has a suggestion?

Hello,

I am a newbie at cocos2d and I am making a basic game to get the hang of how cocos2d works. I ran into a problem with the MenuItems. I need a way to know what menu item was pressed.

For Example:

CCMenuItem *a = [CCMenuItemFont itemFromString:@"A" target:self selector:@selector(check:)];
CCMenuItem *b = [CCMenuItemFont itemFromString:@"B" target:self selector:@selector(check:)];
CCMenuItem *c = [CCMenuItemFont itemFromString:@"C" target:self selector:@selector(check:)];

I need all the menu items to go through check: but I can't figure out a way to figure out what menu item was pressed. I tried working with the sender for check: but it didn't seen to tell me exactly what button was pressed.

If someone could give me some pointers or maybe a better way of doing this I would greatly appreciate it.

Hi All,

The question came up in #cocos2d-iphone about the ability to use a class method as a call back to a CCMenuItem. After some investigation is seems that this is not possible with the current CCMenuItem code, as CCMenuItem's initWithTargetSelector does:

sig = [[rec class] instanceMethodSignatureForSelector:cb];

After some simple testing it seems like modifying it to :

sig = [rec methodSignatureForSelector:cb];

Would allow for both class and instance methods to be used.

Thoughts?

Rick

Is there any way to set custom positions and rotations/angles for MenuItems in the menu?

I've just upgraded to 0.99.5b2 from 0.8.1 and I have a clean build with no warnings or errors. However, when I compile, I get an error on my Main Menu Layer that reads "If CCSprite is being rendered by CCSpriteBatchNode, CCSprite#draw SHOULD NOT be called."

In my previous code, I was doing this:

mgr = [AtlasSpriteManager spriteManagerWithFile:@"mmAtlasSprite.png"];
[self addChild:mgr z:2];

AtlasSprite *newGame = [AtlasSprite spriteWithRect:CGRectMake(1, 116, 128, 22) spriteManager:mgr];
// 14 sprites created this way

[mgr addChild:newGame];

MenuItemAtlasSprite *newGameBtn = [MenuItemAtlasSprite itemFromNormalSprite:newGame selectedSprite:newGameSel target:self  selector:@selector(newGame:)];

Menu *menu = [Menu menuWithItems:newGameBtn, nil];

[self addChild:menu z:2];

And now I have this:

mgr = [CCSpriteBatchNode batchNodeWithFile:@"mmAtlasSprite.png"];
[self addChild:mgr z:2];

CCSprite *newGame = [CCSprite spriteWithBatchNode:mgr rect:CGRectMake(1, 116, 128, 22)];
// 14 sprites created this way

[mgr addChild:newGame];

CCMenuItemSprite *newGameBtn = [CCMenuItemSprite itemFromNormalSprite:newGame  selectedSprite:newGameSel target:self selector:@selector(newGame:)];

CCMenu *menu = [CCMenu menuWithItems:newGameBtn, nil];

[self addChild:menu z:2];

This is obviously not the way to do it anymore, but I don't understand the proper way to create MenuItems from what used to be called AtlasSprites. I understand that what's happening is [draw] is getting called twice on the CCSprite, or rather, the exception is keeping it from calling it twice. I just don't know how to get around it.

I found a little information on the forum on this thread http://www.cocos2d-iphone.org/forum/topic/4933 but rather than modify the source, I'd like to learn how to do it properly.

This thread http://www.cocos2d-iphone.org/forum/topic/8042#post-46846 seems to say it's not possible. That's fine, but how should it be done?

Thanks for any help you can offer.

Is it possible?
I have a menu with 10 items, each item calls a function (should call the same function) with a different string.

so i end up having 10 different functions for example:

CCMenuItemFont * m0 = [CCMenuItemFont itemFromString:@"0" target:self selector:@selector(inf0:)];
CCMenuItemFont * m1 = [CCMenuItemFont itemFromString:@"1" target:self selector:@selector(inf1:)];

-(void)inf1:(id)sender
{
[self callAFunc:@"blaaaaa"];
}

-(void)inf2:(id)sender
{
[self callAFunc:@"blaaaaa2"];
}

is there a way i could set that up so i can just do:

CCMenuItemFont * m0 = [CCMenuItemFont itemFromString:@"0" target:self selector:@selector(inf:???)???];
CCMenuItemFont * m1 = [CCMenuItemFont itemFromString:@"0" target:self selector:@selector(inf:???)???];

-(void)inf:(id)sender data:(NSString *)data
{
[self callAFunc:@"data"];
}

thanks

Hi,
Is there a way of using BMF in menu items? Like CCMenuItemAtlasFont but CCMenuItemBMFont.
Is it implemented or is it easy to implement?

Thank you,

I have a Menu interface that inherits from CCLayer, with two functions: init (overriden from CCLayer) and CreateMenuItem (defined in Menu). When I create a CCMenuItem and add it as a child of CCMenu in the init function, everything works just right. But when I do the same (create a CCMenuItem and add it as a child of CCMenu) in the CreateMenuItem function, the item does not display on the screen. It only works if I call CreateMenuItem from within init, but not if I call it from anywhere else, so it appears that the only way of getting it to work is creating and adding the item within the init function. By the way, this is based on the MenuTest example that comes with Cocos.

This is my code:

@interface Menu : CCLayer
{
	NSMutableDictionary *itemPool;
	CCMenu *menu;
}

- (void) CreateMenuItemWithName:(NSString*)name image:(NSString*)staticImage rollover:(NSString*)rolloverImage selector:(NSString*)function;

@end

@implementation Menu

- (id) init
{
	if ((self = [super init]))
	{
		windowSize = [[CCDirector sharedDirector] winSize];
		itemPool = [[NSMutableDictionary alloc] init];

		CCMenuItem *gift = [CCMenuItemImage itemFromNormalImage:@"UI_button_done01_small_static.png" selectedImage:@"UI_button_done01_small_rollover.png" target:self selector:@selector(giftCallback:)];
		[gift setAnchorPoint:ccp(1, 0)];
		gift.position = ccp(windowSize.width/2 - 55, -windowSize.height/2);

		menu = [CCMenu menuWithItems:nil];
		[menu addChild:gift z:1 tag:1]; ---> Everything's fine, the item is displayed on the screen

		[self addChild:menu];
	}

	return self;
}

- (void) CreateMenuItemWithName:(NSString*)name image:(NSString*)staticImage rollover:(NSString*)rolloverImage selector:(NSString*)function
{
	CCMenuItem *item = [CCMenuItemImage itemFromNormalImage:staticImage selectedImage:rolloverImage target:self selector:NSSelectorFromString(function)];
	[item setAnchorPoint:ccp(0, 0)];
	item.position = ccp(windowSize.width/2 - 110, -windowSize.height/2);

	[itemPool setObject:item forKey:name];

	[menu addChild:item z:1 tag:1]; ---> Although I added the child, it is not displayed on the screen
}

Has anyone had this problem, or knows a way to fix it?

Thanks!

Hello,

Need some help implementing a Checkbox MenuItem, I think the best way to go is somehow mixing a Label for the text and a Sprite for the box in a MenuItem.

Any ideas?, any of you guys have ever do this?

Thanks

Hello everyone,

I was looking to find a way to execute a MenuItem selector through code instead of having to click on the item. Is there a way to go about this?

Thanks in advance.

Hey Guys,

Could someone please tell me why this is not working ?

Sprite *mySprite = [Sprite spriteWithFile:@"button-plain1.png"];
	Label *mySpriteLabel = [Label labelWithString:@"Start Game" fontName:@"Zapfino" fontSize:18]; //creates label for sprite
	[mySpriteLabel setRGB:255 :255 :255]; //sets color of label
	[mySprite addChild: mySpriteLabel z:1]; // adds label to sprite
	CGSize s = [mySpriteLabel contentSize];
	mySpriteLabel.position = cpv(s.width * 0.50, s.height * 0.50); // positions label on sprite (cpv is relative to 0,0 point on parent sprite) 

	MenuItemSprite *item1 = [MenuItemSprite itemFromNormalSprite: mySprite selectedSprite: mySprite  disabledSprite: mySprite target:self selector:@selector(startGame:)];

	Menu *menu = [Menu menuWithItems:item1, nil];
	[menu alignItemsVertically];
	[self addChild: menu z:2];
	menu.position = cpv(320/2,100);

The problem is I see only the button and not the text in it. However if I add mySprite to the Layer, I can see both the button and text on it.

I really appreciate all your help.

Hi everyone!

I am trying to test menus this time and they don't seem to be working. Here is what I am doing: (Remember, this is just a test)

MenuItem *item1 = [MenuItemImage itemFromNormalImage:@"Skull.png" selectedImage:@"Skull.png" target:self selector:@selector(menuCallback1:)];
MenuItem *item2 = [MenuItemImage itemFromNormalImage:@"Skull.png" selectedImage:@"Skull.png" target:self selector:@selector(menuCallback2:)];

Layer *layer = [Layer node];
layer.isTouchEnabled = YES;

Menu *menu = [Menu menuWithItems: item1, item2, nil];
[menu alignItemsHorizontallyWithPadding:10];

[layer addChild:menu];
[scene addChild:layer];

My callbacks simply do the following:

-(void) menuCallback1: (id) sender
{
	NSLog(@"THIS IS CALLBACK 1");
}

I can see the menu perfectly in my scene but when I press any of the items the callback is not called. Any ideas why this might be happening?

Thanks again!

Hello!!

Using cocos2d 0.8.2

I have 3 Items (Play, Intro, Help buttons) and they are all in a sprite sheet. I use AtlasSpriteManager for each.

//List of Buttons
Menu *menu = [Menu menuWithItems: playButtonItem, introButtonItem, helpButtonItem, nil];
[menu alignItemsVertically];

// IMPORTANT
// If you are going to use AtlasSprite as items, you should
// re-position the AtlasSpriteManager AFTER modifying the menu position
menu.position = ccp( (screenSize.width/2), (screenSize.height/2));
playButtonMgr.position = menu.position;
introButtonMgr.position = menu.position;
helpButtonItem.position = menu.position;

It works fine with 2 items. When I add the 3rd item, it sits on top of the second item. I thought it would line them up automatically??

Please let me know what I am missing??

Thanks Again,

Kenny

Hey,

Quick question -- I'm using a MenuItem that is made with a BitmapFontAtlas, and I'm wondering if there's an issue with the way the frame of the Menu Item is being created.

Basically, I have to press at the very bottom few pixels of the menu item for it to register... Ideally, it would check the frame of the entire menu item based on the size of the texture contained within but this doesn't seem to be working right.

Any suggestions in regards to this?

Basic code:


score = [BitmapFontAtlas bitmapFontAtlasWithString:@"start" fntFile:@"myfont.fnt"];
[score.texture setAliasTexParameters];
[score setAnchorPoint:CGPointMake(1, 0)];


This doesn't have to do with the anchorPoint, right?

Also, while I'm at it -- is there a way to use a setColor or something on the highlight stage of the button rather than animating/scaling it?

thanks in advance,
w

Hey,
I have a menu with a couple menuItems, and what I'm trying to do is- when you click on one of the menuItem's, I want to put its normal image into a variable; I had this working in a non-cocos2d version of my app, where I just told it:
mainDelegate.stamp = [sender titleForState:UIControlStateNormal];

I would think it would be the same thing, I just don't know what to write after- stamp = [sender...
I tried [sender normalimage], [sender itemFromNormalImage]...

Is this possible? Any help would be greatly appreciated, this is driving me crazy.
Cheers,
Brian

A MenuItemSprite has three instance variables:

CocosNode<CocosNodeRGBA> *normalImage_, *selectedImage_, *disabledImage_;

I only want to scale this buttonimages, without any labels or other child nodes in the item, but it doesn't work. I tried something like:

[self.normalImage setScaleX:scaleX];

Anyone has an idea? What do I wrong?

ok, So here is the situation:
I have a FoodMenu:Menu class since i need to overwrite the touch functions.

'@property(nonatomic, retain) Texture2D* selected;

-(id) init
{
MenuItemImage* apple = [MenuItemImage itemFromNormalImage:@"food_healthy_apple.png" selectedImage:@"food_healthy_apple.png" target:self selector:@selector(giveapple:)];

self = [[FoodMenu menuWithItems:apple, nil] retain];
[self alignItemsInColumns:[NSNumber numberWithUnsignedInt:3],[NSNumber numberWithUnsignedInt:3], nil];

selected = nil;
worldItem = nil;
world = [World sharedWorld];

return self;
}

-(void) giveapple: (id)sender
{
if(selected)
[selected release];
selected = nil;
selected = [[TextureMgr sharedTextureMgr] addImage:@"food_healthy_apple.png"];
}

-(BOOL)ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event
{
if(self.visible == NO) return NO;
[super ccTouchBegan:touch withEvent:event];
if(!selectedItem)
{
self.visible = NO;
return NO;
}
//[selectedItem activateWithTarget:self];
[selectedItem activate];
return YES;
}'

It seems instead of copy pointer, the invocation create an copy of the actual instance of the target. Ive test it by create a func call activeWithTarget in MenuItem

'-(void) activateWithTarget:(id)target
{
if(isEnabled)
[invocation invokeWithTarget:target];
}'

if I use the function invoke, variable selected will return to nil after giveapple finished since all the change was in another instance.
Things works fine with activateWithTarget.

Is this a bug? Can anyone clarify this for me?

Cheers

I'm using 0.8.1.
Menu's work fine for me, except when placed near the screen edges.
Then they become very difficult to trigger. A direct touch does not
work. You have to like touch the edges, and it's very difficult to
get it to trigger. I create the menu button like this:

MenuItem *btnNext = [MenuItemFont itemFromString:@"Play Next..." target:self selector:@selector(playNext:)];
Menu *btnNextScene = [Menu menuWithItems:btnNext, nil];
btnNextScene.position = ccp( 200, 30);
btnNextScene.visible = NO;
[self addChild:btnNextScene z:5 tag:NEXT_BUTTON];

If I position it at 160,240 it works perfectly.
But if I position it near the bottom of the screen, it does not work.
Help!

In this topic, for the purpose of clarity, the term "TouchBegan" will refer to the event caused by a user either touching a GUI element or depressing the mouse button over a GUI element. The term "TouchEnded" will likewise refer to the user ending the touch or releasing the mouse button.

In most OSs (Windows, OS X, iPhone OS), a button's active or hover state is triggered with TouchBegan, but the button isn't actually activated until it also receives TouchEnded. Also, if the mouse or touch is moved off the button after TouchBegan, but before TouchEnded, the button's hover state is disabled, and the user can safely release the touch without activating either the button initially pressed or any other GUI element (TouchCancelled). Prior to TouchEnded, dragging over any GUI element other than the one originally pressed will do nothing, and no hover state will be triggered. Finally, the user can drag the touch back to the original button, which re-triggers hover, and when TouchEnded is received the button will be activated.

This behavior can be demonstrated in Windows GUI applications, in OS X (such as the System Preferences panel), and on the iPhone by pressing down on the dock icons. On the iPhone, press down on Safari (or another dock icon), and quickly move back and forth between it and an adjacent icon. The Safari hover will be disabled when the touch is dragged off it, and the adjacent icon hover event never triggers. You can safely release the touch while over any other icon without activating it, or drag the touch back to the Safari icon and release to load Safari.

This is the behavior I would like to use in my cocos2d application, but the current Menu system with the various MenuItem classes don't behave this way.

The cocos2d-iphone MenuTest target can be used to demonstrate the current behavior. When you press down on one button, and then drag over adjacent buttons, the hover state of each button you drag over is enabled. When the touch is released, the button under the touch is activated, regardless of whether it was the button initially pressed. I don't know if this behavior is a bug or by design, but I personally would like to see the MenuItems have the behavior described at the top of this post instead.

If this is considered a bug, I'll create a bug report. If not, how should I go about correcting this? I'm very new to cocos2d, Objective-C, and Xcode, but have some experience programming in other C-based languages (C++, C#). I haven't looked at the cocos2d code yet to see how the current system is setup, but at the very least, I assume it would need to keep track of the menu item initially pressed.

EDIT: I'm using cocos2d 0.8.1

I can't seem to find a way to implement something I've been working on... Is there a way to tell if a Menu already contains a MenuItem that is set to selected? For example, I've got a Menu with 12 MenuItemImages. I want to be able to click on one image, and it will be selected (switching to the "selected" image appropriately).

I've got that working fine, but now every button I tap gets selected and remains selected. I'd like to be able to check to see if another item is selected, if so, deselect that one and select the most recent tap. Here's an example of my code:

- (void) init {

// normal layer setup stuff
MenuItemImage *image1 = [MenuItemImage itemFromNormalImage:@"image1.png"
													selectedImage:@"image1_sel.png"
														   target:self
														 selector:@selector(setSelectedImage:)];
MenuItemImage *image2 = [MenuItemImage itemFromNormalImage:@"image2.png"
													selectedImage:@"image1_sel.png"
														   target:self
														 selector:@selector(setSelectedImage:)];
// and so on, for a few more items
Menu *menu = [Menu menuWithItems: image1, image2, [and on and on], nil];

// menu position and alignment, then add child on top of all other layers
}

- (void) setSelectedImage: (id)sender {
[sender selected];
}

Thanks in advance for any help you can offer!

Hi,
I have a question regarding changing the color of a menu item after it is selected. This is my code:

in init:
MenuItem *glob = [MenuItemFont itemFromString:@"Global"
target:self
selector:@selector(global:)];
Menu *menu = [Menu menuWithItems:loc, fr, glob, mn, mail, nil];
globalItem = [glob retain];

(I have left out some code that sets up the other menu items)

Then in the "global" method:
[globalItem setRGB:200 :0 :0];

This changed the color of the menu item global to red. Works fine but it gives a warning. I do this quite a few times and so I have a whole list of warnings that I would like to get rid of. Warning is:
"MenuItem may not respond to setRGB" even though it does

Anyone any suggestions how to avoid the warnings?
Thanks!

I'm trying to draw a card game. I have a texture with the four colors an I add the number to the card. The problem is that I want they linked together in a class (subclass of layer or something, i've tried everything) but as the texture is loaded in the main layer, the sprite is not drawn.

Right now I have this working

Sprite *sp= [SpriteObject spriteWithRect:CGRectMake(idx*img_w,idy*img_h,img_w,img_h) spriteManager:mgr];

sp.position=ccp(size.width/5+px*img_w*1.5,5*size.height/6-img_h*py);
sp.scale=scale;
sp.rotation=45-rand()%90;

Label *label = [Label labelWithString:[NSString stringWithFormat:@"%d",r_cards[x][1]] fontName:@"Marker Felt" fontSize:60];
[label setColor:ccc3(0,0,0)];
label.position = ccp(size.width/5+px*img_w*1.5,5*size.height/6-img_h*py);
label.rotation=sp.rotation;
[self addChild: label];

[mgr addChild:sp];

But if I outsource this to another class, the label is drawn but not the sprite. Also making [sp addChild:label] won't work.

Any workaround?
Thanks

With this code you can create MenuItem BitMapFontAtlas.

MenuItem.h:

@interface MenuItemBitmapFontAtlas : MenuItemLabel
{

}

+(id) itemFromString: (NSString*) value fntFile:(NSString*)fntFile;
+(id) itemFromString: (NSString*) value fntFile:(NSString*)fntFile target:(id) rec selector:(SEL) cb;
-(id) initFromString: (NSString*) value fntFile:(NSString*)fntFile target:(id) rec selector:(SEL) cb;

@end

MenuItem.m:

#pragma mark -
#pragma mark MenuItemBitmapFontAtlas

@implementation MenuItemBitmapFontAtlas

+(id) itemFromString: (NSString*) value fntFile:(NSString*)fntFile
{
return [[[self alloc] initFromString:value fntFile:fntFile target:nil selector:nil] autorelease];
}

+(id) itemFromString: (NSString*) value fntFile:(NSString*)fntFile target:(id) rec selector:(SEL) cb
{
return [[[self alloc] initFromString:value fntFile:fntFile target:rec selector:cb] autorelease];
}

-(id) initFromString: (NSString*) value fntFile:(NSString*)fntFile target:(id) rec selector:(SEL) cb
{
NSAssert( [value length] != 0, @"value lenght must be greater than 0");

BitmapFontAtlas *label = [[BitmapFontAtlas alloc] initWithString:value fntFile:fntFile];
[label autorelease];

if((self=[super initWithLabel:label target:rec selector:cb]) ) {
// do something ?
}

return self;
}

-(void) dealloc
{
[super dealloc];
}
@end