Something along these lines worked for me.

self.theMap = [CCTMXTiledMap tiledMapWithTMXFile:MapFile.tmx];
self.bgLayer = [theMap layerNamed:@"bg"];
self.overLayer = [theMap layerNamed:@"over"];
self.stLayer = [theMap layerNamed:@"st"];
stLayer.visible = NO;
[self addChild:theMap];
[self reorderChild: overLayer];

CCTMXObjectGroup * tileMapObjects = [theMap objectGroupNamed:@"oj"];

NSMutableDictionary * hummingBirdDic = [tileMapObjects objectNamed:@"hummingBird"];

for (hummingBirdDic in [tileMapObjects objects]) {
if ([[hummingBirdDic valueForKey:@"name"] isEqualToString:@"hummingBird"]){
int x = [[hummingBirdDic valueForKey:@"x"]intValue];
int y = [[hummingBirdDic valueForKey:@"y"]intValue];
CCSPRITE * spriteGFX = [CCSprite spriteWithFile:@"hummingBird.png"];
[self addChild:spriteGFX];
}
}

Shader Program can help me to implement the effect I want. :)

Hi @Par & @plugboy,

I tried to use glTexEnvi in cocos2d-iphone, but it did not work. Did I miss something? Here are my codes, could you help to take a look?

@implementation CCSpriteTint

@synthesize colorOpacity = colorOpacity_;

-(void) draw
{
	CC_PROFILER_START_CATEGORY(kCCProfilerCategorySprite, @"CCSprite - draw");

	NSAssert(!batchNode_, @"If CCSprite is being rendered by CCSpriteBatchNode, CCSprite#draw SHOULD NOT be called");

	CC_NODE_DRAW_SETUP();

	// set blend func
	ccGLBlendFunc( GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA );

	// enable
	glActiveTexture( GL_TEXTURE0 );
	glEnable( GL_TEXTURE_2D );

	ccGLBindTexture2D( [texture_ name] );

	// set color
	float tinting[4] = { color_.r/255.0f, color_.g/255.0f, color_.b/255.0f, colorOpacity_/255.0f };
	glTexEnvfv(GL_TEXTURE_ENV, GL_TEXTURE_ENV_COLOR, tinting);

	// texEnvi
	glTexEnvi(GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_COMBINE);
	glTexEnvi(GL_TEXTURE_ENV, GL_COMBINE_RGB,      GL_ADD);
	glTexEnvi(GL_TEXTURE_ENV, GL_SRC0_RGB, GL_PREVIOUS); // color
	glTexEnvi(GL_TEXTURE_ENV, GL_SRC1_RGB, GL_TEXTURE); // texture

	//
	// Attributes
	//

	ccGLEnableVertexAttribs( kCCVertexAttribFlag_PosColorTex );

#define kQuadSize sizeof(quad_.bl)
	long offset = (long)&quad_;

	// vertex
	NSInteger diff = offsetof( ccV3F_C4B_T2F, vertices);
	glVertexAttribPointer(kCCVertexAttrib_Position, 3, GL_FLOAT, GL_FALSE, kQuadSize, (void*) (offset + diff));

	// texCoods
	diff = offsetof( ccV3F_C4B_T2F, texCoords);
	glVertexAttribPointer(kCCVertexAttrib_TexCoords, 2, GL_FLOAT, GL_FALSE, kQuadSize, (void*)(offset + diff));

	// color
	diff = offsetof( ccV3F_C4B_T2F, colors);
	glVertexAttribPointer(kCCVertexAttrib_Color, 4, GL_UNSIGNED_BYTE, GL_TRUE, kQuadSize, (void*)(offset + diff));

	glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);

	CHECK_GL_ERROR_DEBUG();

#if CC_SPRITE_DEBUG_DRAW == 1
	// draw bounding box
	CGPoint vertices[4]={
		ccp(quad_.tl.vertices.x,quad_.tl.vertices.y),
		ccp(quad_.bl.vertices.x,quad_.bl.vertices.y),
		ccp(quad_.br.vertices.x,quad_.br.vertices.y),
		ccp(quad_.tr.vertices.x,quad_.tr.vertices.y),
	};
	ccDrawPoly(vertices, 4, YES);
#elif CC_SPRITE_DEBUG_DRAW == 2
	// draw texture box
	CGSize s = self.textureRect.size;
	CGPoint offsetPix = self.offsetPosition;
	CGPoint vertices[4] = {
		ccp(offsetPix.x,offsetPix.y), ccp(offsetPix.x+s.width,offsetPix.y),
		ccp(offsetPix.x+s.width,offsetPix.y+s.height), ccp(offsetPix.x,offsetPix.y+s.height)
	};
	ccDrawPoly(vertices, 4, YES);
