Anyone have any suggestions for getting CoCos2d to do the button effects on the free amazing breaker game? I really like how when you hit the play button the particles flash across the screen but I am not exactly sure how to implement the effect. Thanks

Hi guys, I'm working on a game that has a pretty complex menu system and it requires some scrolling through content.

If you can imagine, the screen is in landscape, I will have a list of navigation item on the left (scrollable) and the content on the right (scrollable) which changes based on the item the player selects on the right.

The navigation pane (left side) consists of just CCMenuItem aligned vertically.

The content pane (right side) consists of any CCNode including buttons (aka CCMenuItem) which should responds to touches normally, but once the layer is scrolled, any CCMenuItem under the touch should be "deselected."

Currently the navigation pane is using CCMenuAdvanced and that works perfectly well for the navigation. However, CCMenuAdvanced will not cut it for the content as CCMenuAdvanced does not take CCNode as children.

As I feel that the scrolling code should be written in one place (DRY principle) so I have to create another class that is a cross between CCLayer & CCMenuAdvanced with the benefits of both. In this case the new class will take any CCNode BUT still activates CCMenuItems correctly.

Here's what I have so far, and it works (to an extent):

CCSuperMenuAdvanced.h

//
//  CCSuperMenuAdvanced.h
//  PrototypeZero
//
//  Created by Jamorn Ho on 9/4/11.
//  Copyright 2011 Jamorn Ho & Paul Vishayanuroj. All rights reserved.
//

#import <Foundation/Foundation.h>
#import "cocos2d.h"
#import "Debug.h"

/** A CCSuperMenuAdvanced
 *
 * Features and Limitation:
 *  - You can add ANY CCNode objects in runtime using addChild:
 *  - Any CCMenuItem objects will be activated as if they are within a menu
 *  - Scrolls vertically when swiped up or down
 *  - Does not work with Mac
 */
@interface CCSuperMenuAdvanced : CCLayer <CCRGBAProtocol> {
    /** Copied from CCMenu */
    tCCMenuState state_;
	CCMenuItem	*selectedItem_;
	GLubyte		opacity_;
	ccColor3B	color_;

    /** Copied from CCMenuAdvanced */
    NSInteger priority_;
	int selectedItemNumber_;

	CGRect boundaryRect_; //< external boundaries in which menu can slide
	CGFloat minimumTouchLengthToSlide_; //< how long user must slide finger to start scrolling menu
	CGFloat curTouchLength_;

    tCCMenuState prevState_;
    CGPoint prevPosition_;
    CGFloat velocity_;
    int direction_;

	BOOL isDisabled_;

#ifdef DEBUG_SUPER_MENU_ADVANCED
	BOOL debugDraw_;
#endif
}
/** Copied from CCMenu */
/** creates a CCMenu with it's items */
+ (id) menuWithItems: (CCNode*) item, ... NS_REQUIRES_NIL_TERMINATION;

/** initializes a CCMenu with it's items */
- (id) initWithItems: (CCNode*) item vaList: (va_list) args;

/** align items vertically */
-(void) alignItemsVertically;

/** align items horizontally */
-(void) alignItemsHorizontally;

/** conforms to CCRGBAProtocol protocol */
@property (nonatomic,readonly) GLubyte opacity;
/** conforms to CCRGBAProtocol protocol */
@property (nonatomic,readonly) ccColor3B color;

/** Copied from CCMenuAdvanced */

#pragma mark Advanced Menu - Align
/** AlignH items horizontal from left to right.
 * @param padding space between elements.
 */
-(void) alignItemsHorizontallyWithPadding:(float)padding;

/** Designated alignVerticall from bottom to top.
 * @param padding space between elements.
 */
-(void) alignItemsVerticallyWithPadding:(float)padding;

/** Designated alignHorizontal Method
 *
 * @param padding space between elements.
 * @param leftRoRight If YES - align items from left to right, if NO - right to left.
 */
-(void) alignItemsHorizontallyWithPadding:(float)padding leftToRight: (BOOL) leftToRight;

/** Designated alignVerticall Method
 *
 * @param padding space between elements.
 * @param bottomToTop If YES - align items from bottom to top, if NO - top to bottom.
 */
-(void) alignItemsVerticallyWithPadding:(float)padding bottomToTop: (BOOL) bottomToTop;

/** Rectangle in parent's coordinate system, which menu must fill with it's boundingBox.
 *
 * Note: boundaryRect must have greater size then menu's boundingBox to make scrolling possible.
 * Think about boundaryRect like about hole in paper sheet under which you would like to put CCMenuAdvanced
 * and scroll it, but you never want to see the table - hole must be covered with paper.
 */
@property(readwrite, assign) CGRect boundaryRect;

/** Minimum length of touch, that will disable selected menu item & start scrolling. */
@property(readwrite, assign) CGFloat minimumTouchLengthToSlide;

/** Priority property for touch, mouse & keyboard for menu.
 * Must be set before onEnter called.
 */
@property(readwrite, assign) NSInteger priority;

/** If YES - all touches & keyboard events will be ignored.
 * If NO - all events will work, except for disabled items.
 * Default is NO.
 */
@property(readwrite, assign) BOOL isDisabled;

#ifdef DEBUG
/** If YES - draw rectangle around CCMenuAdvanced. */
@property(readwrite, assign) BOOL debugDraw;
#endif

#pragma mark Advanced Menu - Scrolling

/** Changes menu position to stay inside of boundaryRect if it is non-null. */
- (void) fixPosition;

#pragma mark Advanced Menu - Selecting Items
- (void) selectNextMenuItem;
- (void) selectPrevMenuItem;

#pragma mark Advanced Menu - Activating/Cancelling Selected Items.
- (void) activateSelectedItem;
- (void) cancelSelectedItem;

@end

CCSuperMenuAdvanced.m

