cocos2d for iPhone

A fast, easy to use, free, and community supported 2D game engine

1. 

   colinator
   Member

   Hi!

   There've been some questions previously about how to achieve a card flip effect, and it hasn't really been answered. So, anybody?

   The approach I've thought to try was to apply FlipX3D to a sprite. The problem is that it flips about the vertical axis of the entire screen instead of the sprite. Changing the anchor point of the sprite does have an effect, but it seems to not be very logical; I'd thought that thesprite.anchorPoint = CGPointMake(thesprite.position.x/480, thesprite.position.y/320) would do it... maybe I don't understand anchor points.

   Any other ideas? The camera rotation, I've read, also suffers from only being able to rotate about the screen's vertical axis. That still true? Any other ways to do this?

   I'm interested in the actual 3-d flip effect, not just the endpoint.

   thanks!

   Posted 2 years ago #
2. 

   onedayitwillmake
   Member

   I haven't tried this at all, but what happens if you animate the scaleX from 1 to -1?
   That's not quite a flip3d effect, but if you animate it up at the same time and make it fairly brief would fake it pretty ok. Or at least give you a decent base to work with.

   Also in the cocos2dtest, there's an atlasspritetest (i forget which one sorry) that test using opengl Z values, and it looks like it pretty much moves how you are asking.

   Posted 2 years ago #
3. 

   Vramin
   Member

   I know that this is an old thread, but it got me thinking about my own card flipping routine. I decided to try FlipX3d, but for some reason when I include it, it tanks the performance of the entire game, and the effect is very choppy. I still get a bit of a fisheye effect with CCOrbitCamera, but it works pretty well, and performs well.

   In case anyone is still looking, here's what I'm using:

   - (void) flip: (BOOL) showFace
   {
   	_isFaceUp = showFace;
   	float d = 0.25f;
   	id firstAction = [CCOrbitCamera actionWithDuration:d/2 radius:1 deltaRadius:0 angleZ:0 deltaAngleZ:90 angleX:0 deltaAngleX:0];
   	id secondAction = [CCOrbitCamera actionWithDuration:d/2 radius:1 deltaRadius:0 angleZ:270 deltaAngleZ:90 angleX:0 deltaAngleX:0];
   	[self runAction: [CCSequence actions:
   					  firstAction,
   					  [ImageSwapAction actionWithCard: self],
   					  secondAction,
   					  nil]];
   }

   And in my custom action:

   -(void) update: (ccTime) dt
   {
   	if (card.isFaceUp == YES)
   	{
   		card.textureRect = card.faceRect;
   	}
   	else
   	{
   		card.textureRect = card.backRect;
   	}
   }

   Posted 1 year ago #
4. 

   randomtruth
   Member

   @Vramin
   Do you have a depth buffer set. If you dont, the 3d animations will be slow.
   [[CCDirector sharedDirector] setDepthBufferFormat:kDepthBuffer16];

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.