Hi
I was looking for a way to make ripples, but couldn't really find anything other than an old demo, featuring incredible long tables. Yuk.
So in stead I toyed around, and made my own.

http://www.youtube.com/user/BackfireE?feature=mhee#p/a/u/0/d5ijwDEfZSw

I made a rippleSprite, working more or less the same as a normal CCSprite. I haven't added transformations, because at this point I don't need them, but that shouldn't be to hard.
Otherwise you create it much like any other sprite.

rippleImage = [ pgeRippleSprite ripplespriteWithFile:@"image.png" ];
[ self addChild:rippleImage ];

Then you add ripples to the image

[ rippleImage addRipple:pos type:RIPPLE_TYPE_WATER strength:1.0f ];

and update the image each frame

[ rippleImage update:dt ];

And that is it.

The rippleSprite class is as follows

//
//  pgeRippleSprite.h
//  rippleDemo
//
//  Created by Lars Birkemose on 02/12/11.
//  Copyright 2011 Protec Electronics. All rights reserved.
//
// --------------------------------------------------------------------------
// import headers

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

// --------------------------------------------------------------------------
// defines

#define RIPPLE_DEFAULT_QUAD_COUNT_X             30
#define RIPPLE_DEFAULT_QUAD_COUNT_Y             20 

#define RIPPLE_BASE_GAIN                        0.1f        // an internal constant

#define RIPPLE_DEFAULT_RADIUS                   800         // radius in pixels
#define RIPPLE_DEFAULT_RIPPLE_CYCLE             0.2f        // timing on ripple ( 1/frequenzy )
#define RIPPLE_DEFAULT_LIFESPAN                 3.0f        // entire ripple lifespan

// --------------------------------------------------------------------------
// typedefs

typedef enum {
    RIPPLE_TYPE_RUBBER,                                     // a soft rubber sheet
    RIPPLE_TYPE_GEL,                                        // high viscosity fluid
    RIPPLE_TYPE_WATER,                                      // low viscosity fluid
} RIPPLE_TYPE;

typedef struct _rippleData {
    RIPPLE_TYPE             rippleType;                     // type of ripple ( se update: )
    CGPoint                 center;                         // ripple center ( but you just knew that, didn't you? )
    CGPoint                 centerCoordinate;               // ripple center in texture coordinates
    float                   radius;                         // radius at which ripple has faded 100%
    float                   strength;                       // ripple strength
    float                   runtime;                        // current run time
    float                   currentRadius;                  // current radius
    float                   rippleCycle;                    // ripple cycle timing
    float                   lifespan;                       // total life span
} rippleData;

// --------------------------------------------------------------------------
// interface

@interface pgeRippleSprite : CCNode {
    CCTexture2D*            m_texture;
    int                     m_quadCountX;                   // quad count in x and y direction
    int                     m_quadCountY;
    int                     m_VerticesPrStrip;              // number of vertices in a strip
    int                     m_bufferSize;                   // vertice buffer size
    CGPoint*                m_vertice;                      // vertices
    CGPoint*                m_textureCoordinate;            // texture coordinates ( original )
    CGPoint*                m_rippleCoordinate;             // texture coordinates ( ripple corrected )
    bool*                   m_edgeVertice;                  // vertice is a border vertice
    NSMutableArray*         m_rippleList;                   // list of running ripples
}

// --------------------------------------------------------------------------
// properties

// --------------------------------------------------------------------------
// methods

+( pgeRippleSprite* )ripplespriteWithFile:( NSString* )filename;
-( pgeRippleSprite* )initWithFile:( NSString* )filename;
-( void )tesselate;
-( void )addRipple:( CGPoint )pos type:( RIPPLE_TYPE )type strength:( float )strength;
-( void )update:( ccTime )dt;

// --------------------------------------------------------------------------

@end

And the meat

//
//  pgeRippleSprite.m
//  rippleDemo
//
//  Created by Lars Birkemose on 02/12/11.
//  Copyright 2011 Protec Electronics. All rights reserved.
//
// --------------------------------------------------------------------------
// import headers

#import "pgeRippleSprite.h"

// --------------------------------------------------------------------------
// implementation

@implementation pgeRippleSprite

// --------------------------------------------------------------------------
// properties

// --------------------------------------------------------------------------
// methods
// --------------------------------------------------------------------------

+( pgeRippleSprite* )ripplespriteWithFile:( NSString* )filename {
	return [ [ [ self alloc ] initWithFile:filename ] autorelease ];
}

// --------------------------------------------------------------------------

-( pgeRippleSprite* )initWithFile:( NSString* )filename {
    self = [ super init ];
    // load texture
    m_texture = [ [ CCTextureCache sharedTextureCache ] addImage: filename ];
    // reset internal data
    m_vertice = nil;
    m_textureCoordinate = nil;
    // builds the vertice and texture-coordinates arrays
    m_quadCountX = RIPPLE_DEFAULT_QUAD_COUNT_X;
    m_quadCountY = RIPPLE_DEFAULT_QUAD_COUNT_Y;
    [ self tesselate ];

    // create ripple list
    m_rippleList = [ [ [ NSMutableArray alloc ] init ] retain ];
    // done
    return( self );
}

// --------------------------------------------------------------------------