//
//  CCSuperMenuAdvanced.m
//  PrototypeZero
//
//  Created by Jamorn Ho on 9/4/11.
//  Copyright 2011 Jamorn Ho & Paul Vishayanuroj. All rights reserved.
//

#import "CCSuperMenuAdvanced.h"

enum {
	kDefaultPadding =  5,
};

@implementation NSString (UnicharExtensions)

+ (NSString *) stringWithUnichar: (unichar) anUnichar
{
	return [[[NSString alloc] initWithCharacters:&anUnichar length:1] autorelease];
}

- (unichar) unicharFromFirstCharacter: (NSString *) aString
{
	if ([aString length])
		return [aString characterAtIndex:0];
	return 0;
}

@end

@interface CCMenu (Private)
-(void) update:(ccTime)dt;
-(CCMenuItem *) itemForTouch: (UITouch *) touch;
@end

@implementation CCSuperMenuAdvanced

@synthesize opacity = opacity_, color = color_;
@synthesize boundaryRect = boundaryRect_;
@synthesize minimumTouchLengthToSlide = minimumTouchLengthToSlide_;
@synthesize priority = priority_;
@synthesize isDisabled = isDisabled_;

#ifdef DEBUG
@synthesize debugDraw = debugDraw_;
#endif

- (id) init
{
    NSAssert(NO, @"CCMenu: Init not supported.");
	[self release];
	return nil;
}

+(id) menuWithItems: (CCNode*) item, ...
{
	va_list args;
	va_start(args,item);

	id s = [[[self alloc] initWithItems: item vaList:args] autorelease];

	va_end(args);
	return s;
}

-(id) initWithItems: (CCNode*) item vaList: (va_list) args
{
    if( (self=[super init]) ) {

		self.isTouchEnabled = YES;

		// menu in the center of the screen
		CGSize s = [[CCDirector sharedDirector] winSize];

		self.isRelativeAnchorPoint = NO;
		anchorPoint_ = ccp(0.5f, 0.5f);
		[self setContentSize:s];

		// XXX: in v0.7, winSize should return the visible size
		// XXX: so the bar calculation should be done there
		CGRect r = [[UIApplication sharedApplication] statusBarFrame];
		ccDeviceOrientation orientation = [[CCDirector sharedDirector] deviceOrientation];
		if( orientation == CCDeviceOrientationLandscapeLeft || orientation == CCDeviceOrientationLandscapeRight )
			s.height -= r.size.width;
		else
			s.height -= r.size.height;

		self.position = ccp(s.width/2, s.height/2);

		int z=0;

		if (item) {
			[self addChild: item z:z];
			CCNode *i = va_arg(args, CCNode*);
			while(i) {
				z++;
				[self addChild: i z:z];
				i = va_arg(args, CCNode*);
			}
		}

		selectedItem_ = nil;
		state_ = kCCMenuStateWaiting;

        self.isRelativeAnchorPoint = YES;
		selectedItemNumber_ = -1;
		self.boundaryRect = CGRectNull;
		self.minimumTouchLengthToSlide = 30.0f;

		if (item)
			[self alignItemsVertically];

        prevState_ = kCCMenuStateWaiting;
        prevPosition_ = self.position;
        velocity_ = 0;

        //[self schedule:@selector(update:) interval:1.0/25.0];
	}

	return self;
}

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

- (void) onExit
{
	if(state_ == kCCMenuStateTrackingTouch)
	{
		[selectedItem_ unselected];
		state_ = kCCMenuStateWaiting;
		selectedItem_ = nil;
	}
	[super onExit];
}

#pragma mark Advanced Menu - Priority
-(NSInteger) mouseDelegatePriority
{
	return priority_;
}

-(NSInteger) keyboardDelegatePriority
{
	return priority_;
}

#pragma mark Menu - Touches

-(void) registerWithTouchDispatcher
{
	[[CCTouchDispatcher sharedDispatcher] addTargetedDelegate: self
													 priority:[self mouseDelegatePriority]
											  swallowsTouches: YES ];
}

-(CCMenuItem *) itemForTouch: (UITouch *) touch
{
	CGPoint touchLocation = [touch locationInView: [touch view]];
	touchLocation = [[CCDirector sharedDirector] convertToGL: touchLocation];

	CCNode* itemTemp;
	CCARRAY_FOREACH(children_, itemTemp){

        if ([itemTemp isKindOfClass:[CCMenuItem class]]) {

            CCMenuItem *item = (CCMenuItem *)itemTemp;

            // ignore invisible and disabled items: issue #779, #866
            if ( [item visible] && [item isEnabled] ) {

                CGPoint local = [item convertToNodeSpace:touchLocation];
                CGRect r = [item rect];
                r.origin = CGPointZero;

                if( CGRectContainsPoint( r, local ) )
                    return item;
            }
        }
	}
	return nil;
}

#pragma mark Advanced Menu - Draw

#ifdef DEBUG_SUPER_MENU_ADVANCED
- (void) draw
{
	[super draw];

	if (self.debugDraw)
	{
		CGSize s = [self contentSize];
		CGPoint vertices[4]={
			ccp(0,0),ccp(s.width,0),
			ccp(s.width,s.height),ccp(0,s.height),
		};
		ccDrawPoly(vertices, 4, YES);
	}
}
#endif

#pragma mark Advanced Menu - Selecting/Activating Items

- (void) selectNextMenuItem
{
	if ([children_ count] < 2)
		return;

	selectedItemNumber_++;

	// borders
	if (selectedItemNumber_ >= (int)[children_ count])
		selectedItemNumber_ = 0;
	if (selectedItemNumber_ < 0)
		selectedItemNumber_ = [children_ count] - 1;

	// select selected
	int i = 0;
	for (CCMenuItem *item in children_)
	{
		[item unselected];
		if ( i == selectedItemNumber_ )
			[item selected];
		++i;
	}
}

