Crea un juego multijugador de Buscaminas: creación del lado del cliente

Spanish (Español) translation by Claudia Márquez (you can also view the original English article)

Esta es la segunda entrega de la miniserie del juego Minesweeper. En este tutorial, aprenderá a implementar completamente el lado del cliente de la aplicación. Utilizaremos una aplicación nativa de iOS que se conecta a los servidores web, analiza los datos y muestra la interacción de la interfaz de usuario.

Visión general del proyecto

Minesweeper Flag es un juego de mesa multijugador que se juega entre dos oponentes. Comúnmente, se asigna azul o rojo a cada jugador. El tablero está compuesto por 256 cuadrados iguales, y cada tablero tiene 51 minas colocadas en posiciones completamente aleatorias.

Vista previa del efecto Final

Revisión de la Parte 1

Antes de comenzar la segunda parte de la serie, asegúrese de tener la primera parte totalmente probada e implementada.

Paso 1: Instalación Cocos 2D

El primer paso es descargar e instalar el motor de juego 2D Cocos. Para este tutorial, usamos Cocos2d versión 2.

Una vez descargado, debe instalarlo e integrarlo con Xcode. Desempaque el archivo descargado anteriormente y verá un archivo llamado install-templates.sh. Abra una ventana de terminal y ejecute ese archivo usando el siguiente comando

1
2	./install-templates -f.

Paso 2: Crea un nuevo proyecto

Usando Xcode, crea un nuevo proyecto: Archivo -> Nuevo -> Proyecto.

Elija Cocos2d v2.x en el menú de la izquierda y Cocos2d iOS en la de la derecha.

Paso 3: Configurar los ajustes del proyecto

Dale a tu proyecto un nombre y un identificador de empresa. Para este tutorial, utilizamos la opción de familia de dispositivos iPad.

Paso 4: Verificar la configuración

Si todo es correcto, debería ver una ventana similar a la siguiente:

Paso 5: Agregar nuevas clases

Ahora debería agregar dos nuevas clases de Objective-c. Para hacer esto, acceda a la opción de menú Archivo -> Nuevo -> Archivo.

Agregue las siguientes clases:

LoadingScene: Esta clase servirá como una pantalla de carga para el usuario mientras espera que otro jugador se una al juego.
GameScene: Esta es la clase principal del juego; es donde está programada la lógica principal.

Paso 6: Agregar archivos de recursos

Para ejecutar correctamente el juego, debe agregar los archivos de recursos a su proyecto. Aquí puede descargar los archivos de recursos utilizados. Luego, cópielos a la carpeta de recursos.

Paso 7: Crea la clase HelloWorldLayer

Cambie su archivo de encabezado HelloWorldLayer a lo siguiente:


#import <GameKit/GameKit.h>
#import "cocos2d.h"

@interface HelloWorldLayer : CCLayer {}

@property (nonatomic, retain) NSURLConnection* connectionConnectGame;
@property (nonatomic,retain) NSMutableData* responseData;
@property (nonatomic,retain) NSString* URL;
@property (nonatomic) int playerID;
@property (nonatomic,retain) NSString* playerIDString;
@property (nonatomic) BOOL launchFlag;
@property (nonatomic,retain) NSString* gameID;
@property (nonatomic,retain) NSString* turnID;

+(CCScene *) scene;
-(void) connectTheWebService:(NSString*)id;

@end

Cambie el archivo de implementación de HelloWorldLayer a lo siguiente:


#import "HelloWorldLayer.h"
#import "GameScene.h"
#import "LoadingScene.h"
#import "cocos2d.h"
#import "AppDelegate.h"

#pragma mark - HelloWorldLayer

@implementation HelloWorldLayer

@synthesize connectionConnectGame = _connectionConnectGame;
@synthesize URL = _URL;
@synthesize responseData = _responseData;
@synthesize launchFlag = _launchFlag;
@synthesize gameID = _gameID;
@synthesize playerID = _playerID;
@synthesize playerIDString = _playerIDString;
@synthesize turnID = _turnID;

