当我们创建好一个游戏工程后,引擎自动为我们创建了一个场景文件,即src
文件夹下的app.js
。这应该是一个典型的构建游戏场景的文件,以后创建自己的游戏场景,代码内容应该与此相似:
//创建一个层(Layer)
var HelloWorldLayer = cc.Layer.extend({
sprite:null,ctor:function () {
// 1. super init first
this._super();
// 2. add a menu item with "X" image,which is clicked to quit the program
// ask the window size
var size = cc.winSize;
// add a label shows "Hello World"
// create and initialize a label
var helloLabel = new cc.LabelTTF("Hello World","Arial",38);
// position the label on the center of the screen
helloLabel.x = size.width / 2;
helloLabel.y = size.height / 2 + 200;
// add the label as a child to this layer
this.addChild(helloLabel,5);
// add "HelloWorld" splash screen"
this.sprite = new cc.Sprite(res.HelloWorld_png);
this.sprite.attr({
x: size.width / 2,y: size.height / 2
});
this.addChild(this.sprite,0);
return true;
}
});
//创建一个游戏场景(Scene)
var HelloWorldScene = cc.Scene.extend({
onEnter:function () {
this._super();
var layer = new HelloWorldLayer();
this.addChild(layer);
}
});
以上代码中,创建了一个层(Layer)和一个场景(Scene),然后把层添加到场景中。
方法讲解:
cc.Scene.extend
:Scene继承方法,重写onEnter方法,并在里面初始化自定义的Layer。并将Layer作为孩子节点添加到Scene上显示。cc.Layer.extend
:继承Layer,在这个层里面,我们可以添加游戏物体。
名词解释:
1.场景(Scene
)
Cocos2d-JS引擎抽象的一个对象,用Cocos2d-JS制作游戏就如同拍电影,事实上所有东西都必须放置到一个场景容器中才能最终被显示出来。游戏中我们通常需要构建不同的场景(至少一个),游戏里关卡、界面的切换其实就是一个一个场景的切换,就像在电影中变换舞台或场地一样。
2.层(Layer
)
通常包含的是直接在屏幕上呈现的内容,并且可以接受用户的输入事件,包括触摸,加速度计和键盘输入等。每个游戏场景都可以有多个层
,每一层都有各自负责的任务
,比如专门负责背景显示的层,或显示敌人的层,或UI控件的层等等。