- (void) selectPrevMenuItem
{
	if ([children_ count] < 2)
		return;

	selectedItemNumber_--;

	// borders
	if (selectedItemNumber_ >= (int)[children_ count])
		selectedItemNumber_ = 0;
	if (selectedItemNumber_ < 0)
		selectedItemNumber_ = [children_ count] - 1;

	// select selected
	int i = 0;
	for (CCMenuItem *item in children_)
	{
		if ( i == selectedItemNumber_ )
			[item selected];
		else
			[item unselected];

		++i;
	}
}

- (void) activateSelectedItem
{
	if (selectedItemNumber_ < 0)
		return;

	// Unselect selected menu item.
	CCMenuItem *item = [children_ objectAtIndex: selectedItemNumber_];
	[item unselected];
	selectedItemNumber_ = -1;

	[item activate];

}

- (void) cancelSelectedItem
{
	if( selectedItem_ ) {
		[selectedItem_ unselected];
		selectedItem_ = nil;
	}

	selectedItemNumber_ = -1;

	state_ = kCCMenuStateWaiting;
}

#pragma mark Menu - Alignment
-(void) alignItemsVertically
{
	[self alignItemsVerticallyWithPadding:kDefaultPadding];
}

-(void) alignItemsHorizontally
{
	[self alignItemsHorizontallyWithPadding:kDefaultPadding];
}

#pragma mark Advanced Menu - Alignment
// differences from std impl:
//		* 1 auto setContentSize
//		* 2 each item.x = width / 2
//		* 3 item starts from top, not from center on y
//		* [MAC] binds keyboard keys for verticall taking care about direction
-(void) alignItemsVerticallyWithPadding:(float)padding bottomToTop: (BOOL) bottomToTop
{
	float height = -padding;
	float width = 0;

	// calculate and set contentSize,
	CCMenuItem *item;
	CCARRAY_FOREACH(children_, item)
	{
		height += item.contentSize.height * item.scaleY + padding;
		width = MAX(item.contentSize.width * item.scaleX, width);
	}
	[self setContentSize: CGSizeMake(width, height)];

	// allign items
	float y = 0;
	if (! bottomToTop)
		y = height;

	CCARRAY_FOREACH(children_, item) {
		CGSize itemSize = item.contentSize;
	    [item setPosition:ccp(width / 2.0f, y - itemSize.height * item.scaleY / 2.0f)];

		if (bottomToTop)
			y += itemSize.height * item.scaleY + padding;
		else
			y -= itemSize.height * item.scaleY + padding;
	}

	// Fix position of menuItem if it's the only one.
	if ([children_ count] == 1)
		[[children_ objectAtIndex: 0] setPosition: ccp(width / 2.0f, height / 2.0f ) ];
}

// differences from std impl:
//		* 1 auto setContentSize
//		* 2 each item.y = height / 2
//		* items start from zero - i dunno why
//		* supports both directions
//		* [MAC] binds keyboard keys for horizontal taking care about direction
-(void) alignItemsHorizontallyWithPadding:(float)padding leftToRight: (BOOL) leftToRight
{
	float width = -padding;
	float height = 0;

	// calculate and set content size
	CCMenuItem *item;
	CCARRAY_FOREACH(children_, item)
	{
		width += item.contentSize.width * item.scaleX + padding;
		height = MAX(item.contentSize.height * item.scaleY, height);
	}
	[self setContentSize: CGSizeMake(width, height)];

	float x = 0;
	if ( !leftToRight )
		x = width;

	// align items
	CCARRAY_FOREACH(children_, item)
	{
		CGSize itemSize = item.contentSize;

		CGPoint curPos = ccp(x + itemSize.width * item.scaleX / 2.0f, height / 2.0f);
		if (!leftToRight) {
			curPos.x = x - itemSize.width * item.scaleX / 2.0f;
		}

		[item setPosition:curPos];

		if (leftToRight)
			x += itemSize.width * item.scaleX + padding;
		else
			x -= itemSize.width * item.scaleX + padding;
	}
}

-(void) alignItemsHorizontallyWithPadding:(float)padding
{
	[self alignItemsHorizontallyWithPadding: padding leftToRight: YES];
}

-(void) alignItemsVerticallyWithPadding:(float)padding
{
	[self alignItemsVerticallyWithPadding: padding bottomToTop: YES];
}

#pragma mark Advanced Menu - Scrolling

- (void) fixPosition
{
	if ( CGRectIsNull( boundaryRect_) || CGRectIsInfinite(boundaryRect_) )
		return;

#define CLAMP(x,y,z) MIN(MAX(x,y),z)

	// get right top corner coords
	CGRect rect = [self boundingBox];
	CGPoint rightTopCorner = ccp(rect.origin.x + rect.size.width,
								 rect.origin.y + rect.size.height);
	CGPoint originalRightTopCorner = rightTopCorner;
	CGSize s = rect.size;

	// reposition right top corner to stay in boundary
	CGFloat leftBoundary = boundaryRect_.origin.x + boundaryRect_.size.width;
	CGFloat rightBoundary = boundaryRect_.origin.x + MAX(s.width, boundaryRect_.size.width);
	CGFloat bottomBoundary = boundaryRect_.origin.y + boundaryRect_.size.height;
	CGFloat topBoundary = boundaryRect_.origin.y + MAX(s.height,boundaryRect_.size.height);

	rightTopCorner = ccp( CLAMP(rightTopCorner.x,leftBoundary,rightBoundary),
						 CLAMP(rightTopCorner.y,bottomBoundary,topBoundary));

	// calculate and add position delta
	CGPoint delta = ccpSub(rightTopCorner, originalRightTopCorner);
	self.position = ccpAdd(self.position, delta);		

#undef CLAMP

}

