【iOS-Cocos2d游戏开发之十八】解决滚屏背景/拼接地图有黑边(缝隙)/动画播放出现毛边以及禁止游戏中自动锁屏问题！【2011年12月18日补充】

 李华明Himi 原创,转载务必在明显处注明：
转载自 【黑米GameDev街区】 原文连接:  http://www.himigame.com/iphone-cocos2d/507.html

     本章节主要为你们介绍在游戏开发过程当中常常遇到的两个问题；

     1. 解决滚屏背景或拼接地图有黑边！

      对于游戏开发中，背景（游戏地图）是必要的元素之一，那么对于大部分游戏的背景都是动态，或者不断移动的；例如RPG中的背景随着人物、主角而移动，那么通常状况下背景都是由地图编辑器（图块）拼出来的，要不就是直接一整张大图去显示，在或者就是将一张大图进行裁减成N张，而后再进行拼接完成等等；

      那么对于背景（地图）元素中存在的重复图块不多的话基本上就没有利用地图编辑器的必要了；在这里Himi不来介绍如何在cocos2d中使用地图编辑器作背景地图 ，而是介绍在cocos2d中制做滚动地图时利用拼接地图方式遇到的黑边问题；

     以下图所示，背景是由3张图片拼接而成,以下3张图：

                                               

     而后Himi将此3张做为3个精灵而后顺次绘制在屏幕上代码以下： 

//将三张图拼成一张完整背景 
        CGSize screenSize =[[CCDirector sharedDirector]winSize];
        CCSprite *bgTile1 =[CCSprite spriteWithFile:@"himi_01.png"];
        bgTile1.position=ccp(bgTile1.contentSize.width*0.5,screenSize.height*0.5);
        CCSprite *bgTile2 =[CCSprite spriteWithFile:@"himi_02.png"];
        bgTile2.position=ccp(bgTile1.position.x+bgTile1.contentSize.width,bgTile1.position.y);
        CCSprite *bgTile3 =[CCSprite spriteWithFile:@"himi_03.png"];
        bgTile3.position=ccp(bgTile2.position.x+bgTile2.contentSize.width,bgTile2.position.y);
        [self addChild:bgTile1 z:0 tag:11];
        [self addChild:bgTile2 z:0 tag:22];
        [self addChild:bgTile3 z:0 tag:33];

此时运行的截图以下：

               

    从上图童鞋们就能够看到拼接有裂缝，那么接着让3个精灵从左向右不断的x轴+1进行移动，代码以下：

//----init函数中 
       //每0.1秒刷新函数move
        [self schedule:@selector(move) interval:0.1];
//move函数
-(void)move{
    CCSprite *tempSprite =(CCSprite*)[self getChildByTag:11];
    tempSprite.position=ccpAdd(tempSprite.position, ccp(1,0));
    tempSprite =(CCSprite*)[self getChildByTag:22];
    tempSprite.position=ccpAdd(tempSprite.position, ccp(1,0));
    tempSprite =(CCSprite*)[self getChildByTag:33];
    tempSprite.position=ccpAdd(tempSprite.position, ccp(1,0));
}

运行截图以下：

              

     这时当移动到必定距离时候会发现刚才的缝隙消失了，是消失了，经过以上两张运行效果图能够说明：

     在cocos2d中如图你使用拼接背景地图的方式去作的话，每处拼接处在移动时都会时不时的出现黑边（裂缝），至于如何解决我想童鞋们第一想法就是在裁图的时候多切出一像素的方法，第一张好比原来是100，故意裁出101，第二张绘制的时候X轴前一个像素...以此类推，还有些童鞋认为是美工的缘由，可能在裁图的时候有透明像素的存在形成，固然美工裁图的不仔细确实是个不可排除的缘由，可是最终解决的方案应该是将精灵设置贴图无锯齿的属性，这样就能够完美解决此问题，设置精灵贴图无锯齿方法以下：

[CCSprite.texture setAliasTexParameters];

    咱们将这句添加上以后再次运行，代码更改以下：

//将三张图拼成一张完整背景 
        CGSize screenSize =[[CCDirector sharedDirector]winSize];
        CCSprite *bgTile1 =[CCSprite spriteWithFile:@"himi_01.png"];
        bgTile1.position=ccp(bgTile1.contentSize.width*0.5,screenSize.height*0.5);
        CCSprite *bgTile2 =[CCSprite spriteWithFile:@"himi_02.png"];
        bgTile2.position=ccp(bgTile1.position.x+bgTile1.contentSize.width,bgTile1.position.y);
        CCSprite *bgTile3 =[CCSprite spriteWithFile:@"himi_03.png"];
        bgTile3.position=ccp(bgTile2.position.x+bgTile2.contentSize.width,bgTile2.position.y);
        //让3个精灵都设置贴图无锯齿
        [bgTile1.texture setAliasTexParameters];
        [bgTile2.texture setAliasTexParameters];
        [bgTile3.texture setAliasTexParameters];
        [self addChild:bgTile1 z:0 tag:11];
        [self addChild:bgTile2 z:0 tag:22];
        [self addChild:bgTile3 z:0 tag:33];

再次运行效果图以下：

               

  OK，完美解决；

 2.下面介绍第二个问题：如何禁止手机自动锁屏的问题；

     对于手机自动锁屏的问题通常都是在项目尾声的时候发现因为手机自动锁屏所带来的各类问题，例如，在cocos2d中咱们调用暂停游戏的函数后，若是用户无操做，手机自动锁屏后，解锁再次进入游戏就会发现游戏不处于暂停了，（若是你有暂停界面的话，你将看到你暂停界面存在，然后面的游戏照常运行- -）

    那么这里Himi给出在应用中禁止手机自动锁屏的代码，以下：

[[UIApplication sharedApplication] setIdleTimerDisabled:YES];

     OK，本章介绍的知识点虽然不多解决的方法也很简单，可是也是游戏中最容易遇到的两个问题；

     那么这里确定会有很多童鞋认为自己一句代码的事情非写这么多进行说明，嗯 ，确实写的过于详细，可是Himi之因此写这么详细主要仍是想让尚未遇到此类问题的童鞋清晰化此类问题出现的缘由，这样能让更多童鞋减小之后遇到此问题的疑问～

【2011年11月17日补充】：

       若是解决拼接裂缝问题利用下面这行代码仍是不给力的话 : 

[sprite.texture setAliasTexParameters];

      那么请继续利用下面这行代码：（放在AppDelegate.m  的 applicationDidFinishLaunching方法中最后便可）

[[CCDirector sharedDirector] setProjection:kCCDirectorProjection2D];

若是仍是不行 ，那么检查你TP打包工具进行打包的时候，是否是忘记将帧与帧之间忘记空出1-2像素了！！！由于帧与帧之间离得特别近的话，那么渲染时正好将旁边那帧的图绘制出来了！！！！！！

若是还不行，宝贝们，大家赢了！只要以上方法都尝试过100%没问题的！！！！！！

原文连接： http://blog.csdn.net/xiaominghimi/article/details/6926913