Cocos2D教程.pdf
文本预览下载声明
下载并安装Cocos2D
你可以从以下地址下载到最新的Cocos2D
地址: HYPERLINK / \t _parent http://
/
下载完成后,你需要安装实用的project templates (工程模板)。在mac下打开一
个终端窗口,进入到刚刚下载到的Cocos2D的目录并输入以下指令: ./install-
templates.sh -f -u
注意,如果xcode没有安装在默认目录下,在这里你可以选择性的在指令后添加
参数(如果你的机器曾经安装过多个版本的SDK的话,那么很可能之前你已经会
用这种方法了)。
Hello, Cocos2D!
让我们从建立一个简单的Hello World程序开始吧!
启动Xcode ,选择cocos2d Application template建立一个新工程。将其命名为
“Cocos2DSimpleGame” 。
编译(Cmd+B)并运行(Cmd+R)之,如果一切顺利,你将看到如下图所示:
HYPERLINK /352/how-to-make-a-simple-iphone-
game-with-cocos2d-tutorial/helloworld INCLUDEPICTURE http://
/wp-content/uploads/2010/02/HelloWorld.jpg \*
MERGEFORMATINET
Cocos2D是以场景(scenes)组织的,对一个游戏来说,场景可以是关卡或者是
屏幕。比如游戏一开始的主菜单场景,游戏中运行起来的场景,还有游戏结束
game over的场景。在场景中,可以有很多的层layers (很像photoshop 中的层),层
中又可以包含很多节点nodes 比如精灵sprite ,文本labels ,菜单menus和其他的。同
时每个节点又可以包含其他的节点(例如一个sprite节点可以包含另一个sprite节点
作为他的child)。
观察下Hello World示例工程,会发现里边只有一个层-HelloWorldLayer-我们准备
在这儿实现我们主要的游戏逻辑。打开这个文件,会看到在init方法里边被加入了
一个写着”Hello World”的label ,现在删除掉它,我们以后将用一个sprite来替换它。
添加一个Sprite (精灵)
在添加一个sprie之前,我们需要一些图片,你可以使用自己创建的,或者直接
使用为这个项目制作的图片资源: HYPERLINK /
downloads/Player.png a Player image, HYPERLINK http://
/downloads/Projectile.png a Projectile image, and
HYPERLINK /downloads/Target.png a Target
image.
获得这些图片后,把它们从finder里拖拽进Xcode工程的resources文件夹下,确
保”Copy items into destination group’s folder (if needed)是选中的。
好的,现在有了图片资源,下面要计算出该往哪里放置我们的主人公。需要注
意的是在Cocos2D里,屏幕的左下角是(0,0)点,随着你往右上方向移动,x和y值会
随之增加。因为本项目是landscape模式的(手机横向放置),所以这意味着右上角
的坐标是(480,320) 。
还需要注意的是,每当设置一个对象的坐标,默认情况下设置的是该对象自身
中心的位置。所以如果想把主人公sprite放置到屏幕的横向左边缘,纵向屏幕一半
的位置,需要执行以下两步:
x坐标,设置其为[player sprites width]/2。
y坐标,设置其为[window height]/2。
图片为例:
INCLUDEPICTURE /wp-content/uploads/
2010/02/SpriteCoordinates.jpg \* MERGEFORMATINET
这就试试看!打开Classes文件夹并点击HelloWorldLayer.m ,用以下内容替换掉
init方法:
-(id) init
{
if( (self=[super init] )) {
CGSize winSize = [[CC
显示全部