Construction and material of four-directional virtual joystick

Structure

The structure of a virtual rocker is divided into 3 parts.
1. Virtual joystick "Root", located in the center, the role is to determine the location of the virtual stick, while the rocker at design time requires the "root" part of the added function, that is, hold the part can move the virtual joystick position.
2. Virtual rocker background, disc background, low transparency, when the virtual stick in the moving state of the disc through a narrowing animation contraction, easy to move in the determination of position, while increasing interaction.
3. Oriented to the corresponding key, the picture is divided into 4 parts, click on different directions, display different pictures, in order to achieve the effect of key feedback. Material

Virtual Joystick Center "root" node

Chassis
Four-way button
Construction

The Center "root" node is located in the center of the chassis, four-direction keys in four directions, superimposed on the chassis, in a hidden state. When you receive a click in the corresponding direction, the corresponding arrow keys are displayed.

1. Virtual keys for non-clickable situations

2. Post-click Status