cocos2d-html5学习笔记（二）--cocos2d中的layer

最新推荐文章于 2022-03-09 18:06:21 发布

appteam_vlctech

最新推荐文章于 2022-03-09 18:06:21 发布

阅读量655

点赞数

分类专栏： cocos2d-html5

15 篇文章 0 订阅

订阅专栏

作者：Allenice
源地址： http://blog.csdn.net/allenice1/article/details/7707185

一个游戏一般由多个场景构成，每一个场景可以有多个层（Layer），这个概念与PS类似。

1.新建一个层（Layer）

var MyHelloWorld = cc.Layer.extend({
init: function () {
this._super();
var s = cc.Director.sharedDirector().getWinSize();
//新建一个黄色的纯色层
var layer1 = cc.LayerColor.create(cc.ccc4(255, 255, 0, 255), s.width, s.height);
layer1.setPosition(cc.ccp(s.width / 2, s.height / 2));
layer1.setIsRelativeAnchorPoint(true);
layer1.addChild(helloLabel);
this.addChild(layer1);
return true;
}
});

复制代码

注意，cocos2d坐标的锚点是bottom、left，而不是我们习惯的top、left

2. 再添加一个层

var MyHelloWorld = cc.Layer.extend({
init: function () {
this._super();
var s = cc.Director.sharedDirector().getWinSize();
//添加一个黄色的纯色层
var layer1 = cc.LayerColor.create(cc.ccc4(255, 255, 0, 255), s.width, s.height);
layer1.setPosition(cc.ccp(s.width / 2, s.height / 2));
layer1.setIsRelativeAnchorPoint(true);
this.addChild(layer1);
//添加一个红色，透明度为50%的纯色层
var layer2 = cc.LayerColor.create(cc.ccc4(255, 0, 255, 128), 100, 100);
layer2.setAnchorPoint(new cc.Point(0.5, 0.5));
layer2.setPosition(new cc.Point(100, 100));
this.addChild(layer2, 2);
return true;
}
});

复制代码

效果图如下：

关注