4779人阅读
【IOS-cocos2d-iphone】（19）
1.精灵表的分类：
简单精灵表：精灵表中的图片都具有相同维度
复杂精灵表：精灵表中的图片可以具有不同的维度。
2.简单精灵表
通过SpriteSheet类将提供的图像切割成大小相同的子图像，当一个新的精灵表被实例化时将提供切割时用到的维度，同时也将提供精灵表图像中已用的“间隔”信息。
3.复杂精灵表
通过PackedSpriteSheet类来解析，该类需要一个图像和控制文件的名称。通过解析该控制文件就能获得精灵表中的精灵的位置和大小。
有无控制文件是基本型精灵表和复杂型精灵表间的主要区别。基本的精灵表可以通过简单的网格坐标定位每个精灵的位置，而复杂的精灵表通常精灵大小不一致，为了最大化利用空间，精灵表都是随机分布。
控制文件里面包含了每个精灵的在精灵表中的位置和维度，同时控制文件为每张图像分配一个键（key），通过如下图可以看出：一个复杂的精灵表由许多不同大小的形状和图像构成，我们可以通过Zwoptex等工具来生成。
4. Zwoptex工具的使用
我们可以通过下载这个工具来生成复杂的精灵表：1.52破解版
CSDN下载地址:
安装完成后如下：
我们点击create a new document 。如下：
Zwoptex工具有3中不同的输出，如下:
(1)为特定的精灵表存储设置和图像的项目文件。
(2)精灵表的png图像。
(3)plist格式的控制文件。
使用步骤如下：
（1）import image：导入要输入的图片
（2）导入后如下：
（3）左边的参数如下意思：
（4）接下来根据导入的图片进行排序
我们通过设置width和height都为256px。点击layout，即可排序如下：
（5）点击publish settings 进行输出的配置，把输出的路径设置好就可以点击publish输出了。
输出格式为plist文件
继续请看：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：561600次
积分：4802
积分：4802
排名：第5171名
原创：78篇
转载：46篇
评论：54条
(4)(1)(2)(1)(1)(1)(1)(1)(1)(1)(3)(20)(3)(3)(8)(1)(1)(26)(9)(1)(2)(4)(4)(25)14441人阅读
Cocos2d-x（2）
Android高级（3）
因为最近项目需要，开始研究下cocos2d-x；关于cocos2d-x这里就不废话了。
作为一个程序员，凡事先从HelloWorld开始，这是我们的优良传统。
这里先说下如何创建一个cocos2d-x的HelloWorld项目。
第一步:下载cygwin并安装，至于如何安装cygwin就不多说了。网上这类资料实在是太多了。
需要注意的是一定要安装gcc g++ gdb make这些工具。
第二步：下载NDK
到这个页面/tools/sdk/ndk/index.html 下载需要的版本（最好是最新的）
解压缩至任意一目录下。
第二步：下载cocos2d-x&
git clone /cocos2d/cocos2d-x.git
第三步：创建Hello World项目
a、首先需要确定三个路径
1)android sdk 目录下的tools目录 (D:\Android\android-sdk\tools)
2)cygwin的bin目录(D:\dev\cygwin\bin)
3)NDK的目录(D:\Android\android-sdk\android-ndk-r8b)
b、修改cocos2d-x目录下的create-android-project.bat文件
并分别替_ANDROIDTOOLS _CYGBIN _NDKROOT三个变量的值为上面三个值。
c、在命令行中切换到cocos2d-x的根目录下，运行create-android-project.bat（一定是切换到cocos2d-x的根目录下运行）
按照提示输入项目的包名，项目名，主要指定的Android sdk的targetid
D:\cocos2dx&create-android-project.bat
Please enter your package path. For example: org.cocos2dx.example:com.test
Please enter your project name:MyHelloWorld
...target的提示信息
Please input target id:10
Create android project
Create Android project inside proj.android
Created project directory: D:\cocos2dx\MyHelloWorld\proj.android
Created directory D:\cocos2dx\MyHelloWorld\proj.android\src\com\test
Added file D:\cocos2dx\MyHelloWorld\proj.android\src\com\test\MyHelloWorld.java
Created directory D:\cocos2dx\MyHelloWorld\proj.android\res
Created directory D:\cocos2dx\MyHelloWorld\proj.android\bin
Created directory D:\cocos2dx\MyHelloWorld\proj.android\libs
Created directory D:\cocos2dx\MyHelloWorld\proj.android\res\values
Added file D:\cocos2dx\MyHelloWorld\proj.android\res\values\strings.xml
Created directory D:\cocos2dx\MyHelloWorld\proj.android\res\layout
Added file D:\cocos2dx\MyHelloWorld\proj.android\res\layout\main.xml
Added file D:\cocos2dx\MyHelloWorld\proj.android\AndroidManifest.xml
Added file D:\cocos2dx\MyHelloWorld\proj.android\build.xml
Added file D:\cocos2dx\MyHelloWorld\proj.android\proguard-project.txt好了，这个时候切换到D:\cocos2dx目录下会发现多了一个MyHelloWorld的目录。
Classes目录下放置的是c/c++头文件和源码文件，这里重要的是AppDelegate.cpp和AppDelegate.h（后续文章中介绍这两个）
HelloWorldScene.cpp,HelloWorldScene.h是给出的一个项目默认显示的场景。
Resource目录下存放的是各种资源文件。
proj.android 目录中放的就是我们需要的android 项目文件了。
如果还有其他平台的就有其他的proj.xxx目录，这个可以在D:\cocos2dx\tests目录下看到.
好了，到了这一步，离成功就不远了。
打开cygwin Terminal,切换目录至/cygdrive/d/cocos2dx/MyHelloWorld/proj.android运行build_native.sh
berdy@berdy-PC /cygdrive/d/cocos2dx/MyHelloWorld/proj.android
$ ./build_native.sh
cp: cannot open `/cygdrive/d/cocos2dx/MyHelloWorld/Resources/CloseNormal.png' for reading: Permission denied
cp: cannot open `/cygdrive/d/cocos2dx/MyHelloWorld/Resources/CloseSelected.png' for reading: Permission denied
cp: cannot open `/cygdrive/d/cocos2dx/MyHelloWorld/Resources/fps_images.png' for reading: Permission denied
cp: cannot open `/cygdrive/d/cocos2dx/MyHelloWorld/Resources/fps_images-hd.png' for reading: Permission denied
cp: cannot open `/cygdrive/d/cocos2dx/MyHelloWorld/Resources/fps_images-ipadhd.png' for reading: Permission denied
cp: cannot open `/cygdrive/d/cocos2dx/MyHelloWorld/Resources/HelloWorld.png' for reading: Permission denied
Using prebuilt externals
make: Entering directory `/cygdrive/d/cocos2dx/MyHelloWorld/proj.android'
/cygdrive/d/Android/android-sdk/android-ndk-r8b/build/core/add-application.mk:49: jni/Application.mk: Permission denied
/cygdrive/d/Android/android-sdk/android-ndk-r8b/build/core/setup-toolchain.mk:169: jni/Android.mk: Permission denied
: [arm-linux-androideabi-4.6] libs/armeabi/gdbserver
: libs/armeabi/gdb.setup
make: Leaving directory `/cygdrive/d/cocos2dx/MyHelloWorld/proj.android'发现build出错了，Permission denied，windows 7下的权限问题。切换到windows的命令行中，
切换到D:\cocos2dx\MyHelloWorld录下，修改文件和目录的权限。
D:\cocos2dx\MyHelloWorld&takeown /f * /a /r
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\Classes& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\proj.android& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\Resources& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\Classes\AppDelegate.cpp& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\Classes\AppDelegate.h& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\Classes\HelloWorldScene.cpp& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\Classes\HelloWorldScene.h& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\proj.android\AndroidManifest.xml& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\proj.android\ant.properties& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\proj.android\assets& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\proj.android\bin& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\proj.android\build.xml& 现在由管理员组所有。
成功: 此文件(或文件夹): &D:\cocos2dx\MyHelloWorld\proj.android\build_native.sh& 现在由管理员组所有。
(省略后面的提示信息了。。。)授权everyone组
D:\cocos2dx\MyHelloWorld&icacls * /t /grant:r everyone:f
已处理的文件: Classes
已处理的文件: proj.android
已处理的文件: Resources
(省略了中间的提示信息)
已处理的文件: Resources\CloseNormal.png
已处理的文件: Resources\CloseSelected.png
已处理的文件: Resources\fps_images-hd.png
已处理的文件: Resources\fps_images-ipadhd.png
已处理的文件: Resources\fps_images.png
已处理的文件: Resources\HelloWorld.png
已成功处理 65 个文件; 处理 0 个文件时失败再切换到cygwin Terminal下，再次运行build_native.sh包
berdy@berdy-PC /cygdrive/d/cocos2dx/MyHelloWorld/proj.android
$ ./build_native.sh
(省略中间的编译提示信息)
d:/android/android-sdk/android-ndk-r8b/toolchains/arm-linux-androideabi-4.6/prebuilt/windows/bin/../lib/gcc/arm-linux-androideabi/4.6.x-google/../../../../arm-linux-androideabi/bin/ld.exe: cannot find ./obj/local/armeabi/png.a: Permission denied
d:/android/android-sdk/android-ndk-r8b/toolchains/arm-linux-androideabi-4.6/prebuilt/windows/bin/../lib/gcc/arm-linux-androideabi/4.6.x-google/../../../../arm-linux-androideabi/bin/ld.exe: cannot find ./obj/local/armeabi/jpeg.a: Permission denied
d:/android/android-sdk/android-ndk-r8b/toolchains/arm-linux-androideabi-4.6/prebuilt/windows/bin/../lib/gcc/arm-linux-androideabi/4.6.x-google/../../../../arm-linux-androideabi/bin/ld.exe: cannot find ./obj/local/armeabi/xml2.a: Permission denied
d:/android/android-sdk/android-ndk-r8b/toolchains/arm-linux-androideabi-4.6/prebuilt/windows/bin/../lib/gcc/arm-linux-androideabi/4.6.x-google/../../../../arm-linux-androideabi/bin/ld.exe: cannot find ./obj/local/armeabi/tiff.a: Permission denied
d:/android/android-sdk/android-ndk-r8b/toolchains/arm-linux-androideabi-4.6/prebuilt/windows/bin/../lib/gcc/arm-linux-androideabi/4.6.x-google/../../../../arm-linux-androideabi/bin/ld.exe: cannot find ./obj/local/armeabi/libgnustl_static.a: Permission denied
collect2: ld returned 1 exit status
/cygdrive/d/Android/android-sdk/android-ndk-r8b/build/core/build-binary.mk:378: recipe for target `obj/local/armeabi/libgame.so' failed
make: *** [obj/local/armeabi/libgame.so] Error 1
make: Leaving directory `/cygdrive/d/cocos2dx/MyHelloWorld/proj.android'发现还是报错，同样的是权限问题.这次是编译链接后生成的静态库的权限问题。
jpeg.a,libcocos2d.a,libcocosdenshion.a,libgnustl_static.a,png.a,tiff.a,xml2.a
切换到D:\cocos2dx\MyHelloWorld\proj.android\obj\local\armeabi,同样执行上面的命令
D:\cocos2dx\MyHelloWorld\proj.android\obj\local\armeabi&takeown /f * /a /r
D:\cocos2dx\MyHelloWorld\proj.android\obj\local\armeabi&icacls * /t /grant:r everyone:f再次切换到cygwin Terminal下
berdy@berdy-PC /cygdrive/d/cocos2dx/MyHelloWorld/proj.android
$ ./build_native.sh
Using prebuilt externals
make: Entering directory `/cygdrive/d/cocos2dx/MyHelloWorld/proj.android'
: [arm-linux-androideabi-4.6] libs/armeabi/gdbserver
: libs/armeabi/gdb.setup
SharedLibrary
: libgame.so
: libgame.so =& libs/armeabi/libgame.so
make: Leaving directory `/cygdrive/d/cocos2dx/MyHelloWorld/proj.android'在eclipse中创建一个android project，注意选择 Androdi Prolject from existing code
在设备或者模拟器上运行，出现了如下画面就大功告成了。
好了，今天就先写到这里了，后面的会在这个MyHelloWorld项目中来添加素材和功能了。请期待后续。。。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：47067次
排名：千里之外
原创：25篇
评论：10条
(1)(2)(2)(1)(1)(2)(15)(1)COCOS2d-x 飞机大战游戏
成都莫比乌斯科技创始人。资深DevOps运维开发工程师，精通Windows及Linux系统平台的运维，精通大型分布式架构网站的部署和管理，曾担任国内某大型IT企业技术总监，具有10余年资深IT从业经验。
无法运行，请执行js权限
1.介绍zwoptex软件
下载APP离线观看
了解cocos2d-x概要，认识cocos2d-x游戏引擎。
学习cocos2d-x基础，了解引擎各个功能是如何使用的并通过源码进行原理分析。
学习cocos2d-x坐标系统的使用及源码的分析。
学习cocos2d-x UI系统的使用及源码的分析。
只看我参与的
加载更多↓
1-12_素材文件和源代码
1-12_素材文件和源代码
13-21_素材文件和源代码
13-21_素材文件和源代码
22-24_素材文件和源代码
22-24_素材文件和源代码
选择反馈类型
请选择分类
请选择反馈类型
你还可以输入200字
请留下你的宝贵意见！～
请留下正确的电话号码，以便我们能帮助你！
滑动完成验证
请滑动进行验证
感谢你的反馈，你的支持永远是我们前进的动力！
亲爱的学员
该课程还有更完整的职业课程大纲哦~
体系化学习，会有更好的学习效果！
直通班课程
抱歉，该课程视频仅限该直通班学员观看哦~
立即报名，您可享有
免费观看所有课程视频
智能在线学习系统
名师小班指导
全国就业服务
还没有账号？
其他方式登录
滑动完成验证
重发验证码
手机短信验证码已发送，请查收！
有一位课程导师想与你聊聊
客服热线 400-862-88625094人阅读
cocos2d入门（10）
holydancer原创，如需转载，请在显要位置注明：
转自holydancer的CSDN专栏，专栏地址：http://blog.csdn.net/holydancer
我们之前文章提到的精灵（会摇尾游动的小鱼），是我们由一张一张的png图片组成帧构建的，但我们在很多项目里都会发现，他们的同类精灵素材都是保存在一张png上，比如这样
这样，如果需要每个精灵，就会从这张png里通过CGRect确定范围，来确定每个帧画面～有的同学可能会迷茫，这么多的小图片挤在一张大图片上，如果要确定每个小图片的CGRect，岂不是需要一点一点调试，其实很简单的，因为这种大的png图片的生成往往是通过软件来生成的，在生成的时候会伴随生成一个plist文件，里面保存着每个小图片的CGRect等信息，这种大的png图就称之为纹理图册，纹理图册常常伴随着精灵的批处理，精灵的批处理我们在cocos2d中经常要用到CCSpriteBatchNode和CCSpriteFrameCache，精灵批处理有很大的优势，最主要的体现在效率上，我们知道openGL每次绘制纹理，都要有一次准备工作，如果我们使用精灵图册结合CCSpriteFrameCache和CCSpriteBatchNode,就可以只进行一次准备工作，大大的提高了绘图效率；下面我们就从制作纹理图册开始来简单介绍精灵的批处理，还是那句话，有错请轻喷，咱脸皮薄；
上文提到，创建精灵图册和对应的plist文件要使用软件，很多人都使用Zwoptex，我们也不例外，因为这个软件确实好用，虽然是收费的，但也提供免费的功能较少的flash版本；下载地址为：,右下角可以下载免费的flash版本，我们这里使用免费版本，下载后解压，打开html格式的文件即可在浏览器中进行操作；
打开后效果如下：
我们导入生成纹理图册的基本图片，刚导入时是叠加在一起的，我们可以在Arrange中使其按宽度排列，然后调整一下纹理图册的大小，在Modify中调整Canvas width为64px,Canvas height调为512px,最后的效果类似，因为texture的宽和高都是以2的n次方为模板的，所以下图已经是我们能够调成的最优的效果了；
&达到这种效果我们就可以导出png和plist了，通过file里面的export texture,export coordinate来导出，记得名字要统一，我在这里都叫fish,这样我们就得到了一个fish.png,和fish.plist文件，很简单吧，等下篇文章我们就利用生成的纹理图册和plist文件，结合cocos2d中的一些高效类库来生成动画；
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：787111次
积分：6690
积分：6690
排名：第2994名
原创：59篇
转载：10篇
评论：249条
文章：11篇
阅读：37676
文章：14篇
阅读：165353
文章：14篇
阅读：167188}