-( void )draw {
    // skip is not visible
    if ( self.visible == NO ) return;

    // add transformations
    glPushMatrix( );

    // well, I dont really need transformations on my ripples, so I will leave this part to you
    // but I added push and pop - just to be nice

    // set states
    glDisableClientState( GL_COLOR_ARRAY );

    // and plx, dont just draw anything
    glBindTexture( GL_TEXTURE_2D, [ m_texture name ] ); 

    // set texture coordinates
    // if no ripples running, use original coordinates ( Yay, dig that kewl old school C syntax )
    glTexCoordPointer( 2, GL_FLOAT, 0, ( m_rippleList.count == 0 ) ? m_textureCoordinate : m_rippleCoordinate );

    // set vertice pointer
    glVertexPointer( 2, GL_FLOAT, 0, m_vertice );

    // draw as many triangle fans, as quads in y direction
    // ( I guess traditional mongolians, would have made it vertical fans, but here I am, sitting in western Europa )
    for ( int strip = 0; strip < m_quadCountY; strip ++ ) {
        glDrawArrays( GL_TRIANGLE_STRIP, strip * m_VerticesPrStrip, m_VerticesPrStrip );
    }

    // reset any state altered ( Riq wants us to )
    glEnableClientState( GL_COLOR_ARRAY );

    // restore
    glPopMatrix( );
}

// --------------------------------------------------------------------------

-( void )dealloc {
    rippleData* runningRipple;

    // clean up buffers
    free( m_vertice );
    free( m_textureCoordinate );
    free( m_rippleCoordinate );
    free( m_edgeVertice );

    // clean up running ripples
    for ( int count = 0; count < m_rippleList.count; count ++ ) {

        // get a pointer and free manually, as data was allocated manually
        // a void pointer would do, but this adds readability at no expense
        runningRipple = ( rippleData* )[ [ m_rippleList objectAtIndex:count ] pointerValue ];
        free( runningRipple );

    }

    // delete list
    [ m_rippleList release ];

    // done
    [ super dealloc ];
}

// --------------------------------------------------------------------------
// tesselation is expensive

-( void )tesselate {
    int vertexPos = 0;
    CGPoint normalized;

    // clear buffers ( yeah, clearing nil buffers first time around )
    free( m_vertice );
    free( m_textureCoordinate );
    free( m_rippleCoordinate );
    free( m_edgeVertice );

    // calculate vertices pr strip
    m_VerticesPrStrip = 2 * ( m_quadCountX + 1 );

    // calculate buffer size
    m_bufferSize = m_VerticesPrStrip * m_quadCountY;

    // allocate buffers
    m_vertice = malloc( m_bufferSize * sizeof( CGPoint ) );
    m_textureCoordinate = malloc( m_bufferSize * sizeof( CGPoint ) );
    m_rippleCoordinate = malloc( m_bufferSize * sizeof( CGPoint ) );
    m_edgeVertice = malloc( m_bufferSize * sizeof( bool ) );

    // reset vertice pointer
    vertexPos = 0;

    // create all vertices and default texture coordinates
    // scan though y quads, and create an x-oriented triangle strip for each
    for ( int y = 0; y < m_quadCountY; y ++ ) {

        // x counts to quadcount + 1, because number of vertices is number of quads + 1
        for ( int x = 0; x < ( m_quadCountX + 1 ); x ++ ) {

            // for each x vertex, an upper and lower y position is calculated, to create the triangle strip
            // upper + lower + upper + lower
            for ( int yy = 0; yy < 2; yy ++ ) {

                // first simply calculate a normalized position into rectangle
                normalized.x = ( float )x / ( float )m_quadCountX;
                normalized.y = ( float )( y + yy ) / ( float )m_quadCountY;

                // calculate vertex by multiplying rectangle ( texture ) size
                m_vertice[ vertexPos ] = ccp( normalized.x * m_texture.pixelsWide, normalized.y * m_texture.pixelsHigh );

                // adjust texture coordinates according to texture size
                // as a texture is always in the power of 2, maxS and maxT are the fragment of the size actually used
                // invert y on texture coordinates
                m_textureCoordinate[ vertexPos ] = ccp( normalized.x * m_texture.maxS, m_texture.maxT - ( normalized.y * m_texture.maxT ) );

                // check if vertice is an edge vertice, because edge vertices are never modified to keep outline consistent
                m_edgeVertice[ vertexPos ] = (
                                              ( x == 0 ) ||
                                              ( x == m_quadCountX ) ||
                                              ( ( y == 0 ) && ( yy == 0 ) ) ||
                                              ( ( y == ( m_quadCountY - 1 ) ) && ( yy > 0 ) ) );

                // next buffer pos
                vertexPos ++;

            }
        }
    }
}

// --------------------------------------------------------------------------
// adds a ripple to list of running ripples
// higher strength result in more distinct ripples

-( void )addRipple:( CGPoint )pos type:( RIPPLE_TYPE )type strength:( float )strength {
    rippleData* newRipple;

    // allocate new ripple
    newRipple = malloc( sizeof( rippleData ) );

    // initialize ripple
    newRipple->rippleType = type;
    newRipple->center = pos;
    newRipple->centerCoordinate = ccp( pos.x / m_texture.pixelsWide * m_texture.maxS, m_texture.maxT - ( pos.y / m_texture.pixelsHigh * m_texture.maxT ) );
    newRipple->radius = RIPPLE_DEFAULT_RADIUS;
    newRipple->strength = strength;
    newRipple->runtime = 0;
    newRipple->currentRadius = 0;
    newRipple->rippleCycle = RIPPLE_DEFAULT_RIPPLE_CYCLE;
    newRipple->lifespan = RIPPLE_DEFAULT_LIFESPAN;

    // add ripple to running list
	[ m_rippleList addObject:[ NSValue valueWithPointer:newRipple ] ];

}

// --------------------------------------------------------------------------
// update any running ripples
// it is parents responsibility to call the method with appropriate intervals