- (void) update:(ccTime)dt
{
    if (prevState_ == kCCMenuStateTrackingTouch && state_ == kCCMenuStateWaiting) {
        velocity_ = self.position.y - prevPosition_.y;
        direction_ = velocity_ > 0 ? 1 : -1;
    }

    if (direction_ > 0) {
        if (velocity_ > 0 && state_ != kCCMenuStateTrackingTouch) {
            self.position = ccp(self.position.x, self.position.y + velocity_);
            velocity_ -= 2.0;
        }
        else {
            velocity_ = 0;
        }
    }
    else {
        if (velocity_ < 0 && state_ != kCCMenuStateTrackingTouch) {
            self.position = ccp(self.position.x, self.position.y + velocity_);
            velocity_ += 2.0;
        }
        else {
            velocity_ = 0;
        }
    }

    prevPosition_ = self.position;
    prevState_ = state_;

    [self fixPosition];
}

// returns YES if touch is inside our boundingBox
-(BOOL) isTouchForMe:(UITouch *) touch
{
	CGPoint point = [self convertToNodeSpace:[[CCDirector sharedDirector] convertToGL:[touch locationInView: [touch view]]]];
	CGPoint prevPoint = [self convertToNodeSpace:[[CCDirector sharedDirector] convertToGL:[touch previousLocationInView: [touch view]]]];

	CGRect rect = CGRectMake(0, 0, self.contentSize.width, self.contentSize.height);

    if ( CGRectContainsPoint(rect, point) || CGRectContainsPoint(rect, prevPoint) )
		return YES;

	return NO;
}

-(BOOL) ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event
{
	if( state_ != kCCMenuStateWaiting || !visible_ || self.isDisabled )
		return NO;

	curTouchLength_ = 0; //< every new touch should reset previous touch length

	selectedItem_ = [self itemForTouch:touch];
	[selectedItem_ selected];

    // start slide if touch began inside of menuitems or outside menuitem but inside menu rect
	if( selectedItem_ || (!CGRectIsNull(boundaryRect_) && [self isTouchForMe: touch])) {
		state_ = kCCMenuStateTrackingTouch;
		return YES;
	}

	return NO;
}

-(void) ccTouchEnded:(UITouch *)touch withEvent:(UIEvent *)event
{
	NSAssert(state_ == kCCMenuStateTrackingTouch, @"[Menu ccTouchEnded] -- invalid state");

	[selectedItem_ unselected];
	[selectedItem_ activate];

	state_ = kCCMenuStateWaiting;
}

-(void) ccTouchCancelled:(UITouch *)touch withEvent:(UIEvent *)event
{
	NSAssert(state_ == kCCMenuStateTrackingTouch, @"[Menu ccTouchCancelled] -- invalid state");

	[selectedItem_ unselected];

	state_ = kCCMenuStateWaiting;
}

-(void) ccTouchMoved:(UITouch *)touch withEvent:(UIEvent *)event
{
	NSAssert(state_ == kCCMenuStateTrackingTouch, @"[Menu ccTouchMoved] -- invalid state");

	CCMenuItem *currentItem = [self itemForTouch:touch];

	if (currentItem != selectedItem_) {
		[selectedItem_ unselected];
		selectedItem_ = currentItem;
		[selectedItem_ selected];
	}

	// scrolling is allowed only with non-zero boundaryRect
	if (!CGRectIsNull(boundaryRect_))
	{
        NSLog(@"SCROLLING SCROLLING");
		// get touch move delta
		CGPoint point = [touch locationInView: [touch view]];
		CGPoint prevPoint = [ touch previousLocationInView: [touch view] ];
		point =  [ [CCDirector sharedDirector] convertToGL: point ];
		prevPoint =  [ [CCDirector sharedDirector] convertToGL: prevPoint ];
		CGPoint delta = ccpSub(point, prevPoint);

		curTouchLength_ += ccpLength( delta ); 

		if (curTouchLength_ >= self.minimumTouchLengthToSlide)
		{
			[selectedItem_ unselected];
			selectedItem_ = nil;

			// add delta
			CGPoint newPosition = ccpAdd(self.position, delta );
			self.position = newPosition;

			// stay in externalBorders
			[self fixPosition];

            NSLog(@"Position: %f, %f", self.position.x, self.position.y);
		}
	}
}

#pragma mark Menu - Opacity Protocol

/** Override synthesized setOpacity to recurse items */
- (void) setOpacity:(GLubyte)newOpacity
{
	opacity_ = newOpacity;

	id<CCRGBAProtocol> item;
	CCARRAY_FOREACH(children_, item)
    [item setOpacity:opacity_];
}

-(void) setColor:(ccColor3B)color
{
	color_ = color;

	id<CCRGBAProtocol> item;
	CCARRAY_FOREACH(children_, item)
    [item setColor:color_];
}

-(void) setPosition:(CGPoint)position
{
    prevPosition_ = self.position;
    position_ = position;
}

@end

Now, this works in a sense that you can add CCMenuItem or CCNode and it will handle them properly. CCMenuItems activates when tapped, CCNode does nothing. This also works when a CCMenuItem is on top of a CCNode, so no problem there if you want to put a button on a background (CCSprite).

But I'm having issues with the scrolling and positioning the layer. It seems changing the position value of the CCSuperMenuAdvanced does nothing. The layer is stuck for some reason even when the position value is being updated. I have no idea why and it's driving me crazy.

If anybody could help me see what could be wrong I'd really appreciate it. Once this class is complete, I'll post the final product to share as well as credit those who helped.

The code for this class was taken from CCMenu and CCMenuAdvanced and merged together, if you were wondering. Thanks in advance to anybody who helps!

buttons and menu are on screen but nothing happen when buttons pushed:

