结构
虚拟摇杆的结构分为3个部分
1. 虚拟摇杆的“根”,位于中心,作用是确定虚拟摇杆的位置,同时该摇杆在设计时要求在“根”部增加功能,即按住该部分可以移动虚拟摇杆的位置。
2. 虚拟摇杆的背景,圆盘背景,透明度较低,当虚拟摇杆处于移动状态时圆盘通过一个缩小动画收缩起来,方便移动中确定位置的同时,增加互动。
3. 面向个方向对应的按键,图片为将圆盘等分为4份,点击不同的方位,显示不同的图片,以达到按键反馈的效果。
素材
虚拟摇杆中心“根”节点
底盘
- 四方向按钮
构造
中心“根”节点位于底盘中心,四方向按键分别位于四个方向,叠加在底盘上,处于隐藏状态。当相应的方向收到点击时,显示相应的方向键。
1.未点击状况下的虚拟按键
2. 点击后的状态