-( void )update:( ccTime )dt {
    rippleData* ripple;
    CGPoint pos;
    float distance, correction;

    // test if any ripples at all
    if ( m_rippleList.count == 0 ) return;

    // ripples are simulated by altering texture coordinates
    // on all updates, an entire new array is calculated from the base array
    // not maintainng an original set of texture coordinates, could result in accumulated errors
    memcpy( m_rippleCoordinate, m_textureCoordinate, m_bufferSize * sizeof( CGPoint ) );

    // scan through running ripples
    // the scan is backwards, so that ripples can be removed on the fly
    for ( int count = ( m_rippleList.count - 1 ); count >= 0; count -- ) {

        // get ripple data
        ripple = ( rippleData* )[ [ m_rippleList objectAtIndex:count ] pointerValue ];

        // scan through all texture coordinates
        for ( int count = 0; count < m_bufferSize; count ++ ) {

            // dont modify edge vertices
            if ( m_edgeVertice[ count ] == NO ) {

                // calculate distance
                // you might think it would be faster to do a box check first
                // but it really isnt,
                // ccpDistance is like my sexlife - BAM! - and its all over
                distance = ccpDistance( ripple->center, m_vertice[ count ] );

                // only modify vertices within range
                if ( distance <= ripple->currentRadius ) {

                    // load the texture coordinate into an easy to use var
                    pos = m_rippleCoordinate[ count ];  

                    // calculate a ripple
                    switch ( ripple->rippleType ) {

                        case RIPPLE_TYPE_RUBBER:
                            // method A
                            // calculate a sinus, based only on time
                            // this will make the ripples look like poking a soft rubber sheet, since sinus position is fixed
                            correction = sinf( 2 * M_PI * ripple->runtime / ripple->rippleCycle );
                            break;

                        case RIPPLE_TYPE_GEL:
                            // method B
                            // calculate a sinus, based both on time and distance
                            // this will look more like a high viscosity fluid, since sinus will travel with radius
                            correction = sinf( 2 * M_PI * ( ripple->currentRadius - distance ) / ripple->radius * ripple->lifespan / ripple->rippleCycle );
                            break;

                        case RIPPLE_TYPE_WATER:
                        default:
                            // method c
                            // like method b, but faded for time and distance to center
                            // this will look more like a low viscosity fluid, like water     

                            correction = ( ripple->radius * ripple->rippleCycle / ripple->lifespan ) / ( ripple->currentRadius - distance );
                            if ( correction > 1.0f ) correction = 1.0f;

                            // fade center of quicker
                            correction *= correction;

                            correction *= sinf( 2 * M_PI * ( ripple->currentRadius - distance ) / ripple->radius * ripple->lifespan / ripple->rippleCycle );
                            break;

                    }

                    // fade with distance
                    correction *= 1 - ( distance / ripple->currentRadius );

                    // fade with time
                    correction *= 1 - ( ripple->runtime / ripple->lifespan );

                    // adjust for base gain and user strength
                    correction *= RIPPLE_BASE_GAIN;
                    correction *= ripple->strength;

                    // finally modify the coordinate by interpolating
                    // because of interpolation, adjustment for distance is needed,
                    correction /= ccpDistance( ripple->centerCoordinate, pos );
                    pos = ccpAdd( pos, ccpMult( ccpSub( pos, ripple->centerCoordinate ), correction ) );

                    // another approach for applying correction, would be to calculate slope from center to pos
                    // and then adjust based on this

                    // clamp texture coordinates to avoid artifacts
                    pos = ccpClamp( pos, CGPointZero, ccp( m_texture.maxS, m_texture.maxT ) );

                    // save modified coordinate
                    m_rippleCoordinate[ count ] = pos;

                }
            }
        }

        // calculate radius
        ripple->currentRadius = ripple->radius * ripple->runtime / ripple->lifespan;

        // check if ripple should expire
        ripple->runtime += dt;
        if ( ripple->runtime >= ripple->lifespan ) {

            // free memory, and remove from list
            free( ripple );
            [ m_rippleList removeObjectAtIndex:count ];

        }

    }
}

// --------------------------------------------------------------------------

@end

hi, if i use a software to pack my texture in a one big texture atlas 1024x1024 can i create my single sprite in any dimension without waste memory?
i know that cocos2d 1.1 use npot texture by default...this mean that my texture atlas can be 1030x1030 without problems?

[ANSWER]

Oh well, i actually send the shared directer runWithScene: and passed in a layer, not a scene. To my surprise, this actually worked? So, the sharedDirector can't tell the difference between a scene or layer i guess?

Hi all,

I'm reading through a book on cocos2d, and the second chapter puzzles me. I created 2 layers, one containing a sprite as a character, the other a sprite as background. I then create a game scene that adds the 2 layers as childs in the init method. I then redirect the CCDirecter sharedDirector in the appDelegate.m to load in the gameScene. Now, i get displayed the layer showing the game scene, but not the background? any particular reason for this? Here are the code:

@implementation BackgroundLayer

-(id) init {
self = [super init];
if (self) {
CCSprite *backgroundImage;
if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) {
// Indicate game is running on ipad
backgroundImage = [CCSprite spriteWithFile:@"background.png"];
} else {
backgroundImage = [CCSprite spriteWithFile:@"backgroundiPhone.png"];
}

CGSize screenSize = [[CCDirector sharedDirector] winSize];
[backgroundImage setPosition:CGPointMake(screenSize.width/2, screenSize.height/2)];

[self addChild:backgroundImage z:0 tag:0];
}

return self;
}

@implementation GameplayLayer

