Matrix grid falling animation

Answer 1

The operation method was to click and select the starting node, press and drag it to the adjacent node to add it to the selection chain, drag it back along the chain to cancel the previously selected node, release the finger and the selected node disappeared, and the node above the empty node automatically fell and a new number square was automatically generated above it. The implementation process was as follows:
1. Confirm the selected node chain and record it, update the selected node position to empty and recover it;
2. Traverse vertically along the Y axis from left to right (instantly falling in the opposite direction);
3. If it was an empty node, a new square would be added at the top.
4. If it was not an empty node, traverse the next node until the traverse along the Y-axis was completed;
5. After traversing along the X-axis, an automatic drop animation was made.
6. The traversing method is similar. All non-empty nodes are traversed from the X axis to the Y axis. The movement distance and movement time are calculated according to the deviation. After the animation is played, the node array information is updated.
7. Traverse the new nodes above the matrix and play the falling animation according to the similar operation in 6.
Read more exciting novels for free