+(CCScene *) scene{
  CCScene *scene = [CCScene node];

  HelloWorldLayer *layer = [HelloWorldLayer node];

  [scene addChild: layer];
  
  return scene;
}

-(id) init {
  if( (self=[super init]) ) {

        [self setLaunchFlag:FALSE];
        
        // CHANGE THE LINK accordingly
        [self setURL:@"http://10.0.6.178:8080/Minesweeper_Flag/resources/generic/connectGame/"];
        
        CGSize size = [[CCDirector sharedDirector] winSize];
        
        // Background
        CCSprite * background = [CCSprite spriteWithFile:@"background.jpg"];
        background.position = ccp(size.width/2,size.height/2);
        [self addChild:background];
        
        CCSprite* flags = [CCSprite spriteWithFile:@"bandeiras.png"];
        flags.scale = .30;
        flags.position = ccp(size.width - size.width/1.15,size.height - size.height/1.25);
        [self addChild:flags];
        
        // Title Label
        CCLabelTTF *label = [CCLabelTTF labelWithString:@"Minesweeper Flags" fontName:@"Marker Felt" fontSize:64];
        label.position =  ccp( size.width /2 , size.height - size.height/4 );
        [self addChild: label];

        // Player ID generation
        NSDateFormatter *date = [[NSDateFormatter alloc] init];
        [date setDateFormat:@"mm"];
        int minute = [[date stringFromDate:[NSDate date] ]intValue];
        [date setDateFormat:@"ss"];
        int seconds = [[date stringFromDate:[NSDate date]] intValue];
        int pID = minute + seconds + (rand() % 1000000);
        [self setPlayerID:pID];
        
        NSString* playerIDInStringFormat = [NSString stringWithFormat:@"%d", _playerID];
        [self setPlayerIDString:playerIDInStringFormat];
        NSLog(@"ID DO PLAYER %@",_playerIDString);
        [self setResponseData:[NSMutableData data]];
        
    // Menus
    [CCMenuItemFont setFontSize:38];
    CCMenuItem *itemNewGame = [CCMenuItemFont itemWithString:@"New Game" block:^(id sender) {
            
            [self connectTheWebService:playerIDInStringFormat];
    }];

        CCMenu *menu = [CCMenu menuWithItems:itemNewGame ,nil];
    
    [menu alignItemsVerticallyWithPadding:20];
    [menu setPosition:ccp( size.width/2, size.height/2 - 50)];
    
    [self addChild:menu];
  }
  return self;
}

//connect the Web server method
-(void) connectTheWebService:(NSString*)id{
    
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:[[_URL autorelease] stringByAppendingString:id]                                                             ]];
    _connectionConnectGame = [[NSURLConnection alloc] initWithRequest:request delegate:self];
}

