참된코딩

※ 소스 출처 : 네이버 카페 - 유니티 허브 - 햐얀바람님.

0. 리소스 준비하기.

1). 배경 이미지.

2). 블럭보드의 배경 이미지.

3). UI테두리 이미지.

4). 블럭 이미지.

1. 캔버스 크기 설정하기.

- 게임뷰어 및 캔버스 크기 설정.

2.  블럭보드 만들기.

1). 블럭 프리팹 만들기.

3). 선택된 블럭을 마우스가 이동한 방향에 있는 블럭과 교환(이동)시키는 함수 만들기.

별거 없습니다.

DragToMoveBlock()함수는

bBlockChange 플래그가 활성화(true)되지 않으면 수행하지 않고 곧 바로 종료해 버립니다.

10라인의 if문은

전 글의 밑의 이미지를 보셨다면 대충 감이 오실겁니다.

TargetBlock은 마우스가 이동한 방향에 있던 블럭 객체 입니다.

그림으로 보자면

본 이미지의 파란색 동그라미에 존재하는 블럭이 TargetBlock이라고 생각하면 됩니다.

단순한 이미지로 표현하자면

노란색 박스는 현재 마우스로 선택한 박스고

초록색 박스는 현재 마우스로 드래그 방향에 있던 박스입니다.

이 초록색 박스가 TargetBlock입니다.

전 글부터 게속 똑같은 내용을 강조하는 이유는

헷갈리면 안돼는 부분이기 때문입니다.

교환이 시작되면 위 이미지를 기준으로

노란색 박스는 초록색 박스의 위치로

초록색 박스는 노란색 박스의 위치로 이동해야 합니다.

10라인의 if문에서 StartPos1는 전 글을 잘보셨던 분이시라면 자신이 선택한 블럭

즉, 노란색 박스의 위치라는걸 아실 겁니다.

각설하고 10라인 if문을 주석을 달아보자면

'초록색 박스의 위치가 노란색 박스의 위치와 같지 않으면'. 정도가 되겠습니다.

'초록색 박스의 위치가 노란색 박스의 위치와 같을 때까지' 라고 생각해도 좋습니다.

여기서 한 가지 의문을 느낄수도 있는데,

초록색 박스가 노란색 박스의 위치로 움직여야 한다면

노란색 박스도 초록색 박스의 위치로 움직여야 하는 구문이 있어야 하는거 아닌가?

라는 의문을 가질 수 있습니다.

하지만 13라인, 14라인을 보면 그런 의문은 지우실 수 있을 겁니다.

두 블럭의 움직이는 타이밍과 이동 속력이 완전히 똑같기 때문에

한 블럭의 도착만을 체크하면 됩니다.

그러니까 10라인은 if(SelectBlock.transform.position != EndPos1) 으로도 대체 할 수 있습니다.

'초록색 박스의 위치가 노란색 박스의 위치와 같을 때' 10라인의 if문은 거짓으 되므로

16라인부터 시작하는 else문이 수행됩니다.

19라인에 bBlockChange플래그를 false로 바꿔주어 DragToMoveBlock()함수가 수행되지 않게 바꿔주고

20라인에 fBlockMoveStep을 0으로 초기화 해줍니다.

이 값을 0으로 초기화 해주지 않으면 블럭을 교환 시킬때 마다 블럭의 이동 속력이 증가되는 것을 볼 수 있을 것입니다.

23라인의 새로운 함수가 나왔군요.

이 함수의 내용도 별거 없습니다.

블럭의 위치가 서로 교환되었다면,

그 블럭이 가지고 있는 위치정보의 갱신이 이루어 져야 합니다.

쉽게 말해서 노란색 박스가 초록색 박스의 위치로 이동하면

노란색 박스가 가지고 있던 위치 정보인 ( 3, 3 )이 ( 4, 3 ) 으로 바뀌어야 한다는 것입니다.

초록색 박스도 마찬가지겠죠?

이 위치 정보는 블럭이 가지고 있는 Block스크립트가 가지고 있습니다.

그리고 한 가지 더

위치 정보 뿐만이 아니라 타입도 서로 바꿔워야 합니다.

만약 바꿔주지 않는다면 똑같은 모양의 블럭이 3개 이상 모여도 있어도 매치가 되지않는 기이한 현상을 목격할 수 있을 겁니다.

4). 선택된 블럭과 이동 방향에 존재하는 블럭의 위치 교환 및 타입교환하는 함수 만들기.

아무튼 코드로 보자면

이정도가 되겠군요.

단순한 대입과 스왑이므로 따로 설명은 하지 않겠습니다.

다시 3). 선택된 블럭을 마우스가 이동한 방향에 있는 블럭과 교환(이동)시키는 함수 만들기. 으로 돌아와서.

