Device orientation - autorotate? « cocos2d for iPhone

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

Device orientation - autorotate?

(11 posts) (7 voices)

Started 2 years ago by yusef
Latest reply from andrewjg

Tags:

yusef
Member

Hi cocos2d folks! I've been playing with Cocos2d for a few weeks now, and I really dig it. I was wondering about auto rotation - I've searched around but can't find any info about it. It looks like autorotate is not supported, is that correct? It doesn't seem like it would be too hard to roll a solution with a custom ViewContoller that overrides the shouldAutorotateToInterfaceOrientation: and willAnimateSecondHalfOfRotationFromInterfaceOrientation:duration: methods to manually set the orientation in the Director, and possibly send out an NSNotification to interested parties. Still, if there's a built-in solution that I'm missing, that'd be cool...

Anyway, apart from that I just want to say hi to the community, and thanks for this sweet framework! I'm looking forward to digging deeper into it in the coming weeks.

thanks,
yusef

Posted 2 years ago #

yusef
Member

Well, I figured out how to handle auto-rotation. It turns out that if you let the view controller handle it with shouldAutorotateToInterfaceOrientation: things are a little screwed up. The solution is to register for notifications when the orientation changes like this:

// Tell the UIDevice to send notifications when the orientation changes
	[[UIDevice currentDevice] beginGeneratingDeviceOrientationNotifications];
	[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(orientationChanged:) name:@"UIDeviceOrientationDidChangeNotification" object:nil];

I put that in my AppDelegate's applicationDidFinishLaunching: method. Then the observation method looks like this:

// tell the director that the orientation has changed
- (void) orientationChanged:(NSNotification *)notification
{
	UIDeviceOrientation orientation = [[UIDevice currentDevice] orientation];
	[[Director sharedDirector] setDeviceOrientation (ccDeviceOrientation)orientation];
}

This rotates the view properly, but you might need to layout your nodes to the proper places in the new orientation. So in any scene or layer that needs to respond to orientation changes, you just add

[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(orientationChanged:) name:@"UIDeviceOrientationDidChangeNotification" object:nil];

to the init method, and do whatever you need in the orientationChanged: method. Also, it's a good idea to add this to your dealloc method:

[[NSNotificationCenter defaultCenter] removeObserver:self];

Hope that helps someone!

Posted 2 years ago #

jd
Member

This will automatically rotate your Scenes depending on orientation? Like landscapeleft to portrait to landscaperight, etc.? Nice work.

Posted 2 years ago #
Jeston
Member

hrrmmmm, any thoughts on how to provide a decent transition ?

If you call the directors setDeviceOrientation it does a hard cut, and if you want something fancier like watching the entire gamescene rotate and zoom to fit the new screen the coordinate frame issues get drastically complicated?

I am doing something like this on the root scene node when notified from a Potrait to Left Landscape for example:
[self runAction:[ScaleTo actionWithDuration:0.5f scale:1.5]];
[self runAction:[RotateTo actionWithDuration:0.5f angle: 90]];

but doing this:
[[Director sharedDirector] setDeviceOrientation: cor];
[self runAction:[ScaleTo actionWithDuration:0.5f scale:1.5]];

doesn't provide a nice look and you have to re-compute world coords on every node ,

thoughts? I am surprised the director doesn't have a bool to dispatch the device orientation changes

Posted 2 years ago #
yusef
Member
Hmm. It seems like the Director does its actual rotation in the applyLandscape method. So presumably you could comment out this line in the Director's mainLoop:
```
[self applyLandscape];
```
That way you'd be able to apply your own translation/rotations, but you'd still get the appropriate coordinate translation from [[Director sharedDirector] convertToGL:point]. I haven't tested this at all, so who knows. Worth looking into though...
Posted 2 years ago #
QcMat
Member

I don't want autorotate for my game (Because it annoys me) but couldn't you just rotate your main scene by checking accelerometer X values? if the iPhone is rotated for more than a second, give it a RotateTo action.

I always thought you could do it that way.

Posted 2 years ago #

Jeston
Member

Ah ok, I see, the applyLandscape is just another Transform at the root level, I thought it was doing something fancier when I first looked at it.

-(void) applyLandscape
{
                // . . .
		case CCDeviceOrientationPortraitUpsideDown:
			glTranslatef(160,240,0);
			glRotatef(180,0,0,1);
			glTranslatef(-160,-240,0);
			break;
                // . . .
}

