本篇主要介绍如何使用cocos2d-x for xna开发一个打地鼠的游戏，虽然cocos2d的入门教程也有打地鼠，但是本篇着重简单的学习实现，因为涉及了帧动画，所以使用了另外的地鼠图片资源，尽可能的在单一项目内学习一个
知识点
高中化学知识点免费下载体育概论知识点下载名人传知识点免费下载线性代数知识点汇总下载高中化学知识点免费下载
，不在一些繁琐的绕人地方浪费时间，所以你将看到非常直接的代码实现示例，本开发实例着重使用了如下cocos2d-x类：CCSprite、CCMenuItemSprite、CCScene
建立工程
首先现建立一个工程，从工程模板里可以找到“cocos2d-x”的分类，输入名字点击确认，我们在这里叫：Hit_Mole。
然后引用一下cocos2d-x for xna的4个dll：（这些dll来自于cocos2d-x for xna的编译结果，http://liebiao.qqq100.com 详细请参看之前一篇）
cocos2d-xna.dll : cocos2d-x for xna主类库
cocos2d.Framework.dll : 内容管线使用的CCContent类，它会和Importers配合读取项目的plist文件
ICSharpCode.SharpZipLib.dll
zlib.net.dll
注意Hit_MoleContent工程要引用内容管线dll: http://wangming.fzl1314.com
cocos2d.Content.Pipeline.Importers.dll
编译运行一下确认无错误。
建立基本游戏场景
第一件事就是要准备好一套用于做此游戏的图片，并将他们添加到你的Hit_MoleContent工程中
然后在你的工程中添加一个类，在这里多说一下，可以直接在模板中修改Helloworld类，不过模板生成的有点复杂，不利于说明，我为了简单明了直接新建一个类作为开始，这个类名暂叫：Scene1
类的代码如下：
using cocos2d;
namespace Hit_Mole
{
public class Scene1 : CCScene
{
public Scene1()
{
//初始化
initialize();
}
public bool initialize()
{
//从Hit_MoleContent里面读取scene.jpg的图像成为游戏当中的一个精灵
CCSprite background = CCSprite.spriteWithFile("scene");
//将锚点设置到(0,0)处，单张图片的读取默认锚点在(0.5f,0.5f)处
background.anchorPoint = new CCPoint(0, 0);
//将背景添加到场景中
this.addChild(background);
return base.init();
}
}
}
然后打开AppDelegate.cs找到applicationDidFinishLaunching()下的导演显示场景代码
你会发现模板自动加了一个Helloworld（虽然名字不叫这个）的场景，而这个场景的代码在HelloWorldScene.cs之中，我们不需要它，直接换成咱们场景
?
CCScene pScene = new Scene1();
运行一下看看效果：
一个基本的游戏场景出现了。
制造老鼠
鬼头的老鼠会按照一定的规则露头然后回去，在这里我们先实现被点击这个效果，在另外一篇里面着重看动画部分，所以我们先制造一个不是很聪明的老鼠，它只是傻傻露着头等敲打。
在Cocos2d-x for xna里面有各种方式实现点击，其中CCMenuItem是用来做UI界面中的菜单选项，我认为它等同于其他引擎的Button，打地鼠游戏本身就是一个点击游戏，将鼹鼠做成按钮也未尝不可。
新建一个类：Mole
特别注意！下面的代码中的NormalImage和SelectedImage在最新版本的cocos2d-x for xna中是私有变量，需要自己修改成为public
using cocos2d;
namespace Hit_Mole
{
public class Mole : CCMenuItemSprite
{
Scene1 gamescene;
CCSprite body;
CCSprite hideimage;
public Mole(Scene1 root, SEL_MenuHandler selector)
{
//将游戏的根保存
gamescene = root;
//读取一张“鼠洞”的图片并添加到菜单项里，它将作为底背景
CCSprite hole = CCSprite.spriteWithFile("Hole");
hole.anchorPoint = new CCPoint(0, 0);
this.addChild(hole);
//读取一张鼹鼠身体的图片并设置为默认的图像
body = CCSprite.spriteWithFile("marmot_3");
NormalImage = body;
//读取一张鼹鼠被选择（点击）时候显示的图像
SelectedImage = CCSprite.spriteWithFile("marmot_4");
//隐蔽时发生出现的图像，在本篇中暂时无用，所以它是不可见的
hideimage = CCSprite.spriteWithFile("marmot_4");
hideimage.visible = false;
this.addChild(hideimage);
//初始化选择器，Hit将发生与被点击时候的状态
initWithTarget(root, selector);
//设置内容的大小，用继承类时，contentSize不会被刷新，需要自己指定
contentSize = body.contentSize;
}
}
}
通常CCMenuItemSprite通过静态方法取得，而为了更好实现效果，通过继承的方式自己创造一个自定义的按钮，这里需要注意的是构造方法Mole(Scene1 root, SEL_MenuHandler selector)，它要求传入游戏根（root）和一个回调事件，它们的存在才能使其发挥作用，具体的可以参考CCMenuItemSprite.itemFromNormalSprite相关说明
现在改造一下Scene1这个类，让地鼠们出现在场景当中：
using cocos2d;
namespace Hit_Mole
{
public class Scene1 : CCScene
{
public Scene1()
{
//初始化
initialize();
}
public bool initialize()
{
//L1
//从Hit_MoleContent里面读取scene.jpg的图像成为游戏当中的一个精灵
CCSprite background = CCSprite.spriteWithFile("scene");
//将锚点设置到(0,0)处，单张图片的读取默认锚点在(0.5f,0.5f)处
background.anchorPoint = new CCPoint(0, 0);
//将背景添加到场景中
this.addChild(background);
//L2
//取得当前窗口的宽
var w = CCDirector.sharedDirector().getWinSize().width / 4;
//取得高，并偏移80像素
var h = (CCDirector.sharedDirector().getWinSize().height - 80) / 3;
//声明一个CCMenuItemSprite数组
CCMenuItemSprite[] moles = new CCMenuItemSprite[4 * 3];
for (int i = 0; i < 4; i++)
{
for (int j = 0; j < 3; j++)
{
//建立一个地鼠的菜单（按钮），并且按照4*3的方式排列
Mole mole = new Mole(this, onClick);
mole.position = new CCPoint(i * w + w / 2, j * h + h / 2);
moles[j * 4 + i] = mole;
}
}
//创建CCMenu
var menus = CCMenu.menuWithItems(moles);
//菜单项目默认是在父节点的中间，所以要把他们移动到0,0处
menus.position = new CCPoint(0, 0);
this.addChild(menus);
return base.init();
}
//被点击的回调
public void onClick(CCObject sender)
{
}
}
}
这里注意的是，直接new出来的Mole是无法接收到点击事件的，需要将其创建成为一个CCMenu，在引擎内部的机制当中才可以运行起来。
那么现在整体的结构应呈现为：
在一些游戏里面的场景可能会非常的复杂，会加入CCLayer等做各种的区分，但是不用担心，只要能理解节点和对象之间的关系，很容易就能驾轻就熟。
运行效果
现在运行一下看看效果是什么样子的呢，当点击的时候会有变化。
本篇中的例子代码下载：
cocos2d-x for WindowsPhone ：打地鼠（上）
特别推荐：深蓝色右手
上一篇中简单的实现了打地鼠的游戏雏形，一个好的游戏需要很多次的调试和长时间打磨，才能成为有趣的产品，而不是一段段的代码，前面一篇中使用了最简单的方式生成了静态界面，这次我们将整合动画着重使用CCActionInterval派生出来的各种行为类做出有趣的游戏，那么现在开始吧。
行为动画
CCActionInterval是Cocos2d中常用的行为类，它的派生类分管各种不同对象，产生不同的结果，这个模式在一些游戏引擎中有的叫做脚本，有的叫做控制器，刚开始用的时候可能有点晕，但是随着使用次数的增加就会越来越熟悉，今天我将使用到如下几个行为来实现游戏的动画效果：
CCDelayTime：延迟行为，它仅仅是一个定时器，设定好时间，行为会在指定的时间后结束
CCAnimate和CCAnimation：动画行为类，它们组合在一起可以控制一个CCSprite的帧动画
CCCallFunc：呼叫行为类，指定一个回调函数，执行的时候就会调用
CCSequence：行为队列类，它可以将几个行为组合起来，这样就不需要定时的去判断逻辑了，比如一个延迟行为加上回调行为，就会达到在延迟指定时间后回调指定函数的效果
除了这些还有很多有用的行为类，但是仅用这些就已经足够了。
例如下面的代码：
?
CCDelayTime delayTime = CCDelayTime.actionWithDuration(DelaySecond);
delayAction = CCSequence.actionOneTwo(delayTime, CCCallFunc.actionWithTarget(this, showCompled));
this.runAction(delayAction);
这个代码换成图片
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
示则是这样的
如果仔细看过你会发现CCSequence也是一个CCActionInterval，它的作用就是将多个行为组合起来达到连贯，这是一个很有趣的方法，你能用它做很多有趣的行为，上面代码中为延迟DelaySecond秒之后回调showCompled方法，在最后的代码中你会发现这种方式被用了三次在不同的地方达到不同的效果。
那么，除了延迟，还有动画也可以组合，这样我们可以很准确的知道某个动画结束后的事件，例如:
?
//钻出动画
CCAnimation marmotShowanimation = CCAnimation.animationWithFrames(frames,0.1f);
CCAnimate action = CCAnimate.actionWithAnimation(marmotShowanimation, false);
showAction = CCSequence.actionOneTwo(action, CCCallFunc.actionWithTarget(this, callback));
body.runAction(showAction);
这个代码的意思是通过frames帧序列创建一个动画行为，然后使用Animate嵌套使其播放，执行的目标是body这个CCSprite，当播放结束之后就会执行callback方法。
行为动画在游戏当中举足轻重，本例中使用的是最简单的单个图片序列的方式播放，其实，使用cocos2d的动画plist更加简便，但是单来说设计工具就比较繁琐，因此我
计划
项目进度计划表范例计划下载计划下载计划下载课程教学计划下载
在后面篇章专门说动画的制作和代码。
文字显示
在现在cocos2dxna版本中还不能直接显示文字和其他的平台状况差不多，显示英文和数字可以使用其他版本方法，这方面引擎提供了多个类来解决，其中最简单的是CCLabelTTF，它不需要独立载入文字序列，也不需要指定来源图片，直接在屏幕的位置上显示一行指定的英文和数字的字符，例如：
?
label_Score = CCLabelTTF.labelWithString("0", "Arial", 24);
label_Score.Color = new ccColor3B(255, 0, 0);
label_Score.anchorPoint = new CCPoint(1, 0.5f);
this.addChild(label_Score);
label_Score.position = new CCPoint(CCDirector.sharedDirector().getWinSize().width - 24, CCDirector.sharedDirector().getWinSize().height - 24);
这行的意思是在屏幕的右上角显示了一个0的字符，更改的时候也很简单，直接：
?
label_Score.setString(“999”);
我们用这个部分显示打中地鼠时候的积分。
声音
声音系统在cocos2dxna当中是一个独立的类，在命名空间CocosDenshion当中SimpleAudioEngine可以播放音乐、声效等，用法也很简单：
?
//播放被打击的声音
SimpleAudioEngine.sharedEngine().playEffect(CCFileUtils.fullPathFromRelativePath("Sounds/sound43"));
在这之前需要将声音添加到Hit_MoleContent即可
完成
本工程源代码在此下载
代码其实非常的简单，只有两个cs文件，一个Mole一个Scene1，已经加入了注释，期望大家看起来不会那么费劲。
第一个类：Mole
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
using cocos2d;
using System.Collections.Generic;
using CocosDenshion;
namespace Hit_Mole
{
public class Mole : CCMenuItemSprite
{
CCSprite body;
CCSprite hideimage;
CCActionInterval showAction;
CCActionInterval delayAction;
//动画序列帧
static List frames ;
public Mole(Scene1 root, SEL_MenuHandler selector)
{
//读取一张“鼠洞”的图片并添加到菜单项里，它将作为底背景
CCSprite hole = CCSprite.spriteWithFile("Hole");
hole.anchorPoint = new CCPoint(0, 0);
this.addChild(hole);
//读取一张鼹鼠身体的图片并设置为默认的图像
body = CCSprite.spriteWithFile("marmot_3");
NormalImage = body;
//读取一张鼹鼠被选择（点击）时候显示的图像
SelectedImage = CCSprite.spriteWithFile("marmot_4");
//隐蔽时发生出现的图像，在本篇中暂时无用，所以它是不可见的
hideimage = CCSprite.spriteWithFile("marmot_5");
hideimage.anchorPoint = new CCPoint(0, 0);
hideimage.visible = false;
this.addChild(hideimage);
//初始化选择器，Hit将发生与被点击时候的状态
initWithTarget(root, selector);
//设置内容的大小，用继承类时，contentSize不会被刷新，需要自己指定
contentSize = body.contentSize;
body.visible = false;
//创建静态的帧列表，这样做的目的是防止多次创建无用的CCSpriteFrame
if (frames == null)
{
frames = new List();
for (int i = 1; i < 4; i++)
{
CCTexture2D texture = CCTextureCache.sharedTextureCache().addImage("marmot_" + i);
//这里存在一个引擎的bug，如果不设置的话，就会播放不出来动画
texture.Name = (uint)i;
var frame = CCSpriteFrame.frameWithTexture(texture, new CCRect(0, 0, texture.ContentSizeInPixels.width, texture.ContentSizeInPixels.height));
frames.Add(frame);
}
}
m_bIsEnabled = false;
}
//出现方法，调用此方法时，会创建鼹鼠钻出动画并执行
public void Show()
{
IsShow = true;
body.visible = true;
//钻出动画
CCAnimation marmotShowanimation = CCAnimation.animationWithFrames(frames,0.1f);
CCAnimate action = CCAnimate.actionWithAnimation(marmotShowanimation, false);
showAction = CCSequence.actionOneTwo(action, CCCallFunc.actionWithTarget(this, callback));
//让body身体执行钻出动画
body.runAction(showAction);
//延迟行为控制钻回去的动作
CCDelayTime delayTime = CCDelayTime.actionWithDuration(DelaySecond);
delayAction = CCSequence.actionOneTwo(delayTime, CCCallFunc.actionWithTarget(this, showCompled));
this.runAction(delayAction);
}
//延迟多久会钻回去
public float DelaySecond = 2;
//钻回去的方法
public void Hide()
{
//立即停止各种行为
stopAction(showAction);
stopAction(delayAction);
//现在是不可点击
IsShow = false;
//执行一个延迟行为，钻回动作完成后将动画重置
CCDelayTime delayTime = CCDelayTime.actionWithDuration(0.3f);
var timespan = CCSequence.actionOneTwo(delayTime, CCCallFunc.actionWithTarget(this, hideCompled));
body.visible = false;
hideimage.visible = true;
runAction(timespan);
}
private void callback()
{
}
//钻出完成时的回调
private void showCompled()
{
SimpleAudioEngine.sharedEngine().playEffect(CCFileUtils.fullPathFromRelativePath("Sounds/sound63"));
Hide();
}
//钻入完成时的回调
private void hideCompled()
{
hideimage.visible = false;
}
//使用一个属性标识现在是否可点击
public bool IsShow
{
set { base.m_bIsEnabled = value; }
get { return base.m_bIsEnabled; }
}
//用此属性判定是否可点击
public override void selected()
{
if (IsShow)
base.selected();
}
}
}
第二个类：Scene1
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
using cocos2d;
using System.Collections.Generic;
using System;
using CocosDenshion;
namespace Hit_Mole
{
public class Scene1 : CCScene
{
Random _randome = new Random((int)DateTime.Now.Ticks);
CCLabelTTF label_Score;
List _molelist = new List();
public Scene1()
{
//初始化
initialize();
}
public bool initialize()
{
//L1
//从Hit_MoleContent里面读取scene.jpg的图像成为游戏当中的一个精灵
CCSprite background = CCSprite.spriteWithFile("scene");
//将锚点设置到(0,0)处，单张图片的读取默认锚点在(0.5f,0.5f)处
background.anchorPoint = new CCPoint(0, 0);
//将背景添加到场景中
this.addChild(background);
//L2
//取得当前窗口的宽
var w = CCDirector.sharedDirector().getWinSize().width / 4;
//取得高，并偏移80像素
var h =( CCDirector.sharedDirector().getWinSize().height - 80) / 3;
//声明一个CCMenuItemSprite数组
Mole[] moles = new Mole[4 * 3];
for (int i = 0; i < 4; i++)
{
for (int j = 0; j < 3; j++)
{
//建立一个地鼠的菜单（按钮），并且按照4*3的方式排列
Mole mole = new Mole(this, onClick);
mole.position = new CCPoint(i * w + w / 2,j * h + h / 2);
moles[j * 4 + i] = mole;
}
}
_molelist.AddRange(moles);
//创建CCMenu
var menus = CCMenu.menuWithItems(moles);
//菜单项目默认position是在父节点容器的中间，所以要把他们移动到0,0处
menus.position = new CCPoint(0, 0);
this.addChild(menus);
//L3
//显示一段文字
label_Score = CCLabelTTF.labelWithString("0", "Arial", 24);
label_Score.Color = new ccColor3B(255, 0, 0);
label_Score.anchorPoint = new CCPoint(1, 0.5f);
this.addChild(label_Score);
label_Score.position = new CCPoint(CCDirector.sharedDirector().getWinSize().width - 24, CCDirector.sharedDirector().getWinSize().height - 24);
beginTimeSpan(2);
return base.init();
}
void beginTimeSpan(float second)
{
//延迟指定的循环回调，用来解决每段时间就会钻出来鼹鼠的逻辑
CCDelayTime delayTime = CCDelayTime.actionWithDuration(second);
var action = CCSequence.actionOneTwo(delayTime, CCCallFunc.actionWithTarget(this, loopCallback));
this.runAction(action);
}
//分数
int _valuescore = 0;
//分数属性，同时刷新显示的文字
int valueScore
{
get { return _valuescore; }
set
{
_valuescore = value;
label_Score.setString(value.ToString());
}
}
//被点击的回调
public void onClick(CCObject sender)
{
//分数+1
valueScore += 1;
if ((sender as Mole).IsShow)
{
(sender as Mole).Hide();
//播放被打击的声音
SimpleAudioEngine.sharedEngine().playEffect(CCFileUtils.fullPathFromRelativePath("Sounds/sound43"));
}
}
//循环回调用的方法
public void loopCallback()
{
//这里通过简单计算使得鼹鼠出来的越来越快
float sub = 1 - (float)valueScore / 20.0f;
if (sub <= 0)
sub = 0;
beginTimeSpan(0.5f + sub);
SetAllMoleDelaySecond(1.0f + sub);
var t = getRandomMole();
if (t != null)
t.Show();
}
//获得一个随机老鼠
private Mole getRandomMole()
{
for (int i = 0; i < _molelist.Count; i++)
{
Mole t = _molelist[_randome.Next() % _molelist.Count];
_molelist.Remove(t);
_molelist.Add(t);
}
foreach (var item in _molelist)
{
if (item.IsShow == false)
return item;
}
return null;
}
//重设所有的地鼠钻回去的延迟时间
private void SetAllMoleDelaySecond(float second)
{
foreach (var item in _molelist)
{
item.DelaySecond = second;
}
}
}
}
一个好的游戏需要细致的推敲，本例子只是简单的实现了逻辑，具体的规则可以依照自己需要更改，祝愿在游戏的开发之路上风光无限。
推荐WindowsPhone和Silverlight游戏开发博客：深蓝色右手
本文章由Nowpaper创作，采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可
协议
离婚协议模板下载合伙人协议 下载渠道分销协议免费下载敬业协议下载授课协议下载
进行许可。
浙公网安备 33021202002483