Cocos Creator 使用摇杆控制角色移动

原理

玩家操作摇杆的方向键，摇杆会根据玩家移动的位置，计算出将要运动的方向的向量并输出给角色，

角色在接收到输入的运动方向的向量后，将其与自身的速度进行计算，最后得出要移动位置。

实现摇杆组件

• 处理UI。

  将摇杆的素材拖动到层级管理器中，并命名为Joystick, 效果如下：

• 添加脚本。

  新建脚本并命名为：Joystick.ts，并将此脚本挂载到场景中的Joystick节点上。

• 实现摇杆中圆球移动。

  这里默认圆球的初始位置为：(0, 0)。

   onEnable() {
       
          this.node.on(Node.EventType.TOUCH_START, this.onTouchStart, this);
          this.node.on(Node.EventType.TOUCH_MOVE, this.onTouchMove, this);
          this.node.on(Node.EventType.TOUCH_END, this.onTouchEnd, this);
          this.node.on(Node.EventType.TOUCH_CANCEL, this.onTouchEnd, this);
      }