cocos2d-html5学习笔记(二)——cocos2d中的layer
来源:互联网 发布:外文五大数据库 编辑:程序博客网 时间:2024/05/01 17:29
一个游戏一般由多个场景构成,每一个场景可以有多个层(Layer),这个概念与PS类似。
1.新建一个层(Layer)
var MyHelloWorld = cc.Layer.extend({ init: function () { this._super(); var s = cc.Director.getInstance().getWinSize(); //新建一个黄色的纯色层 var layer1 = cc.LayerColor.create(cc.c4(255, 255, 0, 255), s.width, s.height); layer1.setPosition(cc.p(s.width / 2, s.height / 2)); this.addChild(layer1); return true; }});注意,坐标的原点是bottom、left,而不是我们习惯的top、left
2. 再添加一个层
var MyHelloWorld = cc.Layer.extend({ init: function () { this._super(); var s = cc.Director.getInstance().getWinSize(); //添加一个黄色的纯色层 var layer1 = cc.LayerColor.create(cc.c4(255, 255, 0, 255), s.width, s.height); layer1.setPosition(cc.p(s.width / 2, s.height / 2)); this.addChild(layer1); //添加一个红色,透明度为50%的纯色层 var layer2 = cc.LayerColor.create(cc.c4(255, 0, 255, 128), 100, 100); layer2.setPosition(cc.p(100, 100)); this.addChild(layer2, 2); return true; }});添加第二个层时,向this.addChild传递了两个参数,第二个表示层z轴的大小,表明新层在黄色层之上。
效果如图:
- cocos2d-html5学习笔记(二)--cocos2d中的layer
- cocos2d-html5学习笔记(二)——cocos2d中的layer
- cocos2d-html5学习笔记(二)——cocos2d中的layer
- cocos2d-html5学习笔记(二)
- cocos2d-html5学习笔记(三)--cocos2d中的坐标系统
- cocos2d-html5学习笔记(三)--cocos2d中的坐标系统
- cocos2d-html5学习笔记(三)--cocos2d中的坐标系统
- Cocos2d-html5入门笔记(二)
- cocos2d-html5学习笔记(七)--Action
- cocos2d-html5学习笔记(一)
- cocos2d-html5学习笔记(七)--Action
- cocos2d-html5学习笔记(七)--Action
- Cocos2d-x学习笔记(二)——Cocos2d的基本框架认识
- Cocos2d-x学习(二十):cocos2d中的容器CCArray
- Cocos2d-x学习(二十):cocos2d中的容器CCArray
- Cocos2d-x学习(二十):cocos2d中的容器CCArray
- 【Cocos2d-html5游戏引擎学习笔记(2)】Hello Cocos2d-Html5
- Cocos2d-x学习笔记(二)Cocos2d-x整体框架
- 导入项目后,报错Missing library:xdoclet…ctory for XDoclet. 1.2.1
- UVA 340 Master-Mind Hints
- Oracle 11g 新特性 Active Database Duplicate
- struts1的总结
- Android中一个Activity多个intent-filter的调用方法
- cocos2d-html5学习笔记(二)——cocos2d中的layer
- ubuntu下配置jdk,ssh,hadoop
- 使用.net 程序生成 Excel 和Access 文件 .
- 和菜鸟一起学OK6410之蜂鸣器buzzer字符驱动
- 从头再学html4
- 使用字符流来读写汉字
- 联想A65 root--“山重’水复”篇
- 动态规划备忘录法求最长公共子序列
- 二、OpenStack简介