So in essence you do not even have to send a message to the director to do this. You can do it yourself on the root scene node just fine. I finally settled on this:

//******************************************************
// Device rotated
//******************************************************
- (void) DeviceRotated:(NSNotification *)notification
{
	UIDeviceOrientation orientation = [[UIDevice currentDevice] orientation];
	ccDeviceOrientation cor = (ccDeviceOrientation)orientation;

	if( cor == UIDeviceOrientationLandscapeLeft)
	{
		[self runAction:[ScaleTo actionWithDuration:0.25f scale:1.5]];
		[self runAction:[MoveTo actionWithDuration: 0.25f position:ccp(130, 0)]];
		[self runAction:[RotateTo actionWithDuration:0.25f angle: 90]];
	}
	else if ( cor == UIDeviceOrientationLandscapeRight )
	{
		[self runAction:[ScaleTo actionWithDuration:0.25f scale:1.5]];
		[self runAction:[MoveTo actionWithDuration: 0.25f position:ccp(-130, 0)]];
		[self runAction:[RotateTo actionWithDuration:0.25f angle: -90]];
	}
	else if ( cor == UIDeviceOrientationPortrait )
	{
		[self runAction:[ScaleTo actionWithDuration:0.25f scale:1]];
		[self runAction:[MoveTo actionWithDuration: 0.25f position:ccp(0, 0)]];
		[self runAction:[RotateTo actionWithDuration:0.25f angle: 0]];
	}
}

which keeps my game world "Upright" no matter how they have the phone rotated and when it switches, it switches with a nice scale / rotation smoothly.

"self" is my GameLayer and constitutes the 'world space'. So after the world is rotated and I want something to move to say pixel ( 150, 230 ) in my GameSprite, you can figure out what the Screen to Parent coordinates are with a call to convertToNode:

CGPoint sloc = ccp( 150, 230 );
	parentloc = [parent convertToNodeSpace: sloc];

I wish there was an adoptNode and convertNodeToNode

Posted 2 years ago #

yusef
Member

Cool! nice work Jeston, bypassing the director does seem to make things simpler. I had forgotten about convertToNodeSpace: - that takes care of the transformation nicely.

Posted 2 years ago #
spawrks
Member

Jeston,

Have you found a way to correctly place something like this during transitions? I adapted your approach and you're right, it looks great when you're dealing with one scene, but when I replace that scene with a new one:

SuperParentScene *parent = [SuperParentScene node];
TestMenu *nextmenu = [TestMenu node];
[parent addChild:nextmenu];

[[CCDirector sharedDirector] replaceScene:[CCZoomFlipXTransition transitionWithDuration:1.2f scene:parent]];

The next scene can sometimes be upside down until you jiggle the device. I tried:

parent.rotation = [self parent].rotation;

and variations, it looks like after a transition everything kind of gets 'reset' . In that code above I have my SuperParentScene wrapping all other scenes for rotation, so I can't really replace my scene with itself, I have to create a new instance of the SuperParentScene.

Sometimes I can get the transition to at least rotate to with the correct new orientation, but the minute the transition is completed the scene will flip. I can dig around more but I was just wondering if anyone had any 'obvious' cocos2d way of solving this before I start hacking at transition code.

;)

great approach though jeston! looks great...

Posted 1 year ago #
arminrox
Member
Please help...

I am having some problems with keeping the orientation in landscape but switching between left and right landscape according to how they hold the iphone. The following code works in terms of switching my view around correctly, but when when I hold the device in portrait and then hold it back in landscape, all my menu items stop responding!
```
- (void) orientationChanged:(NSNotification *)notification
{
	UIDeviceOrientation orientation = [[UIDevice currentDevice] orientation];
	NSLog(@"orientation: %d" , orientation);

	if(orientation == UIDeviceOrientationLandscapeLeft)
	{
		[[Director sharedDirector] setDeviceOrientation:CCDeviceOrientationLandscapeLeft];

	} else if(orientation == UIDeviceOrientationLandscapeRight){
		[[Director sharedDirector] setDeviceOrientation:CCDeviceOrientationLandscapeRight];

	}
}
```
So as you can see I am ignoring all other orientations. Could this be a bug in cocos2d 8.2?
Posted 1 year ago #
andrewjg
Member

arminrox: I'm seeing the same problem (menu buttons disabled after a change in orientation). I'm running using 0.99.2.

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.