<我是游戏小白>cocos2d-js迈出第一步

首先我是在window下面进行开发

1、开发之前的准备

在制作游戏之前我们需要下载两个东西。

游戏引擎： http://pan.baidu.com/s/1gdpCMob

下载好如图：

游戏编辑器：webstorm

http://www.jetbrains.com/webstorm/download/

如图：

2、开始开发

通过WebStorm打开下载好的HelloWorld

找到index.html 并通过浏览器打开

就会看到浏览器弹出的界面

找到src目录下的app.js  游戏从这里开始

你可以试着修改背景图片，刷新页面即可看到效果

大家知道了如何在游戏中贴图。可能有的人想问做游戏除了贴图还会用到什么元素。
我总结了一下得出，做游戏就会用到三个元素。


贴图，文字，按钮。


所以学好数理化走遍天下都不怕！


依葫芦画瓢，你要做的还是这个工作。


//添加一个行文字
var label = cc.LabelTTF.create("我是文字", "Arial", 38);
label.x = 300;
label.y = 300;
label.setColor(cc.color(219, 112, 147));
this.addChild(label);

如图：

刷新页面你会发现有了这几个文字

//创建一个精灵角色
var sprite = cc.Sprite.create("res/attack1.png");
sprite.setPosition(cc.p(size.width / 2,size.height / 2));
this.addChild(sprite, 0);

最后我们把它加到适当的位置。整个程序就是这样子的，你拷贝到你的项目里面看看主角动起来了没有


var picIndex = 1;
this.schedule
(
function ()
{
picIndex = picIndex+1；
if(picIndex >2) 
{
picIndex = 1; 
}
sprite.setTexture("res/attack"+picIndex+".png");//切换人物的图片 
},
0.5, //倒计时0.5秒
10, //这边重新开启计时器10次
0 //第一次延迟多少秒打开计时器
);

我们先再屏幕中做一个按钮。
第一部分；创建菜单，并且添加到当前游戏场景。


var menu = cc.Menu.create(); //创建一个菜单
menu.x = 0; 
menu.y = 0;
this.addChild(menu);


什么是menu是一个看不见摸不着的东西，它的功能就是唯一用来陈放按钮的控件。
如果你不能理解一点关系都没有。以后你只要照抄上面几行代码，可以保证你万无一失。
你只要记住按钮都是先加载到菜单里面，再把菜单添加到游戏里。按钮才可以在屏幕中出现。




下面的代码才是一个按钮，
你注意看我在每一行代码后面的注释。就能理解了。非常简单。


var button = cc.MenuItemImage.create //创建一个按钮
(
"res/CloseNormal.png", //按钮没有按下去时候的图片
"res/CloseSelected.png", //按钮按下去后显示的图片。
function ()
{
/*按钮按下去之后，要执行的程序写在 这个区域 */ 
},
this /*定义按钮是在当前这个游戏场景中响 应交互（一个游戏可以有很多场景） */ 
);
button.setPosition(cc.p(size.width/2,size.height/2)); //设置按钮在屏幕中央位置


menu.addChild(button); 

/*把按钮添加到菜单里面， 因为菜单刚才已经添加到当 前游戏里面了。所以把按钮 添加到菜单里就会在游戏 中显示出来*/




最后我们让按钮被点击下去之后。来执行主角的移动动画


//创建移动动画
var move = cc.MoveBy.create(
1.0, //一秒钟内移动到指定地点
cc.p(-10,10) // 沿着x轴向左移动10个单位
沿着x轴向上移动10个单位
); 

现在我们来执行动画。我们的目标是让主角向左斜后方移动一段距离，再移动回来


sprite.runAction( //让主角执行动画
cc.Sequence.create //让多个动画按照顺序执行
( 
move, //先执行移动的动画
move.reverse() /*然后再执行原动画完全相反的动 画（为了让主角再移动回到原来 位置）*/
)
);


最后我们把这个移动动画添加到按钮按下去之后的响应函数区域里。
所以上述所有的代码连结起来就是

//播放音乐

cc.audioEngine.playMusic("res/mp3/11.mp3", true);