//Web server responses.
- (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response {
    [_responseData setLength:0];
}

- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data {
    [_responseData appendData:data];
}

- (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {
    NSLog(@"Connection failed: %@", [error description]);
}

- (void)connectionDidFinishLoading:(NSURLConnection *)connection {
    
    NSString* responseString = [[NSString alloc] initWithData:_responseData encoding:NSUTF8StringEncoding];
    NSLog(@"HelloWorld responseString %@",responseString);
    
    NSArray* resultArray = [[NSArray alloc] init];
    resultArray = [responseString componentsSeparatedByString:@","];

    if ([[resultArray objectAtIndex:1] isEqualToString:@"no"]) {
        [self setGameID:[resultArray objectAtIndex:0]];
        [self setLaunchFlag:TRUE];
    } else {
        [self setGameID:[resultArray objectAtIndex:0]];
        _playerID = [[resultArray objectAtIndex:1] integerValue];
        [self setPlayerID:[[resultArray objectAtIndex:1] integerValue]];
        [self setLaunchFlag:FALSE];
    }
    
    if (_launchFlag){
        GameScene* scene = [[GameScene alloc] initializeInternalDataWithPlayerID:_playerIDString andWithGameID:_gameID andWithTurnID:@"no"];
        [[CCDirector sharedDirector] replaceScene:scene];
    } else {
        LoadingScene* scene = [LoadingScene initializeWithPlayerID:_playerIDString andWithGameID:_gameID];
        [[CCDirector sharedDirector] replaceScene:scene];
    }

}

- (void) dealloc {
  [super dealloc];
}

@end

Paso 8: Crea la clase LoadingScene

Cambie su archivo de encabezado LoadingScene a lo siguiente:


#import "cocos2d.h"

@interface LoadingScene : CCLayer <UIGestureRecognizerDelegate>{ }

@property (nonatomic, retain) NSURLConnection *connectionConnectGame;
@property (nonatomic,retain) NSMutableData* responseData;
@property (nonatomic,retain) NSString* gameID;
@property (nonatomic,retain) NSString* playerID;
@property (nonatomic) BOOL launchFlag;
@property (nonatomic,retain) NSString* URL;

+(CCScene *) scene;
+(id) initializeWithPlayerID:(NSString*) playerid andWithGameID:(NSString*) gameid;
-(id) initializeInternalDataWithPlayerID:(NSString*) playerid andWithGameID:(NSString*) gameid;
-(void) connectTheWebService:(NSString*)id;

@end

Cambie su archivo de implementación de LoadingScene a lo siguiente:


#import "LoadingScene.h"
#import "GameScene.h"

@implementation LoadingScene

@synthesize responseData = _responseData;
@synthesize connectionConnectGame = _connectionConnectGame;
@synthesize gameID = _gameID;
@synthesize playerID = _playerID;
@synthesize launchFlag = _launchFlag;
@synthesize URL = _URL;

+(CCScene *) scene{
    CCScene *scene = [CCScene node];
    
    LoadingScene *layer = [LoadingScene node];
    
    [scene addChild: layer];
    
    return scene;
}

-(id) init{
    if( (self=[super init] )) {}
    
    return self;
}

// Custom initializer
+(id) initializeWithPlayerID:(NSString*) playerid andWithGameID:(NSString*) gameid {
    return [[[self alloc] initializeInternalDataWithPlayerID:playerid andWithGameID:gameid] autorelease];
}

-(id) initializeInternalDataWithPlayerID:(NSString*) playerid andWithGameID:(NSString*) gameid {
    self = [super init];
    
    if (self) {
        CGSize _size = [[CCDirector sharedDirector] winSize];
        _gameID = [[NSString alloc] init];
        [self setLaunchFlag:FALSE];
        [self setPlayerID:playerid];
        [self setGameID:gameid];
        
        CCSprite* background = [CCSprite spriteWithFile:@"background.jpg"];
        background.position = ccp(_size.width/2,_size.height/2);
        [self addChild:background];
        
        CCLabelTTF* label = [CCLabelTTF labelWithString:@"Loading..." fontName:@"Marker Felt" fontSize:40];
        label.position = ccp(_size.width/2, _size.height/2);
        [self addChild:label];
        CCLabelTTF* label2 = [CCLabelTTF labelWithString:@"Waiting for another player" fontName:@"Marker Felt" fontSize:25];
        label2.position = ccp(_size.width/2, _size.height - _size.height/1.80);
        [self addChild:label2];
        
        [self setResponseData:[NSMutableData data]];
        
        // CHANGE IT ACCORDINGLY
        [self setURL:@"http://10.0.6.178:8080/Minesweeper_Flag/resources/generic/player2Available/"];
        
        [self schedule:@selector(update:) interval:2];
    }
    return self;
}

-(void) update:(ccTime) dt{
    [self connectTheWebService:_gameID];
}

-(void) connectTheWebService:(NSString*)id{
    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:[[_URL autorelease] stringByAppendingString:id]                                                             ]];
    _connectionConnectGame = [[NSURLConnection alloc] initWithRequest:request delegate:self];
}