#endif // CC_SPRITE_DEBUG_DRAW

	// reset
	glTexEnvi(GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_MODULATE);
	glBlendFunc( CC_BLEND_SRC, CC_BLEND_DST );

	CC_PROFILER_STOP_CATEGORY(kCCProfilerCategorySprite, @"CCSprite - draw");
}

@end

Hey gyus,

I'm developing games on cocos2d for a while, but in the newest game I got something strange.

On debug everything works fine, otherwise some of graphics - CCSprite - are disappearing.

Anybody been there? :)

thanks!

This post is 3 months old! I hope he has removed it.

You can't remove objects from an array as you cycle upwards through the array. Either loop through descending, or add the items to be removed into a holding array and then remove them implicitly in a separate loop.

@goodeats2009: Have you solved your issue?

Hello guys,

I've been searching for a solution for my finding objects game but couldn't find anything yet; What I must deal is that I have couple of objects that are placed on top of each other and I need to remove them in a certain order (in this case it will be the z order).
How do I manage the objects that are placed in two layers which have been added to a parallaxNode?

any examples or tips for this will be nice!

Not yet but it will have.

You can take a look at FAQ page (http://www.mobinodo.com/spritemaster/faq.html) for next feature and roadmap. Also, I'm accepting feature requests, this will give a right shape to the application.

If we talk about 'now', there is no better features for all of the applications but partially yes. I don't want to talk about differences between those application because it's not ethical for me.

Thanks.

Does this have any benefits over for example texture packer or zwoptex or texturehelper?

Thanks

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.

I found a Tutorial that teaches how to do this:

http://mobile.tutsplus.com/series/build-a-caterpillar-game-with-cocos2d/

@plugboy, The last post I have here pretty much describes the solution, the only thing you really need is a way to change the tinting amount. You could change setColor to take alpha as well but instead I chose to simply create a colorOpacity variable. I've had issues with getting the alpha to work as well when it comes to additive combining the textures. I haven't spent a lot of time trying to solve that issue because I don't need it yet. However, the code I'm using for tinting allows you to fade sprites in and out no problem.

If you are having problems with setOpacity not working though, it's likely because the way you are combining the textures, at least from my experience.

Here check out the article I just wrote on it, should solve your problem: http://digitallybold.com/314/cocos2d-additive-sprite-color-tinting

Hope this helps.

I'd really like to know how to change the Hue of graphics, just like in Flash.
Any idea how that works? :)

thanks! :)

I just finished a tutorial on setting up new sprite classes that will use setColor to modify the sprites colors in different ways from normal. Here's the link: http://digitallybold.com/314/cocos2d-additive-sprite-color-tinting

The tutorial explains how to subclass CCSprite and change the OpenGL texture rendering so that setColor produces different effects. For example:

[sprite setColor:ccc3(0, 0, 255)];

produces different things based on the way your texture environment is set up allowing you to have additive coloring and even tinting. As seen below:

Likewise you can take the tinting and apply it in lesser amounts to produce different effects like below:

Anyway, I know this has been asked for in the past so I wanted to share how I've been able to do it. Here's the link again: http://digitallybold.com/314/cocos2d-additive-sprite-color-tinting

Thanks, I hope this helps. I'd love to see someone take the openGL and come up with some different effects.

Hi knightkrows,
I eventually ended up just having two sets of graphics, SD and HD. All the sprites are placed in the middle, and the backgrounds are placed so that they cover up the areas clipped on an iPhone. I just make sure not to place anything of importance in those particular areas.

To have a sprite behind another one, it must be added before. the draw are done in the "addchild" order, so first add, first display and the last are the top most.

you can create sprite, without "addchild" it and do all addchild at the end of the method, that way, you can manage who are on top and who are on bottom.

i think the best way for you to learn "game programming", is to buy some books, on cocos 2D programming or on "general" game programming.

@JC I need more help figuring out how to apply your method to my code above. The only thing I could think of (being so new to this), is to duplicate my code to create a "myBox1" to follow "myBox".

'CCSprite *myBox = [CCSprite node];
[myBox setTextureRect:CGRectMake(0, 20, 8, 8)];
[myBox setPosition:ccp(160, 340)];
[myBox setAnchorPoint:ccp(.5,10)];

[myBox setColor:ccGREEN];
[self addChild:myBox];

id rotate1 = [CCRotateBy actionWithDuration:0 angle:15];
id delay = [CCDelayTime actionWithDuration:.1];

[myBox runAction:[CCRepeatForever actionWithAction:[CCSequence actions:rotate1, delay, nil]]];