한 번의 블럭 교환이 이루어 졌으므로 

26라인에 보이는것처럼 BlockCheck() 함수를 수행합니다.

그리고 BlockCheck() 함수로 들어가 새로운 코드를 추가합시다.

7라인의 if문은 매치된 블럭이 없을 때고,

31라인의 else문은 매치된 블럭이 있을 때 입니다.

11라인의 bReCheck 플래그의 활용 용도는 뒤에서 설명하겠습니다.

아무튼 이 플래그를 기준으로

13 ~ 14라인 : 다시 드래그가 가능하게 해준다.

18 ~ 27라인 : 다시 블럭 교환을 시도하기 위한 위치 값 스왑이 이루어 지고 bBlockReChange플래그 값을 변환 시킨다.

※ bBlockReChange플래그 값이 true가 되면 Update() 구문에서 실제로 블럭교환을 수행한다.

else문 안에 36라인, 37라인 부분을 추가시켜 줍니다.

블럭 교환 시 매치된 블럭이 존재하기 때문에

SelectBlock이나 TargetBlock은 객체를 게속 가지고 있을 필요가 없어졌습니다.

그리고 20라인의 BlockDelete() 함수가 수행되고,

다시 8라인의 구문이 수행되면서

1라인에 보이는것 처럼 bReCheck 플래그가 추가되고

14라인에 빈 공간이 없을 때인 else문 안 16라인에 true로 초기화 됩니다.

bReCheck 플래그는 언제 필요하냐면

1. 마우스로 블럭 교환 시도.

2. 블럭 교환결과 매치된 블럭이 있음.

3. 매치된 블럭들이 삭제 됨.

4. 빈 공간에 다른 블럭들이 떨어짐.

5. 다시 매치 시작.

6. 매치된 블럭이 없음

=> 드래그가 가능하게 bDrag 플래그를 true로 바꿔줌

이 때 StartPos1, EndPos1, StartPos2, EndPos2 값의 스왑은 이루어 지지 않게 한다.

(왜냐하면 마우스 드래그로 인한 매치함수가 수행된게 아니기 때문이다.)

즉, 어떤 기준으로 갈라지게 되는거냐면 마우스 드래그로 인해 BlockCheck()함수가 수행되게 된다면

bReCheck플래그는 false가 되어 블럭간의 위차 값 스왑을 하게 되는 것이고,

매치된 블럭이 삭제되어 빈 공간을 채우게 됐을 때 다시 BlockCheck()함수를 수행하게 된다면

bReCheck플래그는 true가 되어 블럭을 다시금 드래그 할 수 있게 해주는 것이다.

※ 소스 출처 : 네이버 카페 - 유니티 허브 - 햐얀바람님.

0. 리소스 준비하기.

1). 배경 이미지.

2). 블럭보드의 배경 이미지.

3). UI테두리 이미지.

4). 블럭 이미지.

1. 캔버스 크기 설정하기.

- 게임뷰어 및 캔버스 크기 설정.

2.  블럭보드 만들기.

1). 블럭 프리팹 만들기.

별거 없습니다.

이 함수의 매개 변수는 두 개가 있는데, 이 두개의 매개 변수는 처음에 선택된 블럭을 기준으로

특정 방향에 있는 블럭을 가져오는데 사용됩니다.

20라인에 보면 StartPos1이 사용되는데,

위 내용을 자세히 읽어봤다면 알겠지만 처음 선택된 블럭의 위치가 StartPos1에 들어가 있습니다.

이 값의 x값 또는 y값을 더해주어 특정 방향에 있는 블럭의 위치를 가져올 수 있게 됩니다.

※ 매개변수

(x,  y)

(1,  0) 오른쪽

(-1, 0) 왼쪽

(0,  1) 위

(0, -1) 아래

그 다음 22라인에 보면

bDrag값을 false로 바꿔주는데, 이 값을 false로 바꿔주지 않으면 MouseDirection(x,y)함수가 

게속 수행되면서 TargetBlock의 값이 게속 바뀌게 됩니다.

그렇게 되면 처음 선택된 블럭과 교환해줄 다음 블럭이 게속 바뀌게 되면서 꼬이게 됩니다.

그냥 단순하게 생각해서 교환시킬 블럭을 구했으니 드래그를 못하게 하겠다 라고 생각하시면 됩니다.

위치 값(EndPos1)을 알았으니 24라인에 있는 구문처럼 BLOCK태그를 가진 모든 오브젝트(블럭 오브젝트)를 가져와서

위치 값을 검사하여 EndPos1과 같은 위치에 있는 블럭을 가져오면 됩니다. 

=> TargetBlock = block;

