A fast, easy to use, free, and community supported 2D game engine
Gumersindo
Member
I'm trying to reproduce what I did in the following illustrations:
http://s2.subirimagenes.com/imagen/previo/thump_7464633fade1.png
http://s2.subirimagenes.com/imagen/previo/thump_7464638fade2.png
http://s3.subirimagenes.com:81/imagen/previo/thump_7464642fade3.png
I want to fade out a scene using a circle that becomes smaller until the whole screen has turned black. How can I do it easily?
Smauky
Member
If theres no transition that does it (i dont know) you can simply add a sprite with that circle transparent, center it on your character/center of the screen, start it scaled up, and do a scaledown animation to it till it gets the size you want. Its not the best option (transparency really hits FPSs) but if you have few sprites on screen it should work for you.
Smauky
Member
Not really, just a full screen (like a background) image, and if memory its a problem (as a RGB4444 a full screen for iphone (normal, not retina) its just 480x320 texture.
CCSprite *sprite = [CCSprite withSpriteFile:@"image_with_a_hole.png"];
sprite.position = ccp(240,160);
sprite.scale = 10;
[self addChild:sprite z:uppest_zOrder];
[sprite runAction:[CCScaleTo actionWithDuration:any_duration scale:1];
If a 480x320 texture its too much for you, you have 2 options:
- Split it, use half/quarter the original image and add them all in a CCNode/CCSprite and scale the container CCNode/CCSprite
- If you dont use any gradiant on the image, and the resolution its not a problem you can use use a image of 120x80 and run the animation to scale:4 instead of scale:1
As i say on my post, its not the best solution, of course, but if theres no CCTransition that does it, can be a really simple solution.
toadkick
Member
My solution for this was similari to @Smauky's first suggestion. I created a sprite that contained the "hole":
Then I put it on a layer, and then put 4 other non-textured black colored CCSprites on each of the 4 sides of the hole sprite, with the ones on the top and bottom being the same width as the hole sprite, while the ones on the right and left are the height of the hole sprite plus the height of the top and bottom black sprites. This way I could make the entire layer as big as I needed it to be, and position the hole anywhere on the screen. Worked pretty well for me, and it uses minimal resources.
You must log in to post.
