MenuItem FadeIn glitch? « cocos2d for iPhone

cocos2d for iPhone » Programming » cocos2d (graphics engine)

MenuItem FadeIn glitch?

(9 posts) (4 voices)

Started 7 months ago by Joe Henry
Latest reply from Joe Henry

Tags:

Joe Henry
Member

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

Posted 7 months ago #
Tim
Member
Try setting opacity to zero before running the action:
```
settings.opacity = 0;
```
Posted 7 months ago #
Joe Henry
Member

Yeah, I did try that and it gives me this error:

"Request for member 'opacity' in something not a structure or union"

...Any ideas?

Thanks for your response =]

Posted 7 months ago #
Tim
Member

Try assigning the menu item 'settings' to a Menu and then applying the change in opacity to the menu.

Posted 7 months ago #
Joe Henry
Member

Thanks for the speedy reply Tim!
Your idea about fading after I setup the menu didn't work... I get the same results... =[

I've tried setting it up like:

[settings runAction:[FadeIn actionWithDuration:0.5]];

and also like this:

Action *fade = [FadeIn actionWithDuration:0.5]]; [settings runAction:fade];

but neither of those work. After working with this and testing the different methods I found that the glitch actually appears to be random... sometimes everything fades in properly, and sometimes I get the glitch...

Could it have to do with loading time? Like maybe it's taking to long to load the position and rotation properties so it displays the image before it gets to the fade part of the code? I'm new to cocos2d so I'm just guessing... I just tried splitting the code up into two different methods so that the image position and fade in were called after everything else was loaded but it's still acting up....

Any other ideas? Or is this maybe just something wrong with cocos?

Posted 7 months ago #
caw4949
Member

How about initializing the menu item off screen, and change to the correct position before running your action?

Posted 7 months ago #
Lam
Member
@guitarcrazy087

'Try assigning the menu item 'settings' to a Menu and then applying the change in opacity to the menu.'

What Tim is saying above is to cast your 'settings' variable to the appropriate Class that has an RGBAProtocol.

(Note: I'm working with 0.9 so naming has changed but you know the corresponding 0.8 names)
CCMenu inherits the RGBAProtocol to have modifiers to 'opacity'

But you're stating that settings.opacity doesn't work therefore I'll assume that you've declared it as: ('settings' is missing the type declaration so it's hard to tell)
```
id settings = [MenuItemImage itemFromNormalImage:@"settings.png" selectedImage:@"settings.png" target:self selector:@selector(settingsScene:)];

or CocosNode *settings = [MenuItemImage itemFromNormalImage:@"settings.png" selectedImage:@"settings.png" target:self selector:@selector(settingsScene:)];
```
id (or 'CocosNode') does not inherit the RGBAProtocol though (or the 0.8 namespace for an RGBAProtocol) so it needs to be casted to a class that does in order for the compiler to be able to allow a change in opacity.
```
((CCMenuItem*) settings).opacity = 0;
or
[(CCMenuItem*)settings setOpacity: 0];
```
Posted 7 months ago #

Yeah, I was quickly posting before walking out the door this morning so should've clarified...here's what I use for a fade in menu:

MenuItem *previous = [MenuItemImage itemFromNormalImage:@"previous-button.png" selectedImage:@"previous-button-pressed.png" target:self selector:@selector(previousSong:)];
MenuItem *stop = [MenuItemImage itemFromNormalImage:@"stop-button.png" selectedImage:@"stop-button-pressed.png" target:self selector:@selector(stopMusic:)];
MenuItem *play = [MenuItemImage itemFromNormalImage:@"play-button.png" selectedImage:@"play-button-pressed.png" target:self selector:@selector(playMusic:)];
MenuItem *next = [MenuItemImage itemFromNormalImage:@"next-button.png" selectedImage:@"next-button-pressed.png" target:self selector:@selector(nextSong:)];

radioMenu = [Menu menuWithItems:previous, stop, play, next, nil];
[radioMenu alignItemsHorizontally];
radioMenu.position = ccp(240, 22);
radioMenu.opacity = 0;
[self addChild:radioMenu z:3];
[radioMenu runAction:[FadeIn actionWithDuration:.5]];

Hope this helps or clarifies my earlier post.

Posted 7 months ago #

Joe Henry
Member

Wow, thanks for the help guys! I fiddled with it so much yesterday that I just decided to fade my whole scene in and forget about menuItem fades, although I wouldn't mind getting that working. I'll take a look at it and seen if any of those suggestions work! Thanks a bunch!

- Joe

Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.