wechat weapp 2048

2048

renderings

algorithm

The main difficulty of this program is that when the user slides the screen, cells with the same value are merged and the spaces are marked as 0 ("" is used in my code to represent spaces). Assume that the chessboard is as follows:

• 0 2 0 2
• 0 0 0 0
• 0 0 0 2
• 0 0 0 0

step

• Determine the user's sliding direction through touch-related event functions
• Generate a 4*4 two-dimensional array list from the numbers on the chessboard
• Four small arrays are generated according to the user's sliding direction. For example, if the user slides the above chessboard to the right, the four arrays are:

item[0] = [2, 0, 2, 0]; item[1] = [0, 0, 0, 0]; item[2] = [2, 0, 0, 0]; // Note that it is 2000 Instead of 0002, because sliding to the right starts from the right item[3] = [0, 0, 0, 0];

• The next step is to merge when sliding. Take item[0] as an example. If it is 2020, sliding to the right we should become 0004.

• Move all 0s in item[0] to the end to become 2200, traverse the items and add the same subscript values, and set the following numbers to 0
• 2020 ---> 2200 ---> 4200 ----> 4000

• By following the same method, you can merge while sliding