wechat weapp 2048

2048년

렌더링

연산

이 프로그램의 가장 큰 어려움은 사용자가 화면을 슬라이드할 때 동일한 값을 가진 셀이 병합되고 공백이 0으로 표시된다는 것입니다(내 코드에서는 공백을 나타 내기 위해 ""가 사용됨).

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

단계

• 터치 관련 이벤트 기능을 통해 사용자의 슬라이딩 방향을 판단
• 체스판의 숫자로부터 4*4 2차원 배열 목록 생성
• 사용자의 슬라이딩 방향에 따라 4개의 작은 배열이 생성됩니다. 예를 들어, 사용자가 위의 체스판을 오른쪽으로 밀면 4개의 배열은 다음과 같습니다.

item[0] = [2, 0, 2, 0]; item[1] = [0, 0, 0, 0]; item[2] = [2, 0, 0, 0]; 0002 대신 2000입니다. 오른쪽으로 슬라이딩이 오른쪽 항목부터 시작되기 때문입니다. item[3] = [0, 0, 0, 0];

• 다음 단계는 슬라이딩할 때 병합하는 것입니다. 항목[0]을 예로 들면 2020이라면 오른쪽으로 슬라이딩하면 0004가 되어야 합니다.

• 항목[0]의 0을 모두 끝으로 이동하여 2200이 되도록 하고 항목을 순회하며 동일한 아래 첨자 값을 추가하고 다음 숫자를 0으로 설정합니다.
• 2020 ---> 2200 ---> 4200 ----> 4000

• 같은 방법으로 슬라이딩하면서 병합도 가능합니다