MenuItem FadeIn glitch? « cocos2d for iPhone

cocos2d for iPhone » Programming » cocos2d support (graphics engine)

MenuItem FadeIn glitch?

(11 posts) (6 voices)

Started 2 years ago by Joe Henry
Latest reply from ShaneT

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 2 years ago #
Tim
Member
Try setting opacity to zero before running the action:
```
settings.opacity = 0;
```
Posted 2 years 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 2 years ago #
Tim
Member

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

Posted 2 years 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 2 years ago #
caw4949
Member

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

Posted 2 years 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 2 years 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 2 years 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 2 years ago #
gangcil
Member
@tim:
thanks for the post...well it works well and the object fade in correctly......but what if i want to fade out it again??? here is what i did..

first add a sprite to scene
```
resumeS = [CCSprite spriteWithFile:@"Background_Pause_pad.png"];
		[resumeS setPosition:ccp(384,470)];

		[self addChild:resumeS z:1];
```
than fadein it in response to button press
```
resumeS.opacity = 0;

	       [resumeS runAction:[CCFadeIn actionWithDuration:2]];
```
and once again fadeout it response to button

[resumeS runAction:[CCFadeOut actionWithDuration:2]];`
`
but it does not work.....
Posted 1 year ago #
ShaneT
Member

Hi,

I am trying to make a menu see through.

radioMenu.opacity = 0;

When I try this I get told opacity is a readonly fielld and cannot be set.

Same goes for

((CCMenuItem*) settings).opacity = 0;
or
[(CCMenuItem*)settings setOpacity: 0];

How do I make a menu item images opacity 50?

I am trying to implement a pause button on the screen to pause and resume.

The pause button is on the Hud Layer.

Thanks

Shane

Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.