-(id) init {
self = [super init];
if (self) {
CGSize screenSize = [CCDirector sharedDirector].winSize;
// enable touches
self.isTouchEnabled = YES;
vikingSprite = [CCSprite spriteWithFile:@"sv_anim_1.png"];
[vikingSprite setPosition:CGPointMake(screenSize.width/2, screenSize.height*0.17f)];

[self addChild:vikingSprite];

if (UI_USER_INTERFACE_IDIOM() != UIUserInterfaceIdiomPad) {
// if NOT for the ipad, scale down ole
// in games, use this to load art sized for the device
[vikingSprite setScaleX:screenSize.width/1024.0f];
[vikingSprite setScaleY:screenSize.height/768.0f];
}
}

return self;
}

@implementation GameScene

-(id) init {
self = [super init];
if (self) {
// bacground layer
BackgroundLayer *backgroundLayer = [BackgroundLayer node];
[self addChild:backgroundLayer z:0];
// Gameplay layer
GameplayLayer *gameplayLayer = [GameplayLayer node];
[self addChild:gameplayLayer z:5];
}

return self;
}

Thanks on advance

Hi everyone, I apologise if this sort of thread has been posted and discussed but i could not see it when i looked, I am pretty new to cocos2d and this is the first time I have done any animations on it. I have created a valid plise and png with the same file name and added them to my project, i then have the following code in my class to setup the animation of the sprite in it:

CCSpriteFrameCache* framecache = [CCSpriteFrameCache sharedSpriteFrameCache];

CCSpriteBatchNode *spriteSheet = [CCSpriteBatchNode batchNodeWithFile:@"SnakeAnimation.png"];
[m_gameScene addChild:spriteSheet];

[framecache addSpriteFramesWithFile:@"SnakeAnimation.plist"];

m_sprite = [CCSprite spriteWithSpriteFrameName:@"Snake2.png"];
[spriteSheet addChild:m_sprite];

NSMutableArray* animFrames = [NSMutableArray array];
for(int i = 0; i < 7; i++)
{
CCSpriteFrame* frame = [[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName:[NSString stringWithFormat:@"Snake%d.png",i+1]];
[animFrames addObject:frame];
}

CCAnimation *animation = [CCAnimation animationWithFrames:animFrames delay:0.1];

[m_sprite runAction:[CCRepeatForever actionWithAction: [CCAnimate actionWithAnimation:animation] ]];

I have checked the frame cache etc and they are all valid and appear to add the plist etc correctly, however they can never find any of the files and my objects are created on screen without any image what so ever. I'm not sure what else i need to do to get it working so any help would be greatly appreciated!

Hi need help,
I have 3 sprites overlapped, with tag 1 to 3. How i can remove multiple overlapped sprite in a single touch?
I have a loop code below to remove sprite based on tag, its not working. All im getting is that i need to click the same spot 3 times to remove the 3 sprites.

-(void)ccTouchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch* myTouch = [touches anyObject];
    CGPoint location = [myTouch locationInView: [myTouch view]];
    location = [[CCDirector sharedDirector]convertToGL:location];
    location = [self convertToNodeSpace:location];

    int totalNumberOfItems=4;
    for (int y=0; y < totalNumberOfItems; y++){
        CCSprite *temp = (CCSprite*)[self getChildByTag:y];

        CGRect test1 = [temp boundingBox];

        if (CGRectContainsPoint(test1, location)) {
            NSLog(@"touched");
            [self removeChild:temp cleanup:YES ];
            return;
        }
    }  

}

Heloo
as you know ccfollow is moving the sprite to the center of the screen,i want to find a way to hold my sprite in it's position that is left side.
can anyone help me?
thank you in advance

I have tried to search the answer, but the ways I found do not work very well.

e.g.
http://www.cocos2d-iphone.org/forum/topic/4363
[original setBlendFunc: (ccBlendFunc) { GL_SRC_ALPHA, GL_ONE }];

Additive blend cannot white a sprite completely. This is the effect I want:

Does anyone know how to implement it? Thanks a lot.

Hi,

Looked trough many threads, can't find a solution.
I've implemented accelerometer ala "Tilt to Live", from here

Accelerometer code works very nice, no issue here. But there is 2 strange things:

- first, I downloaded example from link above and little image moves much faster in example project with same settings compared to my project (example project in in OpenGL)
- second, in my game when sprite moves I can see a little trail behind image as if it doesn't refresh nicely, sort of flickering effect.

Basically code is this:

- (void)accelerometer:(UIAccelerometer *)accelerometer didAccelerate:(UIAcceleration *)acceleration
{
    Vec2 accel2D(0,0);
    Vec3 ax(1, 0, 0);
    Vec3 ay(-.63f, 0,-.92f);
    Vec3 az(Vec3::Cross(ay,ax).normalize());
    ax = Vec3::Cross(az,ay).normalize();
    accel2D.x = -Vec3::Dot(Vec3(acceleration.x, acceleration.y, acceleration.z), ax);
    accel2D.y = -Vec3::Dot(Vec3(acceleration.x, acceleration.y, acceleration.z), az);

    const float xSensitivity = 2.8f;
    const float ySensitivity = 2.8f; // yay magic numbers!
    const float tiltAmplifier = 8; // w0ot more magic numbers

    // since we are in a landscape orientation.
    // now apply it to our player's velocity data.
    // we also rotate the 2D vector by 90 degrees by switching the components and negating one
    vx += -(accel2D.y) * tiltAmplifier * xSensitivity;
    vy += -accel2D.x * tiltAmplifier * ySensitivity;
}

Then in update I do this:

-(void) update:(ccTime)delta
{
	x += vx;
	y += vy;

	// put the breaks on our velocity.
	vx *= 0.2f;
	vy *= 0.2f;

	//bound the player
	if (x > 460)
	{
		x = 460;
	}
	if( x < 20)
	{
		x = 20;
	}

	if(y > 300)
	{
		y = 300;
	}
	if( y < 20)
	{
		y = 20;
	}

    playerSprite.position = ccp(x, y);
}

