第二章 游戏控制

1.事件（event）

事件：实现了用户的交互功能

2.事件的分类

1）鼠标事件：

click：单击鼠标左键
mousedown：按下鼠标左键
mouseup：松开鼠标左键
mousemove：移动鼠标
mouseover：鼠标进入
mouseout：鼠标离开

2) 键盘事件

keypress : 敲击键盘
keydown ：按下键盘
keyup ：松开键盘

3) 触屏事件

touchstart：触碰屏幕
touchend：手指离开屏幕
touchmove：手指移动

3.事件基本语法

1. 开启显示元素的事件交互功能
   显示元素变量.interactive = true;
   2. 给显示元素添加事件的语法格式
   显示元素变量.on(“事件名称”,函数名);
   3. 定义函数
   1）function 函数名(){
   代码;
   }
   2）显示元素变量.on(“事件名称”,function(){
   代码;
   });

   4.鼠标跟随

   bg.on(“事件”,函数);
   function 函数(event){
   var pos = event.data.getLocalPosition(app.stage);
   pos.x;//鼠标指针的x坐标
   pos.y;//鼠标指针的y坐标
   }
   event(事件对象)：代表当前鼠标的事件，该事件中存储了鼠标的相关信息
   注：任何一个鼠标事件，都可以通过上述代码获得鼠标坐标

   5.锚点

   1）概念：

   显示元素的锚点，也可以叫做定位点；当我们通过x、y设置显示元素位置时，显示元素是以哪个点来对应的，那么对应的点，就是锚点。

   2）显示元素默认的锚点位置，是显示元素的左上角。如下图：

   

   3）锚点的取值是有一定范围的。如下图：

   
   注意：锚点的位置并不是固定的，可以任意给值，但锚点的范围是0到1之间

   4)设置锚点语法

   显示元素变量.anchor.set(x锚点 , y锚点);
   或者
   显示元素变量.anchor.x = x锚点;
   显示元素变量.anchor.y = y锚点;

   6.图片图层

   添加显示元素
   1）、将显示元素添加给舞台
   2）、将显示元素添加其他的显示元素
   3）、后添加的显示元素，会遮挡先添加的显示元素
   注意：当我们将rightPlane图片，添加给plane图片时
   1、rightPlane图片会随着plane图片的移动而移动
   2、设置rightPlane图片的x、y时，rightPlane将不再以窗口的左上角为坐标原点，而是以plane图片的锚点为坐标原点。
   如下图：
   
   总结：
   1、变量类型(简单介绍)
   2、事件
   1) 开启事件交互功能
   2) 添加事件
   3) 事件对象event
   4) 获得鼠标坐标

• 3、锚点坐标

4、图片图层