玩家输入事件

本篇教程，我们将介绍 Cocos Creator 的玩家输入事件。

目前支持了以下几种事件：

  • 键盘事件
  • 鼠标事件
  • 触摸事件
  • 设备重力传感事件

注意：目前已经不建议直接使用 cc.eventManager 来注册任何事件，cc.eventManager 的用法也不保证持续性，有可能随时被修改

如何定义输入事件

除了键盘、设备重力传感器事件是通过函数 cc.systemEvent.on(type, callback, target) 注册以外
其他的例如：鼠标事件与触摸事件请参考系统内置事件。

可选的 type 类型有:

  1. cc.SystemEvent.EventType.KEY_DOWN (键盘按下)
  2. cc.SystemEvent.EventType.KEY_UP (键盘释放)
  3. cc.SystemEvent.EventType.DEVICEMOTION (设备重力传感)

键盘事件

  • 事件监听器类型：cc.SystemEvent.EventType.KEY_DOWN 和 cc.SystemEvent.EventType.KEY_UP
  • 事件触发后的回调函数：
    • 自定义回调函数：callback(event);
  • 回调参数： 
  1. cc.Class({
  2.     extends: cc.Component,
  3.     onLoad: function () {
  4.         // add key down and key up event
  5.         cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN, this.onKeyDown, this);
  6.         cc.systemEvent.on(cc.SystemEvent.EventType.KEY_UP, this.onKeyUp, this);
  7.     },
  9.     onDestroy () {
  10.         cc.systemEvent.off(cc.SystemEvent.EventType.KEY_DOWN, this.onKeyDown, this);
  11.         cc.systemEvent.off(cc.SystemEvent.EventType.KEY_UP, this.onKeyUp, this);
  12.     },
  14.     onKeyDown: function (event) {
  15.         switch(event.keyCode) {
  16.             case cc.KEY.a:
  17.                 console.log('Press a key');
  18.                 break;
  19.         }
  20.     },
  22.     onKeyUp: function (event) {
  23.         switch(event.keyCode) {
  24.             case cc.KEY.a:
  25.                 console.log('release a key');
  26.                 break;
  27.         }
  28.     }
  29. });

设备重力传感事件

  • 事件监听器类型：cc.SystemEvent.EventType.DEVICEMOTION
  • 事件触发后的回调函数：
    • 自定义回调函数：callback(event);;
  • 回调参数： 
  1. cc.Class({
  2.     extends: cc.Component,
  3.     onLoad () {
  4.         // open Accelerometer
  5.         cc.inputManager.setAccelerometerEnabled(true);
  6.         cc.systemEvent.on(cc.SystemEvent.EventType.DEVICEMOTION, this.onDeviceMotionEvent, this);
  7.     },
  9.     onDestroy () {
  10.         cc.systemEvent.off(cc.SystemEvent.EventType.DEVICEMOTION, this.onDeviceMotionEvent, this);
  11.     },
  13.     onDeviceMotionEvent (event) {
  14.         cc.log(event.acc.x + "   " + event.acc.y);
  15.     },
  16. });

大家可以也去看 官方范例 cases03_gameplay/01_player_control 目录下的完整范例（这里包含了，键盘，重力感应，单点触摸，多点触摸的范例）。