CCSprite *myBox1 = [CCSprite node];
[myBox1 setTextureRect:CGRectMake(0, 20, 8, 8)];
[myBox1 setPosition:ccp(160, 340)];
[myBox1 setAnchorPoint:ccp(.5,10)];

[myBox1 setColor:ccc3(0, 255, 255)];
[self addChild:myBox1];

id rotate2 = [CCRotateBy actionWithDuration:0 angle:15];
id delay2 = [CCDelayTime actionWithDuration:.1];

[myBox1 runAction:[CCRepeatForever actionWithAction:[CCSequence actions:rotate2, delay2, nil]]];'

Now how do I get it so "myBox1" is not on top of "myBox", but one step behind.

Having no background in programming, even this simple task is hard to figure out for me. Even though there are a lot of tutorials on YouTube, its hard to find one that discusses my specific situation. I have also been searching (without success) for a school nearby that teaches cocos2d. If I had a professor that could show me how to do the specific things I want to do, my progress would be much accelerated. I want to know, how others, like yourself, learned when you were just starting out. Any advice I can get, from more experienced programmers, is much appreciated.

Thank You.

Hi,
I found this as a best approach up to now.

http://www.raywenderlich.com/2560/how-to-create-a-mole-whacking-game-with-cocos2d-part-1

I used this same concept for following universal games

http://itunes.apple.com/app/house-no.13!!/id435333789?mt=8
http://itunes.apple.com/us/app/the-night-of-santa/id483218121?mt=8

I used two types of graphics only:
1.normal graphics
2.Retina graphics

The only additional iPad graphics were required for only background images. Rest all frames of retina graphics were used as iPad graphics.

Thanks,
knightkrows

I kind of do, and I think I'm going with a similar approach. Make the backgrounds a wee bit larger, see to it that nothing of importance are in the areas that are not visible on the iPhones.

in my apps, i'm using ipad texture in retina instead of retina texture in ipad, because of the ratio of the screen. and use the same 'ratio' (ipad ratio) for non retina iphone (so the background will be a little to big for non retina iphone) to make it easier to manage all assets.

with that, i only have to scale done on iphone my image by 640/768, and prevent using the left/right part of the image which is not visible on iphone.

all my coords are based on the center of the image and placed in the "background image" space (ex : -1, -1 is the left bottom on ipad, but is not visible on iphone). so i'm in a reduced normalized space and use only position for X from - 0.9f to 0.9f.

i don't know if you understand what i mean :X in my head, it's clear :D

PROBLEM SOLVED :)

"An array of sprites" and "snake games": Thank you, I did a search on both of these and lots of results came up. I am in the process of going through them, one by one, to learn how others are doing it.
"Merci Beaucoup!" : )

I am currently working on a universal app with Cocos2D and I have some questions about scaling. I have already dealt with the positioning issue thanks to this guy (http://michaelgilkes.info/cocos2d-using-hd-images-for-ipad-in-a-universal-app/), but I want to stretch the -hd textures to cover up the iPad window.

i.e. for my 'root' class (which inherits CCSprite) I do this after initializing:

if(IS_IPAD())
        {
            self.scaleX = kIpadScaleXRatio;
            self.scaleY = kIpadScaleYRatio;
        }

I already know the bounding box method fails to take scaling into account so I overrode it:

- (CGRect)boundingBox
{
    CGRect rect = CGRectMake(self.position.x, self.position.y, self.contentSize.width*self.scaleX, self.contentSize.height*self.scaleY);

    CGRect returnRect = CGRectApplyAffineTransform(rect, [self nodeToParentTransform]);

    return CC_RECT_PIXELS_TO_POINTS(returnRect);
}

None of this seems to work perfectly, since my 640x960 texture doesn't actually cover up the entire window. I really want to avoid a third set of textures for the iPad version.

Would this approach even work? Or am I making a total arse of myself? If it actually would work, is there anything else to consider but the boundingBox method?

Thanks in advance.

i get error about the CC when i change it to Sprite it dont have any errors

Hmmm...

If you have this line in your project

CCSprite *target = [CCSprite spriteWithFile:@"waa.png"];

and it gives you a compile error, it sounds like your project is a bit foobar.

yes i do.. and CC still dont work XD

you do have the #import 'cocos2d.h' at the top of your layer/scene right?

If you are getting errors for every CC-related reference, is sounds like you are missing the import.
Cocos2D uses a CC prefix on most (if not all) of it's methods/classes and these should not be generating errors.

as i said i just downloaded this open source app.. it has a cocos2d in it. but everytime i call CC it says that it is undeclared i am thinking that the cocos2d of this app is old? dont you think

Is Sprite your own class? I don't recognise this as a Cocos2D class.