本节课内容讲了两个重要的知识点:
Node的生命周期
首先说Node的生命周期,主要是ctor(构造函数)、onEnter、onExit的理解,执行顺序为先调用构造函数,来创建这个Node对象,然后将Node添加到画面中,调用onEnter,Node销毁时,调用onExit。
图层的触摸处理
在cocos中,有三个概念要明白:
- cc.EventListener事件监听器
- cc.eventManager事件管理器
- cc.Event事件对象
使用事件就需要创建以下事件监听器中的其中一个 - 触摸事件监听器 (cc.EventListenerTouch)
- 键盘事件监听器 (cc.EventListenerKeyboard)
- 加速计事件监听器 (cc.EventListenerAcceleration)
- 鼠标事件监听器 (cc.EventListenerMouse)
- 自定义事件监听器 (cc.EventListenerCustom)
通过以下语句来创建并添加以上各种类型事件监听器:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21cc.eventManager.addListener({
event:cc.EventListener.TOUCH_ONE_BY_ONE,
swallowTouches:true,//吞噬事件 不再传递
onTouchBegan:this.touchbegan,
onTouchMoved:this.touchmoved,
onTouchEnded:this.touchended
},this);
touchbegan:function(touch,event)
{// 按下事件
cc.log("按下");
return true;
},
touchmoved:function(touch,event)
{// 移动事件
cc.log("移动");
},
touchend:function(touch,event)
{ // 抬起事件
cc.log("抬起");
}
其中,event类型有以下几种:
- cc.EventListener.TOUCH_ONE_BY_ONE (单点触摸)
- cc.EventListener.TOUCH_ALL_AT_ONCE (多点触摸)
- cc.EventListener.KEYBOARD (键盘)
- cc.EventListener.MOUSE (鼠标)
- cc.EventListener.ACCELERATION (加速计)
- cc.EventListener.CUSTOM (自定义)
更多关于cocos的事件管理机制,在官网的帮助文档有详细介绍,地址如下:
http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/cocos2d-js/catalog/../../html5/v3/eventManager/zh.md
作业
本节课作业要求实现点击屏幕添加一个英雄,我实现了点击添加英雄,并且能拖动创建的对象,对象在执行完一个特定的动作序列后移除自身节点,代码如下:
1 | onEnter:function() |
最后运行效果
http://www.cocoscvp.com/usercode/2016_04_19/d0e83b7672c345f087f2d82bf65e1746ac063afe/