Sneaky Joystick as menu item, or other solve for fixation in side scrolling?

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

Sneaky Joystick as menu item, or other solve for fixation in side scrolling?

(9 posts) (5 voices)

Started 1 year ago by EiTkoCaT
Latest reply from johncocoa

Tags:

Hey,

I'm working with Tile map and Sneaky Joystick, and the map is scrolling by the player's position - he's the center of the view.

But when the map is scrolling, the joystick is moving too.. How to fixation the joystick in a position even after the map scrolled?

The function of the center of the map is that:

-(void)setViewpointCenter:(CGPoint) position {

    CGSize winSize = [[CCDirector sharedDirector] winSize];

    int x = MAX(position.x, winSize.width / 2);
    int y = MAX(position.y, winSize.height / 2);
    x = MIN(x, (tilemap.mapSize.width * tilemap.tileSize.width)
			- winSize.width / 2);
    y = MIN(y, (tilemap.mapSize.height * tilemap.tileSize.height)
			- winSize.height/2);
    CGPoint actualPosition = ccp(x, y);

    CGPoint centerOfView = ccp(winSize.width/2, winSize.height/2);
    CGPoint viewPoint = ccpSub(centerOfView, actualPosition);

    self.position = viewPoint;

}

And it applies:

-(void)tick:(float)delta {
	[self applyJoystick:leftJoystick toNode:player forTimeDelta:delta];

	// Set view center
	[self setViewpointCenter:player.position];

}

[[CCDirector sharedDirector] setAnimationInterval:1.0f/60.0f];
		[self schedule:@selector(tick:) interval:1.0f/120.0f];

SneakyJoystickSkinnedBase *leftJoy = [[[SneakyJoystickSkinnedBase alloc] init] autorelease];
		leftJoy.position = leftjoypos;
		leftJoy.backgroundSprite = [ColoredCircleSprite circleWithColor:ccc4(255, 0, 0, 128) radius:64];
		leftJoy.thumbSprite = [ColoredCircleSprite circleWithColor:ccc4(0, 0, 255, 200) radius:32];
		leftJoy.joystick = [[SneakyJoystick alloc] initWithRect:CGRectMake(0,0,128,128)];
		leftJoystick = [leftJoy.joystick retain];
		[self addChild:leftJoy];

I tried to make the joystick as a menu item, but I don't know how to. So what to do?

Posted 1 year ago #

abitofcode
Moderator

Sounds like you're attaching the joystick to the map, try creating a separate CCLayer and attaching it to that instead.

Posted 1 year ago #
EiTkoCaT
Member

I'm pretty new in obj-c, I can't make it as a CClayer while it should move the player..
I have a wired eror. Here is my project:
http://www.megaupload.com/?d=DYW5TSYS

Thanks!

Posted 1 year ago #
EiTkoCaT
Member

6 Downloads and no answer o.O

Posted 1 year ago #
XPhoenix
Member

Hey EiTkoCat
I had a quick look at that download code. Very confusing trying to understand what is test code and what is "real code"
Anycase in your example i would say your problem lies with:
-(void)setViewpointCenter:(CGPoint) position
{
...
self.position = viewPoint;
}

You have basically created a "scene" and in this scene you have "added" your playersprite and also added your joystick. This is correct, but now you are moving self.position and thus THE WHOLE scene. Rather just move playerspirte.position in that section of code.

I however suggest you use study the examples provided with cocos2d more, as they have the basic "playerspirte/houdini" and background "cclayer" and HUD.

Posted 1 year ago #
paris18m
Member

You need a layer for the game map and another one for the HUD the camera should move the map layer and leave the HUD sitting there.

I presume now you attach all sprites to self, the scene, you need yo create 2 layers, maplayer and HUDlayer and attach sprites related to the game on map and the joystick to HUD so when you move the camera you can move it just for the map layer

Posted 1 year ago #

paris18m
Member

here is what i am doing, might help you as well, this code is in the init.

// create the HUD layer and add it to the scene
	CCColorLayer* HUDlayer = [CCColorLayer layerWithColor: ccc4(0, 0, 0, 0)
                                                        width: winSize.width
                                                       height: winSize.height];
	HUDlayer.position = ccp((winSize.width/2), winSize.height/2);
	HUDlayer.isRelativeAnchorPoint = YES;
	[self addChild: HUDlayer z:10];

        // create the backround/map layer and add it to the scene
        background = [CCSprite spriteWithFile:@"blue-sky-back.png" rect:CGRectMake(0, 0, 640*10, 640)];
        ccTexParams params = {GL_LINEAR,GL_LINEAR,GL_REPEAT,GL_REPEAT};
        [background.texture setTexParameters:&params];
		[background setPosition:ccp( 640*5 , winSize.height/2)]; // center sprite];
        [self addChild:background z:0];

        // anything after the map/hud should attach to any those layers, not to self.
        terrain = [CCSprite spriteWithFile:@"city.png"];
		[background addChild:terrain z:1]; // terrain is attahed to map/backround
		[terrain setPosition:ccp( 561 , 109 )]; // center sprite]; 

        // set the camera starting position
        // see the camera is moving the backround layer only!
        // so that the hud layer remains static on screen  

        float moveX = 0.0f, x1, x2, y1, y2, z1, z2;
        [background.camera centerX:&x1 centerY:&y1 centerZ:&z1];
        [background.camera eyeX:&x2 eyeY:&y2 eyeZ:&z2];

        [background.camera setCenterX:moveX centerY:y1-(winSize.height/2) centerZ:z1];
        [background.camera setEyeX:x2 eyeY:y2-(winSize.height/2)  eyeZ:z2];

here is also the code for the nextFrame/tick method that actually moves the camera. note that i am moving the camera attached on the background layer so the HUD remains static

float moveX = 0.0f, x1, x2, y1, y2, z1, z2;
                float moveY = -160;

				// Calculate camera X position only if the player has reached the right 25% of the screen
				if (playersprite.position.x > winSize.width / 4)
					moveX = sprite.position.x - (winSize.width / 4);

				// Calculate camera Y position only if the player has reached the top 25% of the screen
				if (playersprite.position.y > winSize.height - (winSize.height / 4))
					moveY = sprite.position.y - winSize.height - (winSize.height / 4);

				// Get current position
				[background.camera centerX:&x1 centerY:&y1 centerZ:&z1];
				[background.camera eyeX:&x2 eyeY:&y2 eyeZ:&z2];

				// Perform camera update
				[background.camera setCenterX:moveX centerY:moveY centerZ:z1];
				[background.camera setEyeX:moveX eyeY:moveY eyeZ:z2];

Posted 1 year ago #

EiTkoCaT
Member

Wow, Thanks! I'm reading the code and I'll update how's it going.

Posted 1 year ago #
johncocoa
Member

Facing same problem. EiTkoCaT could you please help by posting here your fixed code. Thanks.

Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.