cocos2d for iPhone

A fast, easy to use, free, and community supported 2D game engine

1. 

   windmarble
   Member

   I playing with tilemaps and attempting to show only one room at a time. I want my player to be able to move all around the room without the tilemap showing other rooms. Once the player enters the door to go into another room, I want to transition from Room A to Room B. The best way I know to describe what I am trying to accomplish is to look at the old NES style Legend of Zelda. When Zelda would move from room to room.

   The second thing I am trying to do is Zoom the TileMap to fill just that room. I have played with the camera class and I am failing at understanding what it's asking to do.

   While the tilemap is 256 tiles wide, I only want to display 16 x 12 tiles (32pixels * 16 tiles) x (32pixels * 12 tiles)

   I am not asking anyone to write the code for me. I have been working off of the Ray Wenderlich's tilemap tutorial which has taught me a lot. Just point me in the direction of where I can learn how to accomplish my task. Or maybe if someone else is working on this we can work together to figure it out. I think that if I can find a way to make the camera stationary, the only thing that should move is the Player while in the room, THEN the tilemap when moving to a new room. Then the play shows up on the other side of the door.

   I have tried so many variations of the below code for the zooming.
   

   int viewX = (_tileMap.tileSize.width * 16);
   int viewY = (_tileMap.tileSize.height * 12);
   [self.camera setEyeX:viewX eyeY:viewY eyeZ:0];

   I have tried some promising variations on the transition effect
   

   [_tileMap runAction:[CCMoveBy actionWithDuration:0.6 position:ccp(0,viewY)]; //if moving up
   [_tileMap runAction:[CCMoveBy actionWithDuration:0.6 position:ccp(0,-viewY)]; //if moving down

   etc…

   I just keep coming back to the boundary and view problems

   Any thoughts or suggestions or links or youtube videos would be greatly appreciated!!!

   Thanks for listening to me plea for help

   Posted 4 months ago #
2. 

   jhspaybar
   Member

   I believe in his tutorials, ray sets up a custom view window and scrolls the layer the tilemap is in rather than messing with the camera? It's been a while since I read, so correct me if I'm wrong, but maybe what you can do is have a "portal" tile that contains information for where to move your "camera" to, and where the play goes. When the player hits that tile, you remove their sprite, run a CCAction that moves the tilemap in a way that will center on the proper location, and then respawn the player on the end point of the "portal". This method wouldn't actually use cameras at all, but instead a tilemap who layer is larger than the screen, and slides itself around based on where it should be focused.

   Posted 4 months ago #
3. 

   windmarble
   Member

   Thanks for the reply. I see what you are saying, but removing and re-adding your player sprite seems inefficient. I feel that if the room size is calculated, if the player sprite touches the border, then move the player over a few pixels and at the same time move the entire map to the new room.

   We know how big the room is, width(16 * 32) & height(12 * 32) and we know how big the map is width(256 * 32) & height(96 * 32)

   So we know the border is along the room perimeter. The door would be open space to the border (to allow it to be touched) while the wall tile would prevent the player sprite from ever touching the border. Any thoughts on checking if the player sprite has intersected a border?

   Posted 4 months ago #
4. 

   jhspaybar
   Member

   well, I'm not saying to deallocate the player sprite or the object that manages it. Just do a player.visible = false, move the layer, move the player, and then make him visible again. If you don't want him going invisible, you can still just move him in a certain way that you think works best. Honestly, I think all you need are CCActions that move to an x,y coord over z time. This can even be coded into the tilemap if the distances that get moved may vary. Also, in tiled what you may want to do is have a certain meta tile defined as a warp tile with attributes for where to move to over how much time. When the player moves onto that spot(the doorway) everything fires up and moves.

   Posted 4 months ago #
5. 

   windmarble
   Member

   Hmmm... That seems like a lot of work. Adding extra tiles to the tileMap. if you have a huge map, you would always have to go back and add the extra metadata tiles.

   It seems that a more programmatic solution would be appropriate. Because you would only need to set how big you want your view to be.

   The voices in my head said the following psuedocode:

   If the View is 16 x 12 tiles,
   break down the entire map into a grid of 16x12. 
   
   So if the map is 256 tiles wide and 96 tiles high, you would have a grid that is a 16 x 8 large collection of boxes of those 16x12 tiles. 
   
   //The player is just a tile inside the view.
   What tile is the player on?
   What tile is that a member of?
   Center us on that grid view. // and let the player move all around it.
   
   But if the player sprites center, touches the boundary of the grids view,
   move the player to the new grid and center us on that view.

   While that works in theory, the application is a little tricky, because my current view (in landscape) will show the view's width (16 tiles) but not the height (it only shows 10 tiles).

   Posted 4 months ago #

RSS feed for this topic

Reply

You must log in to post.