- (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response {
    [_responseData setLength:0];
}

- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data {
    [_responseData appendData:data];
}

- (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {
    NSLog(@"Connection failed: %@", [error description]);
}

- (void)connectionDidFinishLoading:(NSURLConnection *)connection {
    
    NSString* responseString = [[NSString alloc] initWithData:_responseData encoding:NSUTF8StringEncoding];

    if ([responseString isEqualToString:@"nulo"]) {
        [self setLaunchFlag:FALSE];
    }else {
        [self setLaunchFlag:TRUE];
    }
    
    if (_launchFlag){
        GameScene* scene = [[GameScene alloc] initializeInternalDataWithPlayerID:_playerID andWithGameID:_gameID andWithTurnID:_playerID] ;
        [[CCDirector sharedDirector] replaceScene:scene];
    } else { [self schedule:@selector(update:) interval:2];  }
    
}

-(void)dealloc {
    [super dealloc];
}

@end

Paso 9: Crea la clase GameScene

Cambie su archivo de encabezado GameScene a lo siguiente:


#import "cocos2d.h"

@interface GameScene : CCLayer <UIGestureRecognizerDelegate> {
    NSString* turn;
}

@property (nonatomic) int gameGridSize, initialSpriteXXPosition, initialSpriteYYPosition, deslocamentoNoEixoXX, deslocamentoNoEixoYY, tamanhoSprite, playerBlueScore, playerRedScore, lastSpriteTouch;

@property (nonatomic, retain) NSMutableArray *spritesMutableArray;
@property (nonatomic,retain) NSMutableArray* touchedLocations;
@property (nonatomic) CGSize size;
@property (nonatomic) CGPoint initialSpritePositon;
@property (nonatomic, retain) CCSprite* sprites;
@property (nonatomic) int spritePositionInGrid;
@property (nonatomic) int webServerResult;
@property (nonatomic, strong) NSMutableData *responseData;
@property (nonatomic, strong) NSString *resourceImage;
@property (nonatomic, retain) CCSprite* playerBlueSprite;
@property (nonatomic, retain) CCSprite* playerRedSprite;
@property (nonatomic, retain) CCSprite* playerTurnSprite;
@property (nonatomic, retain) CCSprite* youArrow;
@property (nonatomic,retain) CCLabelTTF* playerBlueLabel;
@property (nonatomic,retain) CCLabelTTF* playerRedLabel;
@property (nonatomic,retain) NSString* gameID;
@property (nonatomic,retain) NSString* userID;
@property (nonatomic,retain) NSString* colorPlayer;
@property (nonatomic,retain) CCSprite* positionTouchedSprite;
@property (nonatomic,retain) NSString* turn;
@property (nonatomic, retain) NSMutableString* gameBoardInfoS;

+(CCScene *) scene;
-(void)getMinesAtPosition:(int)pos;
-(void)drawGameBoard;
-(void)setInitialAppValues;
-(void)setArrowonTheRightPlayer;

+(id) initializeWithPlayerID:(NSString*) playerid andWithGameID:(NSString*) gameid andWithTurnID:(NSString*) turnid;
-(id) initializeInternalDataWithPlayerID:(NSString*) playerid andWithGameID:(NSString*) gameid andWithTurnID:(NSString*) turnid;

@end

Cambie su archivo de implementación de GameScene a lo siguiente:


#import "GameScene.h"
#import "cocos2d.h"
#import "LoadingScene.h"

@implementation GameScene

@synthesize spritesMutableArray = _spritesMutableArray;
@synthesize touchedLocations = _touchedLocations;
@synthesize size = _size;
@synthesize initialSpritePositon = _initialSpritePositon;
@synthesize sprites = _sprites;
@synthesize spritePositionInGrid = _spritePositionInGrid;
@synthesize webServerResult = _webServerResult;
@synthesize gameGridSize = _gameGridSize;
@synthesize initialSpriteXXPosition = _initialSpriteXXPosition;
@synthesize initialSpriteYYPosition = _initialSpriteYYPosition;
@synthesize deslocamentoNoEixoXX = _deslocamentoNoEixoXX;
@synthesize deslocamentoNoEixoYY = _deslocamentoNoEixoYY;
@synthesize tamanhoSprite = _tamanhoSprite;
@synthesize responseData = _responseData;
@synthesize resourceImage = _resourceImage;
@synthesize playerTurnSprite = _playerTurnSprite;
@synthesize youArrow = _youArrow;
@synthesize playerBlueSprite = _playerBlueSprite;
@synthesize playerRedSprite = _playerRedSprite;
@synthesize playerBlueLabel = _playerBlueLabel;
@synthesize playerRedLabel = _playerRedLabel;
@synthesize playerBlueScore = _playerBlueScore;
@synthesize playerRedScore = _playerRedScore;
@synthesize gameID = _gameID;
@synthesize userID = _userID;
@synthesize colorPlayer = _colorPlayer;
@synthesize turn = _turn;
@synthesize gameBoardInfoS;
@synthesize lastSpriteTouch;

@synthesize positionTouchedSprite = _positionTouchedSprite;

+(CCScene *) scene{
    //+(id)scene{
    CCScene *scene = [CCScene node];
    
    GameScene *layer = [GameScene node];
    
    [scene addChild: layer];
    
    return scene;
}

-(id) init{
    if( (self=[super init] )) {
    }
    return self;
}

//new initialize method to recive parameters such as playerID, turnID, and gameID
+(id) initializeWithPlayerID:(NSString*) playerid andWithGameID:(NSString*) gameid andWithTurnID:(NSString*) turnid{
    return [[[self alloc] initializeInternalDataWithPlayerID:playerid andWithGameID:gameid andWithTurnID:turnid] autorelease];
}

//initialize several values and call methods to generate and draw all scene
-(id) initializeInternalDataWithPlayerID:(NSString*) playerid andWithGameID:(NSString*) gameid andWithTurnID:(NSString*) turnid{
    self = [super init];
    
    if (self) {
        // Activate touch events
        [super setIsTouchEnabled:YES];
        //set the parameters
        [self setGameID:gameid];
        [self setUserID:playerid];
        [self setTurn:turnid];
        [self setInitialAppValues];
        
        //generate and draw gameBoard
        [self drawGameBoard];
        
        //call the updater one time for second
        [self schedule:@selector(update:) interval:1];
    }
    return self;
}


// detect touchs and which sprite was touched
-(void)ccTouchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    
    //verify if the user have the turn
    if(![_turn isEqualToString:_userID]){
        //in case of the user not have the turn
        return;
    }
    
    UITouch* touch = [touches anyObject];
    CGPoint location = [touch locationInView: [touch view]];
    CGPoint converted = [[CCDirector sharedDirector] convertToGL:location];
    
    _spritePositionInGrid=0;
    for (CCSprite* spr in _spritesMutableArray){
        CCSprite* currentSprite = [_spritesMutableArray objectAtIndex:_spritePositionInGrid];
        
        if (CGRectContainsPoint([currentSprite boundingBox], converted)){
            
            // Verificar se a posição já foi touched
            BOOL jaExiste =FALSE;
            for (int i = 0 ; i < [_touchedLocations count]; i++){
                if (_spritePositionInGrid == [[_touchedLocations objectAtIndex:i] integerValue])
                    jaExiste=TRUE;
            }
            
            //was touched?
            if([gameBoardInfoS characterAtIndex:_spritePositionInGrid] != '9'){
                return;
            }

            if (!jaExiste){
                [_touchedLocations addObject:[NSNumber numberWithInt:_spritePositionInGrid]];
                lastSpriteTouch = _spritePositionInGrid;
                
                self.responseData = [NSMutableData data];
                
                _positionTouchedSprite = [_spritesMutableArray objectAtIndex:_spritePositionInGrid];
                
                NSMutableString* enderecoReturnValue = [NSMutableString stringWithFormat:@"http://10.0.6.178:8080/Minesweeper_Flag/resources/generic/returnValue/%@/%@/%d",_userID,_gameID,_spritePositionInGrid];
                NSLog(@"%@",enderecoReturnValue);
                
                NSURLRequest *request = [NSURLRequest requestWithURL: [NSURL URLWithString:enderecoReturnValue]];
                [[NSURLConnection alloc] initWithRequest:request delegate:self];   
            }
        }
        _spritePositionInGrid++;
    }
}

-(void) update: (ccTime) dt
{
    if(![_turn isEqualToString:_userID]){
        
        NSMutableString* returnUpdateURL = [NSMutableString stringWithFormat:@"http://10.0.6.178:8080/Minesweeper_Flag/resources/generic/returnUpdates/%@",_gameID];
        
        NSURL *url = [NSURL URLWithString:returnUpdateURL];
        NSData *jsonData = [NSData dataWithContentsOfURL:url];
        
        NSString *value = [[NSString alloc] init];
        NSRange a;
        
        if(jsonData != nil) {
            NSError *error = nil;
            id result = [NSJSONSerialization JSONObjectWithData:jsonData options:NSJSONReadingMutableContainers error:&error];
            if(error == nil) {
                NSString* resultString = [result objectForKey:@"Uncover_Matrix"];
                int positionAt, positionDiff=-1;
                
                for(positionAt= 0; positionAt< resultString.length; positionAt++){
                    a = NSMakeRange(positionAt, 1);
                    if(![[gameBoardInfoS substringWithRange:a] isEqualToString:[resultString substringWithRange:a]]){
                        positionDiff = positionAt;
                        value = [[NSString alloc] initWithString:[resultString substringWithRange:a]];
                        break;
                    }
                }
                if(positionDiff != -1){
                    [self setTurn:[result objectForKey:@"Turn"]];
                
                    [gameBoardInfoS replaceCharactersInRange:a withString:value];
                    
                    if([value isEqualToString:@"*"]){
                        _playerBlueScore++;
                        NSString *stringBlueScore = [NSString stringWithFormat:@"%d",_playerBlueScore];
                        [_playerBlueLabel setString:stringBlueScore];
                        value = @"9";
                    }
                    
                    if([value isEqualToString:@"#"]){
                        _playerRedScore++;
                        NSString *stringRedScore = [NSString stringWithFormat:@"%d",_playerRedScore];
                        [_playerRedLabel setString:stringRedScore];
                        value = @"10";
                    }
                    
                    [self setArrowonTheRightPlayer];
                    
                    CGPoint coordenates = [self getReversePositionGameBoard:positionDiff];
                    [self getMinesAtPosition:[value integerValue] withXCoord:coordenates.x andYYpos:coordenates.y];
                }
                
            }
            else
                NSLog(@"error");
        }
    }
    
}

//recive the position and the value returned from Web Services and replace in the board
-(void)getMinesAtPosition:(int)pos withXCoord:(int)xxpos andYYpos:(int)yypos{
    _webServerResult = pos;
        
    switch (_webServerResult) {
        case 0:
            [self setResourceImage:@"0.png"];
            break;
        case 1:
            [self setResourceImage:@"1.png"];
            break;
        case 2:
            [self setResourceImage:@"2.png"];
            break;
        case 3:
            [self setResourceImage:@"3.png"];
            break;
        case 4:
            [self setResourceImage:@"4.png"];
            break;
        case 5:
            [self setResourceImage:@"5.png"];
            break;
        case 6:
            [self setResourceImage:@"6.png"];
            break;
        case 7:
            [self setResourceImage:@"7.png"];
            break;
        case 8:
            [self setResourceImage:@"8.png"];
            break;
        case 9:
            [self setResourceImage:@"flag_b.png"];
            break;
        case 10:
            [self setResourceImage:@"flag_r.png"];
            break;            
        default:
            _resourceImage = @"flag_r.png";
            break;
    }
    
    // New sprite substitution after the WS invocation
    CCSprite* newSprite = [CCSprite spriteWithFile:_resourceImage];
    newSprite.scale = .25;
    newSprite.position = ccp(xxpos,yypos);
    
    [self addChild:newSprite];
}

// communication
- (void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response {
    [[self responseData] setLength:0];
}

- (void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data {
    [[self responseData] appendData:data];
}

- (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {
    NSLog(@"Connection failed: %@", [error description]);
}

- (void)connectionDidFinishLoading:(NSURLConnection *)connection {
    
    NSString* responseString = [[NSString alloc] initWithData:[self responseData] encoding:NSUTF8StringEncoding];
    
    NSRange range = NSMakeRange(lastSpriteTouch, 1);
    [gameBoardInfoS replaceCharactersInRange:range withString:responseString];
    
    //assign the turn after the request
    if([responseString isEqualToString:@"*"]){
        _playerBlueScore++;
        NSString *stringBlueScore = [NSString stringWithFormat:@"%d",_playerBlueScore];
        [_playerBlueLabel setString:stringBlueScore];
        _turn = _userID;
        responseString = @"9";
    }
    else if([responseString isEqualToString:@"#"]){
        _playerRedScore++;
        NSString *stringRedScore = [NSString stringWithFormat:@"%d",_playerRedScore];
        [_playerRedLabel setString:stringRedScore];
        _turn = _userID;
        responseString = @"10";
    }
    else{
        _turn = @"is not you";
    }
    
    [self setArrowonTheRightPlayer];
    
    [self getMinesAtPosition:[responseString integerValue] withXCoord:_positionTouchedSprite.position.x andYYpos:_positionTouchedSprite.position.y];
}

//put the arrow on the player that holds the turn
-(void)setArrowonTheRightPlayer{
    
    if([_turn isEqualToString:_userID]) {
        if ([_colorPlayer isEqualToString:@"blue"])
            _playerTurnSprite.position = ccp(_size.width/1.30, _size.height/1.10);
        else
            _playerTurnSprite.position = ccp(_size.width/1.30, _size.height/1.48);
    }
    
    if(![_turn isEqualToString:_userID]) {
        if ([_colorPlayer isEqualToString:@"blue"])
            _playerTurnSprite.position = ccp(_size.width/1.30, _size.height/1.48);
        else
            _playerTurnSprite.position = ccp(_size.width/1.30, _size.height/1.10);
    }
}

//calculate the reverse position to change the sprite on gameBoard
-(CGPoint)getReversePositionGameBoard:(int)positionTouched{
    NSInteger linha = (int) positionTouched / 16.0;
    NSInteger y = 688 - _tamanhoSprite * linha;
    NSInteger x = ( (int) positionTouched % 16) * 38 + _initialSpriteXXPosition;
    CGPoint position = CGPointMake(x, y);

    return position;
}

//draw the gameBoard (background, sprites blue (water), and the playerss avatar
-(void)drawGameBoard{
    
    for (int i = 0 ; i < _gameGridSize; i++) {
        _sprites = [CCSprite spriteWithFile:@"water.png"];
        _sprites.scale = .25;
        _initialSpritePositon = CGPointMake(_initialSpriteXXPosition+_deslocamentoNoEixoXX, _size.height-_initialSpriteYYPosition-(_deslocamentoNoEixoYY*_tamanhoSprite));
        _sprites.position = ccp(_initialSpritePositon.x,_initialSpritePositon.y);
        _deslocamentoNoEixoXX+=_tamanhoSprite;
        
        if (((i+1) % 16) == 0){
            _deslocamentoNoEixoXX=0;
            _deslocamentoNoEixoYY++;
        }
        
        [_spritesMutableArray addObject:_sprites];
        [self addChild:_sprites];
    }
    
    
    [self addChild:_playerTurnSprite z:4];
    
    [self addChild:_playerBlueSprite];
    [self addChild:_playerRedSprite];
    [self addChild:_youArrow];
    
    [self addChild:_playerBlueLabel];
    [self addChild:_playerRedLabel];
}

//set initial values
-(void)setInitialAppValues{
    _size = [[CCDirector sharedDirector] winSize];
    _gameGridSize = 256, _tamanhoSprite = 38;
    _initialSpriteXXPosition = 80, _initialSpriteYYPosition = 80;
    _deslocamentoNoEixoXX=0, _deslocamentoNoEixoYY=0;
    _spritesMutableArray = [[NSMutableArray alloc] initWithCapacity:256];
    _touchedLocations = [[NSMutableArray alloc] initWithCapacity:256];
    [self setResourceImage:@""];
    
    CCSprite * background = [CCSprite spriteWithFile:@"background.jpg"];
    background.position = ccp(_size.width/2,_size.height/2);
    [self addChild:background];
    
    //init the gameBoard array
    gameBoardInfoS = [[NSMutableString alloc] init];
    for(int i=0;i<256;i++){
        [gameBoardInfoS appendString:@"9"];
    }
    
    _playerBlueSprite = [CCSprite spriteWithFile:@"player_bue.png"];
    _playerBlueSprite.scale = .5;
    _playerBlueSprite.position = ccp(_size.width/1.30, _size.height/1.25);
    _playerRedSprite = [CCSprite spriteWithFile:@"player_red.png"];
    _playerRedSprite.scale = .5;
    _playerRedSprite.position = ccp(_size.width/1.30, _size.height/1.75);
    
    //identify the players on field
    if([_turn isEqualToString:_userID]){
        _youArrow = [CCSprite spriteWithFile:@"you.png"];
        _youArrow.scale = .3;
        _youArrow.position = ccp(_size.width/1.30, _size.height/1.30);
        [self setColorPlayer:@"blue"];
    }
    else{
        _youArrow = [CCSprite spriteWithFile:@"you.png"];
        _youArrow.scale = .3;
        _youArrow.position = ccp(_size.width/1.30, _size.height/1.85);
        [self setColorPlayer:@"red"];
    }
    
    _playerTurnSprite = [CCSprite spriteWithFile:@"arrowTurn.png"];
    _playerTurnSprite.scale = 1;
    _playerTurnSprite.position = ccp(_size.width/1.30, _size.height/1.10);
    
    
    _playerBlueLabel = [CCLabelTTF labelWithString:@"0" fontName:@"Marker Felt" fontSize:50.0];
    _playerBlueLabel.position = ccp(_size.width/1.15, _size.height/1.25);
    _playerRedLabel = [CCLabelTTF labelWithString:@"0" fontName:@"Marker Felt" fontSize:50.0];
    _playerRedLabel.position = ccp(_size.width/1.15, _size.height/1.75);
    
    [self setPlayerBlueScore:0];
    [self setPlayerRedScore:0];
}

-(void) registerWithTouchDispatcher
{
    NSLog(@"registerWithTouchDispatcher");
    [[[CCDirector sharedDirector] touchDispatcher] addStandardDelegate:self priority:0];
}

- (void) dealloc
{
    [turn release];
    [super dealloc];
}

@end

Paso 10: Construye y ejecuta el juego

Después de incluir el código mencionado anteriormente, el siguiente paso es construir y probar la aplicación. Use el atajo cmd + b. Si todo está bien, deberías ver el simulador de iPad funcionando.

Paso 11: Disfruta del juego

En este paso final, el objetivo es disfrutar del juego. ¡Dado que el juego es para dos jugadores, la mejor manera de jugarlo es con un amigo!

En las siguientes pantallas podemos ver el tablero de juego final a través de la visión de los dos jugadores (azul y rojo). La flecha arriba del avatar del jugador indica el turno actual del jugador; el jugador que está jugando actualmente.

Tablero de juego del jugador azul:

Tablero de juego del jugador rojo:

Paso 12: Conclusiones

Esto concluye la Parte II de cómo crear un juego de Flag Minesweeper utilizando tanto el código del lado del servidor como el del lado del cliente. Por ahora, debes tener suficiente conocimiento para crear un juego Cocos2D simple usando el mismo motor de juego. Si tiene alguna pregunta o comentario, no dude en dejarlos en la sección de comentarios aquí.