Tried with setting animation refresh to 1/30, also accelerometer update interval to 1/30, nothing helps.
If I increase sensitivity via xSensitivity, ySensitivity I can get sprite to move as fast as in example project, but flickering effect is even worse.

Any idea what I'm doing wrong? Why image in my game runs much slower then in example with same settings? Could it be because in cocos2D we have update method?

Hi, everybody!
I have one sprite (image) and create object

CCSprite* sprite = [CCSprite spriteWithFile:@"first.png"];

I have another image second.png and I want to change image first.png to image second.png for object sprite. Is it impossible to write something like [sprite setSprite:@"second.png"]?

Hi Guys,

I want to talk about Sprite Master. Sprite Master is a sprite sheet generator for Mac. It generates sprite sheets using Basic and MaxRects algorithms. Also, generates coordinate data, exports .plist for Cocos2D.

If you are interested, you can take a look at http://www.mobinodo.com/spritemaster for more details.

Hi guys, I've been using cocos2d for a while (still learning) but I've just created a class that I needed which is:

A menu item that uses a Label (text) as well as Images so that you can use normal image, selected image, and disabled image. This is so you can create buttons with labels dynamically instead of making a 1000 buttons in photoshop by just changing its text.

If you observe, the text label actually moves down by 1 pixel when you press the menu item, that's meant to happen, to simulate the button being pressed.

The class is created as a cross between CCMenuItemLabel and CCMenuItemImage. It is in fact a child of the CCMenuItemImage and I've added the label capability within.

Maybe this has been created already but I couldn't find it. I hope people can benefit from this :) It works really well for me.

CCMenuItemLabelAndImage.h

/*
 * CCMenuItemLabelAndImage
 *
 * Copyright (c) 2011 Jamorn Horathai
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 */

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

@interface CCMenuItemLabelAndImage : CCMenuItemImage {
    CCNode<CCLabelProtocol, CCRGBAProtocol> *label_;
	ccColor3B	colorBackup;
	ccColor3B	disabledColor_;
}

/** the color that will be used to disable the item */
@property (nonatomic,readwrite) ccColor3B disabledColor;

/** Label that is rendered. It can be any CCNode that implements the CCLabelProtocol */
@property (nonatomic,readwrite,assign) CCNode<CCLabelProtocol, CCRGBAProtocol>* label;

/** creates a menu item with a label and a normal and selected image*/
+ (id) itemWithLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage:(NSString*)value selectedImage:(NSString*) value2;
/** creates a menu item with a label and a normal and selected image with target/selector */
+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 target:(id) r selector:(SEL) s;
/** creates a menu item with a label and a normal,selected  and disabled image */
+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 disabledImage: (NSString*) value3;
/** creates a menu item with a label and a normal,selected  and disabled image with target/selector */
+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 disabledImage:(NSString*) value3 target:(id) r selector:(SEL) s;
/** initializes a menu item with a label and a normal, selected  and disabled image with target/selector */
-(id) initFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*) value selectedImage:(NSString*)value2 disabledImage:(NSString*) value3 target:(id) r selector:(SEL) s;
#if NS_BLOCKS_AVAILABLE
/** creates a menu item with a label and a normal and selected image with a block.
 The block will be "copied".
 */
+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 block:(void(^)(id sender))block;
/** creates a menu item with a label and a normal,selected  and disabled image with a block.
 The block will be "copied".
 */
+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 disabledImage:(NSString*) value3 block:(void(^)(id sender))block;
/** initializes a menu item with a label and a normal, selected  and disabled image with a block.
 The block will be "copied".
 */
-(id) initFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*) value selectedImage:(NSString*)value2 disabledImage:(NSString*) value3 block:(void(^)(id sender))block;
#endif

/** sets a new string to the inner label */
-(void) setString:(NSString*)label;

/** Enable or disabled the CCMenuItemFont
 @warning setIsEnabled changes the RGB color of the font
 */
-(void) setIsEnabled: (BOOL)enabled;

@end

CCMenuItemLabelAndImage.m

/*
 * CCMenuItemLabelAndImage
 *
 * Copyright (c) 2011 Jamorn Horathai
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 */

#import "CCMenuItemLabelAndImage.h"

@interface CCMenuItemLabelAndImage()

- (void) repositionLabel;

@end

@implementation CCMenuItemLabelAndImage

@synthesize disabledColor = disabledColor_;

+ (id) itemWithLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage:(NSString*)value selectedImage:(NSString*) value2
{
    return [self itemFromLabel:label normalImage:value selectedImage:value2 disabledImage:nil target:nil selector:nil];
}

+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 target:(id) r selector:(SEL) s
{
    return [self itemFromLabel:label normalImage:value selectedImage:value2 disabledImage:nil target:r selector:s];
}

+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 disabledImage: (NSString*) value3
{
    return [[[self alloc] initFromLabel:label normalImage:value selectedImage:value2 disabledImage:value3 target:nil selector:nil] autorelease];
}

+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 disabledImage:(NSString*) value3 target:(id) r selector:(SEL) s
{
    return [[[self alloc] initFromLabel:label normalImage:value selectedImage:value2 disabledImage:value3 target:r selector:s] autorelease];
}

-(id) initFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*) value selectedImage:(NSString*)value2 disabledImage:(NSString*) value3 target:(id) r selector:(SEL) s
{
    if ((self = [super initFromNormalImage:value selectedImage:value2 disabledImage:value3 target:r selector:s])) {
        colorBackup = ccWHITE;
        disabledColor_ = ccWHITE;
        self.label = label;
    }
    return self;
}

#if NS_BLOCKS_AVAILABLE

+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 block:(void(^)(id sender))block
{
    return [self itemFromLabel:label normalImage:value selectedImage:value2 disabledImage:nil block:block];
}