'
CCMenuItemImage *menuB = [CCMenuItemImage itemFromNormalImage:@"menuB.png" selectedImage:@"menuB.png" target:self selector:@selector(goMenu:)];
CCMenuItemImage *tryAgainB = [CCMenuItemImage itemFromNormalImage:@"tryAgainB.png" selectedImage:@"tryAgainB.png" target:self selector:@selector(tryAgain:)];
CCMenuItemImage *menuGoodByeT = [CCMenuItemImage itemFromNormalImage:@"menu.png" selectedImage:@"menu.png" target:self selector:@selector(nothing:)];

menuB.position=ccp(-65,-40);
tryAgainB.position=ccp(15,-40);

menu = [CCMenu menuWithItems:menu,menuB,tryAgainB, nil];
menu.isTouchEnabled = YES;
[self addChild: menu];
'

yes, the method is having : id sender .
whats wrong with this menus ?? it some how always has problems.

I've got an error message in my app, which is: '@synthesize property must be in implementation context'
It is declared in my .h file, and I've done lots of googling. Why isn't it working?

Here is my code (.m file):

#import "MainMenuScene.h"

@implementation MainMenuScene

-(id)init
{
	self = [super init];
	if (self != nil)
	{
		[self addChild:[MainMenuLayer node]];
	}
	return self;
}

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

@end

@synthesize isTouchEnabled,gameScene2; //error is here :/

@implementation MainMenuLayer

-(id)init
{
	if((self = [super init]))
	{
		isTouchEnabled = YES;

		CCSprite * menuBackground = [CCSprite spriteWithFile:@"menuBackground.png"];
		[menuBackground setPosition:ccp(240,160)];
		[self addChild:menuBackground];

		CCLabelBMFont * startGameLabel = [CCLabelBMFont labelWithString:@"Start Game" fntFile:@"menuFont.fnt"];

		CCLabelBMFont * optionsLabel = [CCLabelBMFont labelWithString:@"Options" fntFile:@"menuFont.fnt"];

		CCLabelBMFont * aboutLabel = [CCLabelBMFont labelWithString:@"About" fntFile:@"menuFont.fnt"];

		[startGameLabel setColor:ccRED];
		[optionsLabel setColor:ccRED];
		[aboutLabel setColor:ccRED];

		CCMenuItemLabel * menu = [CCMenu menuWithItems:startGameLabel,optionsLabel,aboutLabel,nil];
		[menu alignItemsVerticallyWithPadding:5];
		[self addChild:menu];
		[menu setPosition:ccp(240,120)];
	}
	return self;
}

-(void)startGameLabel:(id)sender
{
	gameScene2 = [gameScene2 node];
	[[CCDirector sharedDirector]replaceScene:gameScene2];
}

-(void)optionsLabel:(id)sender
{

}

-(void)aboutLabel:(id)sender
{

}

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

@end

And my .h file:

#import <Foundation/Foundation.h>
#import "cocos2d.h"

@interface MainMenuScene : CCScene
{

}

@end 

@interface MainMenuLayer : CCLayer
{
	BOOL isTouchEnabled;
	CCScene * gameScene2;
}

@property(readwrite, assign)BOOL isTouchEnabled;
@property(nonatomic, retain)CCScene * gameScene2;

@end

Thanks

Hi all! Can anybody explain me how i can get touch position in a button(CCMenuItemImage) in the selector method?

for example i have this snippet of code:

CCMenuItemImage *myMenuItem = [CCMenuItemImage itemFromNormalImage:imageNormal
							selectedImage:imageSelected
							disabledImage:imageDisable
								target:self
								selector:@selector(myMenuItemWasOn)];

	CCMenu *myMenu = [CCMenu menuWithItems:myMenuItem,nil];
	[self addChild:myMenu z:100];
	[myMenu setPosition:CGPointMake(200, 200)];

then after i have pressed the button method "myMenuItemWasOn" will be called:

- (void) myMenuItemWasOn
{
	CGPoint touchPos =  ?//how to get touch pos here?
}

From my research the answer is no. Can someone confirm this. If I can't do this, is there any way I can layer the menu to be in between the sprites in the sprite batch?

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

Hi,

I've searched and i can't find a way to fade in and out a CCLayer.
I'm trying to fade in and then fade out a Menu.
As i understand it a CCLayer is a CCNode so it would be possible to perform Actions on it, but the game crashes.

I've tried doing it when i create it, and on the init method, same result.


-(void)showMenu {

[self addChild:menuLayer z:1];
}


Thank you

Say I have 2 buttons, and they both call highlightAmmo:
How would I check to see which button was pressed?

grapeDD = [CCMenuItemSprite
				 itemFromNormalSprite:[CCSprite spriteWithSpriteFrameName:@"grapeDD.png"]
				 selectedSprite:[CCSprite spriteWithSpriteFrameName:@"grapeDD.png"]
				 target:self
				 selector:@selector(highlightAmmo:)];

rockDD = [CCMenuItemSprite
				 itemFromNormalSprite:[CCSprite spriteWithSpriteFrameName:@"rockDD.png"]
				 selectedSprite:[CCSprite spriteWithSpriteFrameName:@"rockDD.png"]
				 target:self
				 selector:@selector(highlightAmmo:)];

- (void) highlightAmmo: (CCMenuItem  *) menuItem {
NSLog(@"Ammo highlighted");
}

Hi.
I have "game scene" with actions.
I need stop "game scene" actions, and show menu.

Like on image:

What the best way to do this?
Sorry, if question very stupid, I'm novice in cocos2d and gamedev.

Hi to all!

After i establish a local peer to peer connection and then come back to the main menu, the CCMenuItems do not respond right how they did in the first launch after loading process! Even if I simply call replaceScene.

I point out that they still works in some ways, just changed touch region center positions, but in a random way, if the images are still in correct points.

-> Strange fact is this happen only after a succeed local connection.

I tried purge memory, dealloc instances of items before pass to scenes, but same problem.

Hope you can help me, thanks in advance!

Hi to all! i am in desperation on a thing i believe a bug, and hope you can help me!

