A fast, easy to use, free, and community supported 2D game engine
If I want to support both landscape and portrait orientations (like in a book app), I'll need to adjust the layout within a scene. How and where would I do that? I noticed that in RootViewController.m when set to kGameAutorotationUIViewController it calls
-(void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)durationI thought of notifying the currentScene in there, but wasn't sure if there is a better way. Thanks.
Mark Sawicki
Member
@sabshire,
Once you do your the 'git clone ...' you just need to 'git checkout develop', and it'll switch you to the develop branch and set up your remote tracking branch. I was a little confused by that too, as git is completely new to me.
edit: Starting another thread here.. don't want to hijack this one.
-Mark
@mark,
I did that, but then what? git is new to me as well.
I did the clone, then I did a git checkout develop, but it didn't seem to do anything. for now, I'll probably just download it through http from the website, which works ok. I would like to know how to do the command line though, so if you could give me a quick step by step, I'd appreciate it.
Thanks!
Stacey
willismorse
Member
I grabbed the developer branch to play with the new autorotation stuff. I successfully got the branch, installed the templates
and got the sample app running using UIViewController autorotation.
But I'm still seeing the same rotation behavior that I do in 99.4. When I rotate the app from portrait to landscape, the HelloWorld layer is not resized to the landscape width; it stays at it's previous portrait width.
The result is that the "Hello World" text node does not appear centered in the screen in landscape; it's shifted up and to the left. Interestingly, it's the same horizontal offset from the left side as it was in portrait, but much closer to the top than it was in portrait.
Is this intended behavior?
ob1
Member
I also have a strange problem on the iPad simulator (or maybe I missed something). I am trying to make a portrait only app.
I took the latest git develop branch today. Made some changes for iPad (and fixed the missing CCTexturePVR files in the template). Then I just ran the template as-is with the HelloWorld scene.
Now the game always switches to landscape, and I don't really understand why, I thought the template should be in portrait according to the code (I have AutoRotation set to UIViewController Autorotation). When I switch the simulator to portrait, the Hello world stays in landscape.
Edit: According to the code there is no autorotation for portrait. Upside down support is not mandatory for the App store ?
prime
Member
This is what worked for me to support all 4 orientations. There are steps to this I don't prefer. I did a lot of trial and error to get to this. These directions will assume you are starting with the initial template.
Create a container in the layer for everything to be centered in. Also, make it accessible for the RootViewController (I don't like this and would love an alternative)
HelloWorldScene.h
@interface HelloWorld : CCLayer
{
CCNode *container;
}
@property (nonatomic, readonly) CCNode *container;
// returns a Scene that contains the HelloWorld as the only child
+(id) scene;
@endHelloWorldScene.m (I am only including init)
-(id) init
{
// always call "super" init
// Apple recommends to re-assign "self" with the "super" return value
if( (self=[super init] )) {
// ask director the the window size
CGSize size = [[CCDirector sharedDirector] winSize];
float max = (size.width > size.height) ? size.width : size.height;
//center the container
container = [CCNode node];
container.position = ccp(size.width/2,size.height/2);
//add a background
CCColorLayer *layer = [CCColorLayer layerWithColor:ccc4(128,128,128,255) width:max height:max];
layer.position = ccp(-layer.contentSize.width/2,-layer.contentSize.height/2);
[container addChild:layer];
// create and initialize a Label
CCLabel* label = [CCLabel labelWithString:@"Hello World" fontName:@"Marker Felt" fontSize:64];
// position the label on the center of the screen
label.position = ccp(0,0);
// add the label as a child to this Layer
[container addChild: label];
[self addChild:container];
}
return self;
}From here I want to allow RootViewController to hold a reference to the container
RootViewController.h
@interface RootViewController : UIViewController {
CCNode *container;
}
@property (nonatomic, retain) CCNode *container;
@endRootViewController.m
@synthesize container;I want to next allow RootViewController to support all 4 orientations
RootViewController.m (Update the shouldAutorotateToInterfaceOrientation method for kGameAutorotationUIViewController)
#elif GAME_AUTOROTATION == kGameAutorotationUIViewController
//
// EAGLView will be rotated by the UIViewController
//
// Sample: Autorotate only in landscpe mode
//
// return YES for the supported orientations
return YES;Here is where I do the work to keep the container in sync with the orientation
RootViewController.m
-(void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
if(container) {
if(((toInterfaceOrientation == UIInterfaceOrientationPortrait || toInterfaceOrientation == UIInterfaceOrientationPortraitUpsideDown) && self.interfaceOrientation != UIInterfaceOrientationPortrait && self.interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown)
||
((toInterfaceOrientation == UIInterfaceOrientationLandscapeLeft || toInterfaceOrientation == UIInterfaceOrientationLandscapeRight) && self.interfaceOrientation != UIInterfaceOrientationLandscapeLeft && self.interfaceOrientation != UIInterfaceOrientationLandscapeRight))
{
CGSize size = [[CCDirector sharedDirector] winSize];
container.position = ccp(size.height/2,size.width/2);
container.scaleX = size.height/size.width;
container.scaleY = size.width/size.height;
}
[container runAction:
[CCEaseSineOut actionWithAction:
[CCScaleTo actionWithDuration:duration scale:1.0f]
]
];
}
}Update the AppDelegate to pass the container to the RootViewController
CCScene *scene = [CCScene node];
HelloWorld *layer = [HelloWorld node];
[scene addChild: layer];
viewController.container = layer.container;
// Run the intro Scene
[[CCDirector sharedDirector] runWithScene: scene];Update Info.plist to support all rotations, this will allow the app to start in the orientation you are holding it. Otherwise, it will start in portrait and rotate to how you are holding it.
UISupportedInterfaceOrientations (Array value type)
Values:
UIInterfaceOrientationLandscapeRight
UIInterfaceOrientationLandscapeLeft
UIInterfaceOrientationPortrait
UIInterfaceOrientationPortraitUpsideDown
From here when you build to the device you should see Hello World in the center and stays in the center as you rotate. I did all of my testing with an iPad. One thing you will notice is that when you rotate from portrait to landscape is a flicker. I don't really understand the cause of it. This is something that @riq might be to answer. For now a workaround:
update EAGLView.m in function layoutSubviews to comment out "[director drawScene];" (line 194). The comment for this says it avoids a flicker, but only seems to cause one for me.
I do see that there are problems with this solution. For example, if you want to change scenes you would have to update the container in RootViewController. I was hoping this could be a starting point to a better solution.
willismorse
Member
prime: Interesting. What exactly does scaleX/scaleY do to a node? You don't want to change the bounds?
And I agree that passing around the container reference is kind of ugly. Could you set a tag on the layer when you create it, then retrieve it in willRotateToInterfaceOrientation by calling getChildByTag on the scene?
prime
Member
willismorse: scaleX and scaleY will stretch or squish a node if they are not set the the same value. You are scaling on the x axis and y axis independently. I am using them here because when the orientation begins to rotate, the aspect ratio of the node changes right away. You will see it either squish or stretch while rotating, setting the scaleX and scaleY counter acts that. The scale action brings them both back to one at the duration that the rotation is happening. You do see a little wobble of the text because CCEaseSineOut might not be exactly what Apple is doing in their rotation, it just looked the best to me.
As for the changing of the bounds. I assume you are talking about the code that @riq had in willRotateToInterfaceOrientation. When I leave that in I get a shift of the node instead of keeping it in the center. I haven't noticed any problems with it out, but I am not sure now the glView.frame is used in cocos2d. There might be problems with not updating it.
I think your idea of getChildByTag would simplify the code I have posted. I'll probably switch my stuff to use it.
FiberCore
Member
I tried it, but Helloworld report two error:
i686-apple-darwin10-llvm-gcc-4.2: /Users/xxxx/Documents/GameStudio/TestAutoratation/libs/cocos2d/Platforms/iOS/CCTexturePVR.m: No such file or directory
i686-apple-darwin10-llvm-gcc-4.2: warning: '-x objective-c' after last input file has no effect
i686-apple-darwin10-llvm-gcc-4.2: no input files
and
ld: library not found for -lcocos2d libraries
collect2: ld returned 1 exit status
Command /Developer/Platforms/iPhoneSimulator.platform/Developer/usr/bin/llvm-gcc-4.2 failed with exit code 1
Steve Oldmeadow
Administrator
I have had a look at the autorotation guide and tried out using the "Cocos2D rotation" way now with the newest 0.99.5 RC0 release for my current project. This works great and doesn't drop performance for me on 1st / 2nd gen devices.
However, as is obvious it does not rotate UIKit objects in my options scene. I would like to manually rotate these. Could anyone help me to figure out which method I can use? I assume I need to respond to the device turning to a certain position of course. I was thinking I could just put my bit of code to rotate the UIKit object in this?
Here is what I use currently to initialize the UIKit object and turn it landscape (as my game is landscape by default).
[sliderCtl setMinimumTrackImage:minImage forState:UIControlStateNormal];
[sliderCtl setMaximumTrackImage:maxImage forState:UIControlStateNormal];
[sliderCtl setThumbImage:tumbImage forState:UIControlStateNormal];
sliderCtl.backgroundColor = [UIColor clearColor];
sliderCtl.minimumValue = 18;
sliderCtl.maximumValue = 40;
sliderCtl.value = (58 - [sharedGameState sensitivity]);
[sliderCtl addTarget:self action:@selector(sliderAction:)
forControlEvents:UIControlEventValueChanged];
[[[CCDirector sharedDirector] openGLView] addSubview: sliderCtl];
[sliderCtl.layer setAffineTransform:CGAffineTransformMakeRotation(3.141/2)]; //Transform slider to appear horizontalSo I was thinking I could use this to transform a certain way when the device is turned / flipped.
[sliderCtl.layer setAffineTransform:CGAffineTransformMakeRotation(3.141/2)]; //Transform slider to appear horizontalQuestion(s): What is the best way to detect the autorotation so that I may re-align labels,sprites,menus?
I registered for notifications and that seemed to work great, until I added a second scene. Autorotation in any subsequent scenes is mangled and crashes my app. Should I be unregistering the notifications in the first scene and then reregistering in the second? Or is there a much easier way?
Thank you!
Harv
EDIT: I should note that I am using 0.99.5 rc3 and that I have enabled the 'GAME_AUTOROTATION == kGameAutorotationUIViewController' ( I have also tried kGameAutorotationCCDirector )
You must log in to post.