+(id) itemFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*)value selectedImage:(NSString*) value2 disabledImage:(NSString*) value3 block:(void(^)(id sender))block
{
    return [[[self alloc] initFromLabel:label normalImage:value selectedImage:value2 disabledImage:value3 block:block] autorelease];
}

-(id) initFromLabel:(CCNode<CCLabelProtocol,CCRGBAProtocol>*)label normalImage: (NSString*) value selectedImage:(NSString*)value2 disabledImage:(NSString*) value3 block:(void(^)(id sender))block
{
    block_ = [block copy];
    return [self initFromLabel:label normalImage:value selectedImage:value2 disabledImage:value3 target:block_ selector:@selector(ccCallbackBlockWithSender:)];
}
#endif // NS_BLOCKS_AVAILABLE

-(CCNode<CCLabelProtocol, CCRGBAProtocol>*) label
{
	return label_;
}
-(void) setLabel:(CCNode<CCLabelProtocol, CCRGBAProtocol>*) label
{
	if( label != label_ ) {
		[self removeChild:label_ cleanup:YES];
		[self addChild:label];

		label_ = label;

        [self repositionLabel];
	}
}

-(void) setString:(NSString *)string
{
	[label_ setString:string];
    [self repositionLabel];
}

-(void) setPosition:(CGPoint)position
{
    [super setPosition:position];
    [self repositionLabel];
}

-(void) repositionLabel
{
    label_.position = ccp(normalImage_.position.x + normalImage_.contentSize.width/2, normalImage_.position.y + normalImage_.contentSize.height/2);
}

-(void) selected
{
	// subclass to change the default action
	if(isEnabled_) {
		[super selected];
        // Move the label down 1 point to look like the button's pressed.
        label_.position = ccp(label_.position.x, label_.position.y-1);
	}
}

-(void) unselected
{
	// subclass to change the default action
	if(isEnabled_) {
		[super unselected];
        // Move the label back up
		label_.position = ccp(label_.position.x, label_.position.y+1);
	}
}

-(void) setIsEnabled: (BOOL)enabled
{
	if( isEnabled_ != enabled ) {
		if(enabled == NO) {
			colorBackup = [label_ color];
			[label_ setColor: disabledColor_];
		}
		else
			[label_ setColor:colorBackup];
	}

	[super setIsEnabled:enabled];
}

- (void) setOpacity: (GLubyte)opacity
{
    [label_ setOpacity:opacity];
}
-(GLubyte) opacity
{
	return [label_ opacity];
}
-(void) setColor:(ccColor3B)color
{
	[label_ setColor:color];
}
-(ccColor3B) color
{
	return [label_ color];
}

@end

I have a sprite added from a method call in init using convertToNodeSpace, and it is placing it incorrectly. I use practically use the same code elsewhere to place sprites with convertToNodeSpace (placing it in the center of the iPad screen) and it works fine.

My guess is before init returns self, convertToNodeSpace cannot make an accurate conversion. Is this the problem most likely, and is there any known solutions?

I have a sprite that is called out on my gamelayer from another file using this method,
(it is called when two specific objects collide, it checks for collision from within the character file)

character.mm

....
 gamelayer * pl = [gamelayer alloc];

 [pl spawnSprite];
..

this is what is in the gamelayer..

-(void)spawnSprite{

    CCLOG(@"Spawning sprite..");
    [self createSpriteAtLocation:ccp(130,130)];
}

pretty basic stuff, the two objects collide, it is visible that they have collided,
the console outputs "Spawning sprite.." so i know that the method is working,
but for some odd reason the sprite is not visible on the screen.

i removed the entire method and added " [self createSpriteAtLocation:ccp(130,130)]; "
directly into the gamelayers init and to my surprise the sprite spawns and is visible! :O

this has kept me up all night and confused );

is there anybody in the community that can try to help me, or give me a method that might work?

-thank you for your time.
p.s I am actually trying to get a b2body character to spawn on collision but after a series of test i ended up using a sprite; the outcome is the same.

I have a sprite X which moves around as fast or slow as it likes. I have another sprite Y which moves around based on X's movement, however, it can only move at a maximum velocity. Velocity is displacement/time, and time here is the delta from the update: call. If I want a velocity of arbitrary value 5, then I read in X's displacement and the delta, and then my Y's maxDispacement = velocityX * delta. This means that if delta is very small, our Y has a smaller maximum displacement, whereas when we have a large delta, we can afford to move further and still maintain the same maximum velocity.

The issue arises when delta begins to fluctuate. If I am at a maximum displacement of 10, and delta drops, then the maximum displacement becomes 8, and Y slows down on the screen with a jitter. This shouldn't happen from what I can tell, because if delta fell, then it would mean X would move less in this update round than it did in the previous, so I should see a continuous motion for Y as well. And yet, every time delta falls and my maximum displacement reduces, the smooth motion of Y is cut short. Is there a noticeable flaw in my logic?

I'm trying to add a CCSprite and a CCLabelTTF to the side of a cube and have it use the proper perspective as it rotates. I started by trying to add a CC3Billboard to the side of a CC3BoxNode.

// Make a simple box template available. Only 6 faces per node.
CC3BoxNode *mn = [CC3BoxNode nodeWithName:kBoxName];
CC3BoundingBox bBox;
bBox.minimum = cc3v(-100.0f, -100.0f, -100.0f);
bBox.maximum = cc3v( 100.0f,  100.0f,  100.0f);
mn.uniformScale = 5.0f;
mn.material = [CC3Material material];
mn.isTouchEnabled = YES;
CCLabelTTF *testLabel = [CCLabelTTF labelWithString:@"TestBB"
                                           fontName:kStandardFontName
                                             fontSize:30.0f];