FACTS: i never meet this before. after i establish a local peer to peer connection and then come back to the main menu, the CCMenuItems do not respond right how they did in the beginning! Even if I simply call replaceScene. I point out that there still works in some ways, just random touch effect positions in the screen even if the images are still in correct points.

-> Strange fact is this happen only after a succeed local connection.

I tried purge memory, dealloc instances of items before pass to scenes, but same problem.

this is extract from iPad piece

CCMenuItem *item1 = [CCMenuItemImage itemFromNormalImage:@"menu_wifi_mod.png" selectedImage:@"menu_wifi_mod.png" target:self selector:@selector(wifi:)];
            item1.position = ccp(420,610);
            item1.tag = kTagMenuButton1;

            CCMenuItem *item2 = [CCMenuItemImage itemFromNormalImage:@"menu_singola_mod.png" selectedImage:@"menu_singola_mod.png" target:self selector:@selector(singola:)];
            item2.position = ccp(420,520);
            item2.tag = kTagMenuButton2;

            CCMenuItem *item3 = [CCMenuItemImage itemFromNormalImage:@"menu_online.png" selectedImage:@"menu_online.png" target:self selector:@selector(goOnline:)];
            item3.position = ccp(420,280);
            item3.tag = kTagMenuButton3;

            CCMenuItem *item4 = [CCMenuItemImage itemFromNormalImage:@"menu_credits_mod.png" selectedImage:@"menu_credits_mod.png" target:self selector:@selector(credits:)];
            item4.position = ccp(780,610);
            item4.tag = kTagMenuButton4;

            CCMenuItem *item5 = [CCMenuItemImage itemFromNormalImage:@"menu_regolamento_mod.png" selectedImage:@"menu_regolamento_mod.png" target:self selector:@selector(regolamento:)];
            item5.position = ccp(780,520);
            item5.tag = kTagMenuButton5;

            CCMenuItem *item6 = [CCMenuItemImage itemFromNormalImage:@"menu_istruzioni.png" selectedImage:@"menu_istruzioni.png" target:self selector:@selector(istruzioni:)];
            item6.position = ccp(780,280);
            item6.tag = kTagMenuButton6;

            CCMenuItem *item7 = [CCMenuItemImage itemFromNormalImage:@"opzioni_btn.png" selectedImage:@"opzioni_btn.png" target:self selector:@selector(opzioni:)];
            item7.position = ccp(50,50);
            item7.tag = kTagMenuButton7;

            CCMenu *menu = [CCMenu menuWithItems:item1, item2, item3, item4, item5, item6, item7, nil];
            menu.position = CGPointZero;
            [self addChild:menu z:2 tag:kTagMainMenu];

-----------------

And then i call from another view

-(void)goBack {
    [lobbyScreen release];
    lobbyScreen=nil;
    [lobbyView removeFromSuperview];
    [lobbyView release];
    lobbyView = nil;

    [[CCDirector sharedDirector] replaceScene:[CCTransitionCrossFade transitionWithDuration:0.5 scene:[MenuLayer scene]]];
}

Hello,

I'm looking into doing a menu similar to the one from Angry Birds settings button on the main screen. Originally I wanted to do a popover but I wanted a sliding effect, instead of a fade in/out.

It seems some sort of transparent stretchable graphic is being used which doesn't distort if vertically stretched from an initial height less than that of the button hiding it.

Is that assumption correct? And if so then what about the menu items, they don't look like they are part of the graphic and are only added when there is enough space to hold any one item.

Thoughts?

I want to make a pause menu that appears when i pause my game.

I understand that there are several things here i can use.

I could 'push' the old scene making my current scene freeze and bringing in a new one

PauseScene *ps = [PauseScene node];
[[CCDirector sharedDirector] pushScene:ps];

the only problem here is the old scene is not left in the background, its hidden away in memory.

I can pause the game using the following command

[[CCDirector sharedDirector] pause];

and then pull in a new layer to the current scene.

although i think touches may pass onto the gamescene that is paused behind and 'stack up' so that when you unpause, it may do lots of things you did not expect.

What is the correct way to do this? or a suggested way that someone has found works and is wiling to share?

Hey guys :-)

I made a HUD layer for my game, and it's working just fine.
I made a drag-button on my HUD, so you can drag some of the interface around. But when I let go of the touch, the game-layer catches the touch, and 'ccTouchesEnded' is called, moving my character.

I don't want the player to move, after moving the menu around, OFC.
Any good ideas for a solution? :-)

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.

I have managed to do like this:(using uiscrollview)

But how to put many selectable sprites like this?

Hi all. I'm having troubles... In game layer, I need to show up a configuration menu, so this is a new Scene which I call with PushScene. In the configuration Scene, I can comeback to the game (with pop scene works perfectly) or, exit to main menu...

I am having troubles, because if I do "replace scene: main menu" I am leaking the poped scene. If I do:

pop scene
replace scene

It doesn't deallocate the poped scene, but this:

pop scene
pop scene
replace scene

Deallocate it, but it crashes somewhere...

How to achieve this effect?

Hi all!

As has been posted in a couple of other threads, glScissor is a great means to clip a screen region and only have the elements within the clip rectangle be rendered.

I've recently been struggling with the exact coordinate transformations to make glScissor clip the region I specify. I'm trying to create a Viewport class which takes a CGRect in current view coordinates which is supposed to represent the clipping rect. Now how exactly do I have to convert my rectangle's coordinates for glScissor to perform correctly - independent of device rotation.

glEnable(GL_SCISSOR_TEST);
CGRect clip = // ...
// how to transform clip ?
glScissor(clip.origin.x, clip.origin.y, clip.size.width, clip.size.height);
[super visit];
glDisable(GL_SCISSOR_TEST);

Thanks for your insights!

Cheers, Ben

