A fast, easy to use, free, and community supported 2D game engine
azka
Member
Hello, i am looking for some tutorial about Cameras.
I can not attach camera to my player sprite, all ti found is just this:
[self.camera setCenterX:cameraX centerY:cameraY centerZ:0];
[self.camera setEyeX:cameraX eyeY:cameraY eyeZ:cameraZ];If u know some useful tutorial how to attach camera to my player, leave a mess, thanks.
Grizzly
Member
Here's what I've just recently used. Just keep in mind that I'm still new to cocos2d, so I doubt this is the best method, but it works for me so far and I'm sticking with it at the moment. Keep in mind that I'm also using Box2D, so make adjustments as needed if you're not using it. I had just finished implementing the camera movement last night. I'm currently only updating the camera once the player reaches the center of the screen along the X coord, after that, I move the camera with the player so that the player remains centered on the screen.
-(void) tick: (ccTime) dt
{
CGSize winSize = [CCDirector sharedDirector].winSize;
int32 velocityIterations = 8;
int32 positionIterations = 1;
_world->Step(dt, velocityIterations, positionIterations);
for (b2Body* b = _world->GetBodyList(); b; b = b->GetNext())
{
if (b->GetUserData() != NULL) {
CCSprite *sprite = (CCSprite *)b->GetUserData();
if(sprite.tag == 1) {
// Move the camera along with the player
float moveX = 0.0f, x1, x2, y1, y2, z1, z2;
// Calculate camera X position only if the player has reached the center of the screen
if(sprite.position.x > winSize.width / 2)
moveX = sprite.position.x - (winSize.width / 2);
// Get current position
[self.camera centerX:&x1 centerY:&y1 centerZ:&z1];
[self.camera eyeX:&x2 eyeY:&y2 eyeZ:&z2];
// Perform camera update
[self.camera setCenterX:moveX centerY:y1 centerZ:z1];
[self.camera setEyeX:moveX eyeY:y2 eyeZ:z2];
}
sprite.position = ccp(b->GetPosition().x * PTM_RATIO, b->GetPosition().y * PTM_RATIO);
sprite.rotation = -1 * CC_RADIANS_TO_DEGREES(b->GetAngle());
}
}
}For some reason, I was unable to use the same x, y and z variables that I've seen others use in their sample code for both the setCenterX/Y/Z and setEyeX/Y/Z. I'm not quite sure what's going on, but my player suddenly disappears if I use the same x, y and z variables. For now, I'm using separate ones which works. Once I actually add a background (instead of using just the default black background that you get with the cocos2D/Box2D template) then I may figure out what's going on. But for now, it works for me and so I'm moving on to something else.
azka
Member
Thanks, thats not one script of those basic scripts :]]] plus it moves camera when player goes on the position of a half display hmm. Actually i dont know what is (_world and b2Body) it doesnt seems to be chipmunk script:]
Any other suggestions? I would appreciate it.
Grizzly
Member
_world is defined as b2World. I had renamed it from the default which was "world" and it's already defined by the Box2D template (not chipmunk). b2Body is also part of Box2D. If you install the cocos2d templates, the Box2D template is there and will set up what you need to get started. If you're not using chipmunk/Box2D, then just use the basic cocos2d template. You won't need the _world variable and you'll need to use another method for keeping track of your sprites instead of the b2Body line.
My example is just a basic way of moving the camera. For my needs, I needed the camera to follow the player after the player reached the center of the screen. It can be easily modified to follow the player (or any other object) at all times or for more specific times.
Grizzly
Member
I'm not familiar with chipmunk yet, so I don't know what the equivalent to b2Body and b2World are (if any). However, the 2 main sets of code that you need are the following:
float x1, x2, y1, y2, z1, z2;
// Get current position
[self.camera centerX:&x1 centerY:&y1 centerZ:&z1];
[self.camera eyeX:&x2 eyeY:&y2 eyeZ:&z2];
// Perform camera update
[self.camera setCenterX:x1 centerY:y1 centerZ:z1];
[self.camera setEyeX:x2 eyeY:y2 eyeZ:z2];Everything else is just filler to do what I needed to do. The first 2 lines get the existing camera position and the second 2 lines set the camera position. How you would attach the camera to the player is up to you as it depends on how you keep track of your player. As long as you know your players' X/Y, then you can use those for setting the cameras X/Y.
azka
Member
btw. can u tell me why this is not working for me?
CGSize winSize = [CCDirector sharedDirector].winSize;
if(PlayerSprite.position.x > winSize.width / 3) {
[self.camera setCenterX:+50 centerY:+0 centerZ:+0];
[self.camera setEyeX:+50 eyeY:+0 eyeZ:+0];
}Im trying to move camera when the PlayerSprite reaches 1/3 of the screen width. PlayerSprite moves, but camera does nothing.... where i've got a mistake?
azka
Member
in a GameLayer.m, where i load my terrain and object that moves on the terrain.
@implementation GameLayer
-(id) init
{
........
int localPlayerX=0;
int localTankY=0;
localPlayerX=10;
localTankY=310;
cpShape *localPlayerShape;
localPlayerShape = [mySpaceManager addCircleAt:cpv(localPlayerX,localTankY) mass:2 radius:7];
cpCCSprite *localPlayerSprite = [cpCCSprite spriteWithShape:localPlayerShape file:@"wheel_iphone.png"];
localPlayerSprite.shape->group=kItemIsPartOfTheTankGroup;
localPlayerSprite.shape->u=4.5;
CGSize winSize = [CCDirector sharedDirector].winSize;
if(localPlayerSprite.position.x > winSize.width / 3) {
[self.camera setCenterX:+50 centerY:+0 centerZ:+0];
[self.camera setEyeX:+50 eyeY:+0 eyeZ:+0];
}
[mySpriteLayer addChild:localPlayerSprite];
[self addChild:mySpriteLayer z:(-2)];
[self schedule:@selector(UpdateGameStep:) interval:1/30];
return self;
}
Grizzly
Member
That's your init method, which will only get run once. So, your camera is being updated once (well, not really if the if statement is false) and that's it. You need to have an update method that's called 30 - 60 times a second in order to constantly update the camera.
Grizzly
Member
If you have not yet defined a gameloop/update method, then you need to add a like like
[self schedule:@selector(tick:)];to your init method. Then you create a method by the same name (I used the name "tick", but you can call it whatever you want, i.e. update, gameloop, etc). The initial code that I posted in my first post is my entire tick method up to this point.
I would also suggest that you read through this tutorial: http://www.raywenderlich.com/352/how-to-make-a-simple-iphone-game-with-cocos2d-tutorial
You must log in to post.