CC3Billboard *bb = [CC3Billboard nodeWithName:@"TestBB" withBillboard:testLabel];
bb.color = ccYELLOW;
bb.shouldUseLighting = NO;
bb.zOrder = -1;
bb.shouldDrawAs2DOverlay = YES;
bb.location = cc3v( 0.0, 80.0, 0.0 );
bb.unityScaleDistance = 425.0;
bb.offsetPosition = ccp( 0.0, 15.0 );
[mn addChild:bb];
[mn populateAsSolidBox:bBox];

I'm using the sample project titled CC3Demo3DTiles as a starting point and not much else has changed. I'm doing this in the initializeTemplates method.

I have been searching these forums for this answer but cannot seem to find what I am looking for. I would like to create a game that is of the Brick Breaker type where there is NO GRAVITY. Any help would be greatly appreciated! I am using SpaceManager/Chipmunk

Thank you in advance.

S.Studios

I've got a layer with a sprite (let's call it sprite A) on it, plus a menu with CCMenuItemImages. I've got the z-order on Sprite A set way high, so the CCMenuItemImage sprites will be obscured by it. (The menu can move around in certain situations). However, I'm trying to pop the CCMenuItemImage sprites ABOVE Sprite A in other situations. I've tried [self reorderChild]ing the CCMenu, the CCMenuItemImage, and the [CCMenuItemImage normalImage], all with no luck. The menu images remain behind Sprite A.

What can I do to get those menu images to pop above Sprite A?

Thanks.

I have a sprite that will change it's texture multiple times during the game. How do I check which texture it currently has?

hi, so i have these classes, how do i replace "Tower" and "Tower2" with an NSString?

Tower *tower = [[Tower alloc] initWithSpriteFrameName:@"an1_anim1.png"];

Tower2 *tower = [[Tower2 alloc] initWithSpriteFrameName:@"an2_anim1.png"];

replace it with

NSString *className = [NSString stringWithFormat:@"%d"];

className *tower = [[className alloc] initWithSpriteFrameName:@"an2_anim1.png"];

i am creating many types of sprites so if this format is possible, it will shorten my code a lot.
i tried NSClassFromString but it returns the actual Class Object and does not allow me to add an instance of it (e.g. in this case 'tower').
any help is appreciated. thanks

I have some sprites on the screen that when touched will turn black and white. How would I do that?

I have an array of sprites that I want to scale. However only the last case (case 5) runs the action and scales the sprite. I've been trying for hours to figure out why only the last one is running the action and not all of them but just can't figure it out. Here's the code:

id scaleUp = [CCScaleTo actionWithDuration:0.4 scale:1.0];

int i = 0;
for(CCSprite *bulletSprite in bulletArray) {
switch (i) {
case 0:
bulletSprite.position = ccp(110,105);
[self addChild: bulletSprite z:1000];
[bulletSprite runAction:scaleUp];
break;
case 1:
bulletSprite.position = ccp(130,105);
[self addChild: bulletSprite z:1000];
[bulletSprite runAction:scaleUp];
break;
case 2:
bulletSprite.position = ccp(150,105);
[self addChild: bulletSprite z:1000];
[bulletSprite runAction:scaleUp];
break;
case 3:
bulletSprite.position = ccp(170,105);
[self addChild: bulletSprite z:1000];
[bulletSprite runAction:scaleUp];
break;
case 4:
bulletSprite.position = ccp(190,105);
[self addChild: bulletSprite z:1000];
[bulletSprite runAction:scaleUp];
break;
case 5:
bulletSprite.position = ccp(210,105);
[self addChild: bulletSprite z:1000];
[bulletSprite runAction:scaleUp];
break;
default:
break;
}

i += 1;
}

My game is approved by the apple but the accelerometer is not working is my app. Here is the link of my app.

http://itunes.apple.com/in/app/the-plane-game-lite/id489110251?mt=8

This problem is occurring in my other too more apps which are build by using COCOS2D accelerometer code. Please help me out i have stuck here with no functionality. Here is my code. This is working fine in released code but not after approval from app store.


-(id)init
{
self.isAccelerometerEnabled = YES;
[self schedule:@selector(nextFrame:)];
}

[plane setPosition:ccp(newX,60)];
}

I'm trying to figure out an easy way to have a card flip over in a fluid animation without using several animation frames. I tried the fipx property but this is an instantAction and I want a fluid animation for the flip.

Any ideas?

Thanks

I need an action like CCFlipX3D doing. But I found it just used for CCColorLayer, not for CCSprite.
Does it mean cocos2d is 2D game engine, cannot support sprite flipping which is an 3D action?

Hi guys !

Before posting here, i'd looked in both Google and this forum, but i'd not found what i'm looking for.

I'm making a ballistic game, you have two tanks and you must shot the other tank but there is an obstacle between each tank.

My problem is I want to make my costum class "tank", I need to do it with two srpites, one is the body of the tank, the other is the cannon, here a pic if you dont really understand

http://www.hostingpics.net/viewer.php?id=559731example.png

And the canon will move with an angle. I can't use a spritesheet because all pics are made by a friends, and I don't want to give to her to much work.

So, I want to make a class, with those srpite, but i dont have any idea how to do it. I tried a class from CCNode and CCSprite, but how to integrated two sprite in place in place of one? This is my problem and I hope you will give me some tips or advice to achieve my class.

I want to move a smaller sprite that is within a larger sprite and not let the small one get out of the bounding box of the larger one. I know ccTouchMoved would be used but I can't figure out how to only move within the boundary.