I have an AdornableMenuItemImage (See CC3DemoMashUp) in my layer that I want to use for menu items. I can do this fine for simple buttons but I want to put a strip of buttons and detect when a particular button on the strip has been pressed. Is there a way to assign a selector to a specific CGRect on the menu bar sprite or detect in the nodeSelected selector ?

Hi,
I'm playing sounds using SimpleAudioEngine playEffect:.
Everythings works fine, except that's I need to know when the sound is finished.
Is there a simple way to be notified when the playing is finished ?
Something like :
SimpleAudioEngine playEffect:(NSString*)file withTarget:(id)target andCallback:(SEL)callback
Thanks.

Does anyone have any tips on how to accomplish this? Something like : http://www.collegehumor.com/video/6585969/jake-and-amir-talent-show

Do I need to wrap a menu around a box2d ball or something? I'm trying to think of a clever way to accomplish this..

Hi, Cocos Community!

Just want to share with you my CCMenu subclass that i use in iTraceur for all menus.
It's pretty simple and can be easily merged into CCMenu, but it must be prepared for it, so i'll just leave it here and if you will improve it - send it me, make a pull request to cocos2d or just share with others.

https://github.com/psineur/CCMenuAdvanced

Cheers!

I am trying to create a menu that the user can scroll through like:

http://www.cocos2d-iphone.org/forum/topic/9417

I was able to recreate this, but I would like for it to be

1. Smaller than the whole layer that it is in
2. Vertical scrolling

Does anyone have any advice on the first (embedding it in a layer but not having the whole layer scroll)? 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

I'm not yet familiar with all of Cocos2D functions, and I'm wondering if a certain effect is available or easily done.

The effect that I'm trying to recreate can best be seen in Air Penguin (Also a lite version). On the homescreen, tapping the settings button slides out a mini-panel.

If I was to animate a panel after tapping a button, what sort of container could I best use to hold the other buttons.

Thanks

So, I have tried a lot of times to find good material about this. There are so many threads asking for help about this, and a lot of them have solutions but when you go to put it together or open their projects its all so outdated and filled with warnings and errors.

They are also really complicated, so someone who's new like me doesn't understand it at all and so it sort of becomes a black box. So I thought I'd come up with my own solution. All the code is fully commented and explained.

I'm new to cocos2d so i'm doing a blog about the common mistakes people new to cocos2d/xcode could make, and solutions to them to help save people some time. If anyone new is interested, they can follow me on twitter where I post links to new blog posts http://tinyurl.com/4xvmojl

//
//  test
//
//  Created by petemyster on 21/07/2011.
//  Copyright petemyster. All rights reserved.
//

// Import the interfaces
#import "easyLevelSelect.h"
#import "difficultySelectLayer.h"

// easyLevelSelect implementation
@implementation easyLevelSelect

@synthesize beginTouchPoint, movingTouchPoint, originPoint;
@synthesize arrayOfLevels, numOfLevels, differencePoint, retardationNum, spacingBetweenLevels;

+(CCScene *) scene
{
	// 'scene' is an autorelease object.
	CCScene *scene = [CCScene node];

	// 'layer' is an autorelease object.
	easyLevelSelect *layer = [easyLevelSelect node];

	// add layer as a child to scene
	[scene addChild: layer];

	// return the scene
	return scene;
}

// on "init" you need to initialize your instance
-(id) init
{
    if( (self=[super init])) {
        self.isTouchEnabled = YES;

        //add the images for the looping menu

        //set the number of levels
        numOfLevels = 7;

        //the space between the images (image size + spacing you want)
        spacingBetweenLevels = 150;

        //allocate memory for the mutable array, do initwithcapacity because just init has problems sometimes
        arrayOfLevels = [[NSMutableArray alloc] initWithCapacity:1];

        for(int i = 0; i < numOfLevels; i++)
        {
            //loop through all the levels, creating a sprite and the specified image
            //uses stringwithformat, the %d is replaced with the number of the loop +1, because my image numbers start at number 1
            CCSprite * item = [CCSprite spriteWithFile:[NSString stringWithFormat:@"testPicPreview-%d.png", i+1] ];

            //set the position of the sprite. mine start off on the far right of the screen (320) then are spaced according to my spacing and the number of sprites that have appeared before it
            item.position = ccp(320 +((i-1)*spacingBetweenLevels), 150);

            //set a tag for the sprite so we can identify it later
            item.tag = i+1;

            //add the sprite to the view
            [self addChild:item];

            //add sprite to array so we can cycle through all sprites later
            [arrayOfLevels addObject:item];
        }
        //this is the slowing amount for when scrolling through the menu, see later
        retardationNum = 1.0;

        //this constantly checks for movement and moves the menu
        [self schedule:@selector(accelerateLabel) interval:0.05];

	}
	return self;
}

-(void) accelerateLabel{

    //if is it moving ridicously slowly, stop it
    if (fabs(differencePoint.x) < 1) {

        differencePoint.x = 0;
    }

    //if the menu is moving
    if (differencePoint.x !=0) {

        //if its moving ridiclously fast, slow it down
        if (fabs(differencePoint.x) > 30) {

            differencePoint.x = differencePoint.x * 0.75;
        }

        //if it is moving to the right, slow it down
        if (differencePoint.x >0) differencePoint.x -=retardationNum;

        //if its moving to the left, slow it down
        if (differencePoint.x <0) differencePoint.x +=retardationNum;

        //move the menu by the "strength" of the swipe
        [self moveMenuItem:differencePoint.x];

    }
    //reset variables
    else
    {
        differencePoint = ccp(0, 0);
    }

}

-(void) callMe:(CCSprite*) sender{
    //takes the tag of the sprite that was selected, and checks for an appropiate action
    switch (sender.tag) {
            case 1:NSLog(@"lol");
            break;
            case 2: NSLog(@"lol 2");
            break;
            case 3:[[CCDirector sharedDirector] replaceScene:[CCTransitionFade transitionWithDuration:0.5 scene:[difficultySelectLayer scene]]];
            break;
//etc etc etc
    }
}

