注：那个，秉着敬业爱业的精神，代码我会尽量解释清楚和一些路上捡的心得体会外加一堆废话(这段也是废话!!!)。如果没有解释的，那是我也没看懂，(╯3╰)，百度去吧。倒是感觉这代码注释过多也是影响了代码的可见度，so如有影响，直接参照源代码。(这尼玛HelloWorld也要注释？额~~请轻喷)
一、材料准备 这个是我在百度的时候找到的素材，微信飞机大战。百度真方便！！！真心慷慨，这不是做广告！嘿嘿，别动手，别~~~。 因为这个游戏比较简单，适合新手练手，所以拿他来开刀是再好不过了。当然里面许多素材是不需要的，实现基本的游戏逻辑只需要几张图片就够了，用到哪些后面有提及。 打开项目文件夹，把需要用到的游戏图片资源导入游戏项目根目录下的Resourse文件夹中。注：游戏里要用到的资源是默认从这里开始为根目录去读取的，比如Resourse下有一张simple.png的图片，到时候可以在项目中直接读取资源路径”simple.png”即可。 二、 屏幕大小调节 下面就需要我们调戏，啊不是调试和编写我们的代码了。 先打开vs2012，这个是我当前的IDE，依次点击文件->打开->项目/解决方案，打开游戏项目的proj.win32下的planegame.sln即可以导入游戏项目到vs 2012中。 打飞机当然是竖屏了才有感觉，在AppDelagate那里修改下窗口的属性，调整游戏窗口的大小。 打开src目录下的AppDelegate，src目录是我们游戏代码存放的地方，在applicationDidFinishLaunching()的如下位置添加如下代码 glview = GLViewImpl::create(“飞机大战”); //这里是修改后的窗口左上角显示的标题
glview->setFrameSize(480,800);//添加的代码director->setOpenGLView(glview);
现在可以跑下看看窗口改变的效果。 三、 背景图片与滚动 打开HelloWorldScene.cpp。 以下段落可以略过。 注意，这个是我们游戏的第一个场景，Cocos2d引擎帮我们封装了许多逻辑，以至于我们只需关注我们的游戏场景和处理逻辑。其实游戏的开始是从win32下的main.cpp里面的APIENTRY _tWinMain方法开始，这是个宏，其实就是c++语言的main方法，他定义了AppDelegate的一个对象，随后他会初始化AppDelegate的父类Application然后把他本身的指针给了父类的一个父类自身变量，这样做的目的是为了随后调用AppDelegate的applicationDidFinishLaunching()方法，这个是我们可以接触到用来初始化游戏窗口初始化导演类，还有初始化我们的第一个场景HelloWorld。最后main方法执行到了Application::getInstance()->run()，这里面封装的是我们游戏的循环和渲染等等逻辑。这时候我们的游戏已经跑起来了。这个就是简单的游戏启动过程。更加深层的代码有兴趣可以去研究研究源码，这也是开源带来的好处。 打开HelloWorldScene.cpp，删除原有的创建菜单和背景的代码，再添加如下代码：
//背景精灵 auto bg1 = Sprite::create(“background.png”);
//注意，Vec2是cocos2d的数据结构，里面包含两个float型的数据，分别用来表示x轴和y轴。 //setPosition是设置精灵的相对屏幕的位置（也就是世界坐标）。当前这两个参数表示设置精灵在屏幕的宽度一半，高度为零的位置，即屏幕最下方的中间位置。cocos2d是以OpenGl的坐标的右手坐标为标准，屏幕的左下方为原点。visibleSize.width和height是屏幕的宽高， bg1->setPosition(Vec2(origin.x + visibleSize.width/2,0)); //注意这里的锚点设置，为了图片永远在屏幕中间，x轴必须设置为0.5，其中的意思就是这个精灵向左移动精灵的一半宽度，y轴则是向下 bg1->setAnchorPoint(Vec2(0.5,0)); bg1->setTag(101);//设置Tag，以后可以通过这个标签找到这个精灵，以便对这个精灵进行操作。 this->addChild(bg1,0);//将背景精灵添加到层中。可以认为是当前的屏幕。其中的0是设置可见优先权，数值越小优先权越小，即当如果有其他的精灵的优先权比他大时，他会被遮挡住的。
//第二张背景图，是跟在第一张的上面，无缝连接，两张图形成不间断的地图滚动 ,getContentSize是获取精灵的size其中有它的宽度和高度。
auto bg2 = Sprite::create(“background.png”);bg2->setPosition(Vec2(origin.x + visibleSize.width/2, bg1->getPositionY()+bg1->getContentSize().height));bg2->setAnchorPoint(Vec2(0.5,0));bg2->setTag(102);this->addChild(bg2,0);
为什么有两个一样的背景精灵呢？这个是为了滚动地图设定的。 先在HelloWorldScene.h文件中声明定时器的回调方法。添加如下代码: void backgroundMove(float f);//定时器回调的背景滚动方法 然后在HelloWorldScene.cpp中定义他。
void HelloWorld::backgroundMove(float f)//背景滚动的回调方法 { //背景滚动逻辑 auto bg1 = this->getChildByTag(101); auto bg2 = this->getChildByTag(102); //当第二张图片退出屏幕时，把第一张图片设置到屏幕中，由于我的背景图片的高度是大于屏幕的高度的，所以判断逻辑要复杂点 if(bg2 -> getPositionY() + bg2->getContentSize().height <= Director::getInstance()->getVisibleSize().height) { bg1->setPositionY(-bg1->getContentSize().height + Director::getInstance()->getVisibleSize().height); } bg1->setPositionY(bg1->getPositionY()-3); bg2->setPositionY(bg1->getPositionY()+bg1->getContentSize().height);}不要哭，你要努力地往前看，你要相信阳光总在风雨后，你最终会看到彩虹的。