다음 33, 34라인은 그림을 봅시다.

블럭이 교환 됐을 때 같은 타입의 블럭이 3개가 있다면 문제 없겠지만,

없을 때는 다시 교환해주어야 합니다. 그걸 위한 StartPos2, EndPos2 변수를 선언하여 초기화 했습니다.

다음 36라인의 bool변수인 bBlockChange을 true로 바꿔주면서

블럭과 블럭의 교환 수행을 허락해 주면 됩니다.

GameManager 스크립트의 여태까지 한 부분에 대한 풀소스 입니다.

글이 길어지니 끊고 다음 게시물로 이어가겠습니다.

※ 소스 출처 : 네이버 카페 - 유니티 허브 - 햐얀바람님.

0. 리소스 준비하기.

1). 배경 이미지.

2). 블럭보드의 배경 이미지.

3). UI테두리 이미지.

4). 블럭 이미지.

1. 캔버스 크기 설정하기.

- 게임뷰어 및 캔버스 크기 설정.

2.  블럭보드 만들기.

1). 블럭 프리팹 만들기.

블럭삭제 함수안에 bool 변수인 bMatch가 새로 추가되었습니다.

이 변수의 초기값은 false로 하는 일은 삭제된 블럭이 하나라도 있는가 판단하는 일입니다.

bMatch가 true가 된다면 삭제한 블럭이 있다는 것이며, 삭제된 블럭이 있던 공간은 빈 공간이 됩니다.

빈 공간이 생겼을 경우 블럭은 떨어져야 합니다.

즉, 변수 bMatch는 BlockDown()함수를 호출 할 것인지 하지 않을것인지 판단하는 재료가 됩니다.

4). 떨어지는 블럭 함수 만들기.

bool 변수은 bBlockDown변수가 하는 일은 블럭이 떨어져야 하느냐 판단하는 일입니다.

즉, 이 변수가 true가 된다면 모종의 셋팅이 된 블럭들을 떨어뜨리는 겁니다.

2중 for문은 블럭보드를 검사하는 구문입니다.

첫 번째 for문은 x값으로 열에 해당됩니다. 

2번째 for문은 행에 해당됩니다. 

초기값으로 iBlockY - 1인 이유는 밑에서 위로 검사하는 것이 아닌 위에서 아래 순서로 검사하기 위해서 입니다.

※ iBlockY변수는 블럭보드의 높이(블럭의 세로 개수) 입니다.

iBlockY 변수에 - 1을 한 이유는 제로(0)베이스 이기 때문입니다. 

이렇게 높이를 1씩 감소시키면서 빈 공간을 찾아 한 줄을 검사 합니다.

그림으로 보자면 다음과 같은 줄만을 검사 합니다.

x값이 1 증가한다면 밑과 같이 검사 하겠군요.

첫 번째 for문과 두 번째 for문 사이에 있는 bool 변수 BlankCheck는 현재 검사하고 있는 줄에서

빈 공간이 있을 때 블럭을 한 번만 만들어 주기 위한 플래그 입니다.

검사하고 있는 줄에서 빈 칸이 2개 이상일 때, 이 플래그가 없다면 빈칸의 숫자만큼 한 번에 블럭을 만들어 주게 됩니다.

블럭의 위치를 이용하고 있는 상황에서 같은 위치에 한 번에 여러개의 블럭을 만든다는 것은 좋지 않은 일입니다.

1. 빈칸을 찾으면 하나의 블럭을 만든다.

2. 블럭들을 움직인다.

3. 다시 빈칸을 찾는다.

즉, 함수 한 번 호출당 한 줄, 한 빈칸에 블럭을 하나씩 생성해주고 한 칸씩만 이동한다고 생각하시면 됩니다.

다음 빈 칸을 채우는 것은 다음 함수가 호출될 때 입니다.

조건문입니다. 현재 BlockBoard[x][y] == 빈칸이냐?

라는 뜻이군요.

이 조건을 클리어 하면 2개의 플래그를 모두 true로 바꿔줍니다.

설명은 bool값 선언 부분에서 말 한것이 전부 입니다.

빈 칸에 따른 새로운 블럭 생성 구문 입니다.

Instantiate(원본 프리팹, 위치, 회전상태) 함수로 새로운 블럭을 만들어 줍니다.

* new Vector3(현재 검사하고 있는 열, 열의 높이, 0)

블럭을 새로 생성시켰기 때문에 그 블록이 가진 정보들 여러가지를 초기화 시켜야 합니다. 

1. 현재 블럭의 위치 값.

2. 현재 블럭의 타입.

3. 현재 블럭의 타입에 따른 이미지.

등을 초기화 시킵니다.