-(void) registerWithTouchDispatcher {
    [[CCTouchDispatcher sharedDispatcher] addTargetedDelegate:self priority:0 swallowsTouches:YES];
}

-(BOOL) ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event{

    //gets the touch location on the screen
    beginTouchPoint= [touch locationInView: [touch view]];
    beginTouchPoint = [[CCDirector sharedDirector] convertToGL:beginTouchPoint];
    beginTouchPoint = [self convertToNodeSpace:beginTouchPoint];

    //store the very first starting point, we will need this later as beginTouchPoint is changed throughout
    originPoint = beginTouchPoint;
    return true;
}

-(void) ccTouchMoved:(UITouch *)touch withEvent:(UIEvent *)event{

    //get the point that the player is currently pressing as they move
    movingTouchPoint = [self convertTouchToNodeSpace:touch];

    //get the difference of positions between the last touch point, and the current move point
    differencePoint = ccpSub(beginTouchPoint, movingTouchPoint);

    //set the last touch point to equal the current, so the line of code above is always subtracting the latest points next time it is called
    beginTouchPoint = movingTouchPoint;
}

-(void) ccTouchEnded:(UITouch *)touch withEvent:(UIEvent *)event{

    //get the position of the final touch
    CGPoint locationPressed = [touch locationInView: [touch view]];
    locationPressed = [[CCDirector sharedDirector] convertToGL:locationPressed];

    //subtract the final touch location from the very first touch location
    CGPoint difference = ccpSub(originPoint, locationPressed);

    //if the distance between the points was very small, the player is wanting to press the button instead of finishing their swipe
    if (fabs(difference.x) <15) {

        //cycle through our array of sprites
        for (int i = 0; i < numOfLevels; i++) {

            CCSprite * item = [arrayOfLevels objectAtIndex:i];

               // if the location that the player touched is within the sprites picture...
            if (CGRectContainsPoint(item.boundingBox, locationPressed)) {

              // call the function that will find the specific action for that sprite
                [self callMe:item];
            }
        }
    }
}

-(void) moveMenuItem:(float) velocity{
    //defining the first sprite in the array and the last sprite of the array
    CCSprite * testBoundItemMax = [arrayOfLevels objectAtIndex:numOfLevels-1];
    CCSprite * testBoundItemMin = [arrayOfLevels objectAtIndex:0];

     //allow movement of the sprites as long as they don't go off screen
    if (((velocity>0) && (testBoundItemMax.position.x> 225)) || ((velocity<0) && (testBoundItemMin.position.x< 225))) {

        for(int i = 0; i < numOfLevels; i++)
        {
            //move the sprites one by one
            CCSprite * item = [arrayOfLevels objectAtIndex:i];
            item.position = ccp(item.position.x + (-velocity), item.position.y);

        }
    }

}

// on "dealloc" you need to release all your retained objects
- (void) dealloc
{
	// in case you have something to dealloc, do it in this method
	// in this particular example nothing needs to be released.
	// cocos2d will automatically release all the children (Label)

	// don't forget to call "super dealloc"

    //loop menu

    [arrayOfLevels release];
	[super dealloc];
}
@end

and....

//  test
//
//  Created by petemyster on 21/07/2011.
//  Copyright petemyster. All rights reserved.
//

// When you import this file, you import all the cocos2d classes
#import "cocos2d.h"

@interface easyLevelSelect : CCLayer
{
    //set up the looping menu
    CGPoint beginTouchPoint;
    CGPoint movingTouchPoint;
    CGPoint originPoint;
    CGPoint differencePoint;
    NSMutableArray * arrayOfLevels;

}

// returns a CCScene that contains the HelloWorldLayer as the only child
+(CCScene *) scene;
-(void) callMe:(CCSprite*) sender;
-(void) moveMenuItem:(float) velocity;
-(void) accelerateLabel;

//set up looping menu
@property (nonatomic) CGPoint beginTouchPoint;
@property (nonatomic) CGPoint movingTouchPoint;
@property (nonatomic) CGPoint originPoint;
@property CGPoint differencePoint;
@property (nonatomic, retain) NSMutableArray * arrayOfLevels;
@property int numOfLevels;
@property int spacingBetweenLevels;
@property float retardationNum;

@end

I'd really like to add some animated menu buttons to my Mac games when the mouse goes over a menu item. Has anyone toyed with this yet?

In it's simplest form, it'd be great to have something like this:

//the overImage part of this isn't in Cocos2d...yet?
CCMenuItemImage *item1 = [CCMenuItemImage itemFromNormalImage:@"btn-play-normal.png" selectedImage:@"btn-play-selected.png" overImage:@"btn-play-over.png" target:self selector:@selector(menuCallback1:)];

Even better would be an event that fires when the cursor enters a menu item & another event when it exits.

Thoughts/brainstorms/examples? Thanks!
-Bryan

In my game I want to have a sliding menu like the one in angry birds where the user can select their level. I am new to cocos2d so I'm not sure how to do this.

Please reply

Hi everybody, it's been only a couple weeks that I'm entering the cocos2d world, so: I'm a nooooooooob!

I'm getting crazy about the game design pattern, I've never programmed a game before and i would need some advices.
I'm trying to make a Super Mario like platform, so I came out with the following solution:

- a GameScene : CCScene , a singleton class for keeping my current level layer, my input layer and my default game player
- a Level : CCLayer , a class which contains the generic instance variable of a level, such as an array of platforms, enemies, ground level, gravity etc.
- some class such as Level1 - Level2 which inherits from Level and are used as specific layer, so that i can load them into my GameScene singleton class

My question is: could this be a good game pattern design or not?
Thanks everybody.