Hello people.
I've got a problem that is bugging me for a long time.
I'm trying to use CCSpriteFrameCatche as a way to use images from .plist files (like most people).
However, the problem is that the sprite which needs to use CCSpriteFrameCatche is a separate class, and is added every second or so. (like a monster)
When I see tutorials like Bobueland and Raywenderlich, they use the point of main class, not seperate class.
Therefore, whenever I add a code like this in the main class:

[[CCSpriteFrameCache sharedSpriteFrameCache]
      addSpriteFramesWithFile:@"enemyAtlas.plist"];
        sceneSpriteBatchNode =
        [CCSpriteBatchNode batchNodeWithFile:@"enemyAtlas.png"];
        [self addChild:sceneSpriteBatchNode z:0];

It does not work because the image is not in the main class.
I found another method to initialize a sprite and write the spriteFrame code in the main class like this:

CCSprite *sprite = [ ccSprite alloc[nitWithSpriteFrameName:@"abc.png"]];

but that does not work in my class because I've got an array of sprites, not one, so I cannot initialize the sprite in the main class because then, I can only make one pointer to the sprite class.
Finally, the last attempt I had was to make my sprite class inherit from another class.
In the another class, I would write this:

[[CCSpriteFrameCache sharedSpriteFrameCache]
      addSpriteFramesWithFile:@"enemyAtlas.plist"];
        sceneSpriteBatchNode =
        [CCSpriteBatchNode batchNodeWithFile:@"enemyAtlas.png"];
        [self addChild:sceneSpriteBatchNode z:0];

so my sprite can recognize the ccSpriteFrameCatche from the parent class.
Unfortunately, this also did not work.
Therefore, my questions is... is there any tutorial on having to deal with another sprite class? (I watched some, but they weren't what I was looking for.)
If not, is there any suggestions?
I'm sorry for the long question, but it seems that every game has a way to make this work, but it does not work for me.
Thank you.

Hi everyone,

I have a piece of code that generates a scrolling background using the gl_repeat method. I am deallocating the sprite in the dealloc method, but it does not seem enough as my frame rate is still dropping after running the game for sometime.

Here are the relevant portions of code.

groundSprite = [[CCSprite spriteWithFile:@"platform.png" rect:CGRectMake(0, 0, winSize.width*10, 128)];
groundSprite.position = ccp(0, winSize.height * 0.14);
ccTexParams params = {GL_LINEAR, GL_LINEAR, GL_REPEAT, GL_REPEAT};
[groundSprite.texture setTexParameters:&params];
[self addChild:groundSprite];

// Update Method
CGSize size = groundSprite.textureRect.size;
groundSprite.position = CGPointMake(winSize.width*0.4+_offset, winSize.height*0.14);
groundSprite.textureRect = CGRectMake(_offset, 0, size.width, size.height);

I think I am suppose to do a sprite removal if the sprite is out of the screen and unused, but I am not sure how I can do that when the sprite has been assigned as a texture.

Can anyone provide some insight on the issue I'm facing. Thanks!

Hello, im looking some information about how fix my problem please.

What i want to do: Create dynamic objets from one thread or anything else.
Problem: when the thread is running and trying to create the object then shows a EXC BAD ACCESS

i've been reading some topics about nsthreads and glgraphic and they said that i can't modify the GLGraphics with a thread. so i want to know other solutions to create a dynamic CCSpriteBatchNode objects

i hope someone know any solution for my problem. Thanks!

My snipet example:

i call this function on my main method

[NSThread detachNewThreadSelector:@selector(newMonster:) toTarget:self  withObject:self];

this is how i create new monsters

-(void) newMonster:(Game*)myGame
{
	NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];

	while (TRUE)
	{
		sleep(3);
		Monster *_monster = [Monster monsterWithGame:myGame];
		[myGame addChild:_monster.batchNode z:6];
	}

	[pool release];
}

This is how i made the monster. on Monster.m

+(id) monsterWithGame:(Game*)game
{
	return [[[self alloc] initWithGame:game] autorelease];
}

-(id) initWithGame:(Game*)game
{
	cpShape *shape = [game.spacemanager addRectAt:cpvzero mass:STATIC_MASS width:30 height:30 rotation:0];
	return [self initWithGame:game shape:shape];
}

-(id) initWithGame:(Game*)game shape:(cpShape*)shape;
{
	[[CCSpriteFrameCache sharedSpriteFrameCache] addSpriteFramesWithFile:@"walksprite.plist"];
	CCSpriteBatchNode *spriteSheet = [CCSpriteBatchNode batchNodeWithFile:@"walksprite.png"];
	[super initWithShape:shape spriteFrameName:@"walk1.png"];
	_game = game;

	self.autoFreeShape = YES;
	self.spaceManager = game.spacemanager;

	NSMutableArray *walkAnimFrames = [NSMutableArray array];
	for(int i = 1; i <= 3; i++)
	{
		[walkAnimFrames addObject:[[CCSpriteFrameCache sharedSpriteFrameCache]
		spriteFrameByName:[NSString stringWithFormat:@"walk%d.png", i]]];
	}

	CCAnimation *walkAnim = [CCAnimation animationWithFrames:walkAnimFrames delay:0.3f];
	walkingAction = [CCRepeatForever actionWithAction:[CCAnimate actionWithAnimation:walkAnim restoreOriginalFrame:YES]];

	[spriteSheet addChild:self];
	self.batchNode = spriteSheet;

	return self;
}

thanks...

Hey everybody!

Here's what I'm trying to do: let's say we have an image and a square sprite with random size. I need to take a random area from the image like this:

And apply it as a texture to the square sprite like this:

Is there a way to do so in cocos2d with OpenGL? Unfortunately, I'm not very good with OpenGL (yet), so I will really appreciate if someone will point me in a right direction.

Thanks!