블럭을 새롭게 만들어 정보를 셋팅 시켰으니 다음은 블럭을 떨어뜨릴 차례입니다.

이 구문의 뜻은 대략 이렇습니다.

z = y + 1

현재 y의 위치는 빈 칸입니다.

빈칸의 + 1칸은 빈 칸의 바로 윗 칸이 되겠군요.

빈 칸의 바로 윗칸(y + 1) 부터 블럭이 새롭게 생성된 위치의 칸 까지(iBlockY + 1) 포함해 모두 떨어뜨려야 합니다.

현재 검사하고 있는 블럭의 위치가 위 그림의 파란색 칸 위치의 블럭과 같다면.

1라인 == 파란색 칸의 위치

2라인 == 노랜색 칸의 위치

로 셋팅.

이렇게 셋팅된 위치를 토대로 블럭을 TargetPos까지 이동 시킨다.

3라인 == 이동을 허가하는 플래그 변수 (bDown)

여기서 일단 Block 스크립트로 넘어갑시다.

왜냐하면 3라인 에서 블럭 이동에 대한 허가가 내려왔기 때문입니다.

새롭게 추가된 구문은 위에나온 코드가 답니다.

6라인의 조건은 이렇습니다.

블럭이 떨어지는것에 대한 허가가 되었나? 그리고

현재 내 위치가 목표 위치와 다른가?

8라인 에서는 시간에 따른 블럭 이동 속도가 초기화 됩니다.

9라인 에서는 현재 내 위치를 변화 시켜줍니다.

MoveTowards() 함수를 이용하여 보간 이동 시켜주는군요.

11라인 에서의 조건은 이렇습니다. 

내 위치가 목표위치에 도달했는가?

도달 했다면 목표 위치는 현재 내 위치와 같으므로

16라인에 블럭보드의 특정 위치에 현재 자신의 타입으로 초기화 시켜 줍니다.

17,18라인은 현재 자신의 위치가 목표위치(TartgetPos)와 같으므로 새롭게 정보를 갱신해 줍니다.

19 라인에서는 블럭의 떨어지는 속력을 0으로 초기화 합니다.

그렇지 않으면 다음에 블럭이 또 떨어지는 일이 생길때 너무 속력이 빨라 순간이동 수준으로 보일지도 모르기 때문입니다.

20 라인에서는 현재 내 위치가 목표 위치까지 도달했으므로 더 이상 움직일 필요가 없기 때문에 명령을 철회한다는 것과 같다고 생각 하시면 됩니다.

그럼 다시 GameManager에 BlockDown()함수로 돌아와서

이 구문은 bBlockDown변수 선언 이유와 함께 설명했으므로 생략 하겠습니다.

다만 bBlockMoveDown변수에 대해서는 설명하고자 합니다.

이 변수는 현재 블럭의 이동이 끝났다면 다음 블럭의 이동을 시작해주기 위한 플래그 변수 입니다.

현재 블럭의 이동이 끝난지 알수 없기 때문에 그에따른 체크를 해야 합니다.

Update() 함수로 이동합시다.

현재는 bBlockMoveDown변수가 true되었기 때문에 현재 블럭들이 이동을 하고있는지, 그렇지 않은지 체크가 가능해졌습니다.

모든 블럭의 bDown값을 체크 합니다. 만약 하나라도 true이라면 현재 이동하고 있는 블럭이 존재하는 것이므로,

7라인의 선언된 bool값을 true값으로 변환 시켜 줍니다.

만약 bDown값이 true인것이 하나도 없다면 이동하고 있는 블럭이 존재하지 않는다는 의미 이므로 다음 빈 칸 이동을 위한 BlockDown()함수(27라인)를 호출해 줍니다.

※ 소스 출처 : 네이버 카페 - 유니티 허브 - 햐얀바람님.

0. 리소스 준비하기.

1). 배경 이미지.

2). 블럭보드의 배경 이미지.

3). UI테두리 이미지.

4). 블럭 이미지.

1. 캔버스 크기 설정하기.

- 게임뷰어 및 캔버스 크기 설정.

2.  블럭보드 만들기.

1). 블럭 프리팹 만들기.

1,2) 블럭체크 및 블럭매치 함수 코딩.

3). 블럭삭제 함수 코딩.

1. 블럭보드 전체를 체크하면서 3개 이상의 연속된 블럭이 있는지 찾고, 연속된 블럭이면 체크(삭제해야할 블럭이라고 마킹(bDead))한다.

=> BlockCheck() 코루틴.

블럭체크 코루틴에서는 가로체크와 세로체크의 기능을 따로 분리해서 체크했습니다.

그 편이 가독성이 좋기 때문이죠.

우선 가로체크부터 보도록 합시다.