모바일 온라인 오목 프로젝트 - 6

1. ui 디자인 적당히 하기
2. 거짓 금수 로직 추가
3. 33 버그 수정

https://www.figma.com/design/5dhy5Fd7oKhf9WLi8n9SBz/Untitled?node-id=0-1&t=jAb0a5YBvXfjPhWO-1

Figma

 

 

 

UI

---

피그마로 적당히 ui를 어떻게 만들지를 디자인 했다.

기본적으로 카카오 오목을 레퍼런스로 해서 회색계열을 띄게 만들었다.

 

일단 주요 씬 2개(대국 씬, 로비 씬)가 있다.

로비 씬에는 랭킹, 복기, 더 보기, 룸 리스트가 있다.

 

로비씬에서 룸 리스트를 기본으로하고 컨텐츠 헤더에 더 보기, 새로고침, 방 찾기를 두게 했다.

더 보기를 눌렀을 때 컨텐츠 헤더에 홈, 랭킹, 복기를 두게 했다.

더 보기에는 닉네임 변경, 렌주룰에 관한 설명, 게임 내 사운드 설정 부가 기능이 있게 했다.

랭킹에는 최대 100개의 상위 유저 정보가 나오게할 생각이다.

복기에는 최근 15판 대국을 기록한 정보가 나오게할 생각이다.

 

만약 랭킹이나 복기에서 더 보기쪽으로 다시 가고싶다면 어쩔 수 없이 [랭킹 또는 복기] → [홈]  → [더 보기]로 번거롭게 가야한다.

디자인 경험이 없는 나로써는 지금 상태의 ui가 최선이기에 이렇게 했다.

 

거짓 금수 로직 추가

---

이전까지만해도 거짓 금수라는게 오목에 있는지 전혀 모르고 있었다.

그래서 새롭게 로직을 추가했다.

 

거짓 금수란?

• 닫힌 3 또는 열린 4를 만들 수 없는 3이 포함된 33을의미한다. (정말로 오목을 둘 수 있는가? 에 초점이 맞춰짐)
• 44는 거짓 금수가 없다.

 

닫힌 3을 정의해 보자면

4를 만들었을 때 백돌이 하나 이하의 수로 5목이 될 수 없게 만들 수 있는 연속된 3개의 흑돌을 의미한다.

우리가 아는 일반 3을 만들었을 때 백돌이 막지 않으면 지게 되는데 이 경우의 3이 열린3이고 그렇지 않은 3이 닫힌 3이다.

 

· 빈공간

○ 백돌

● 흑돌

X 맵 밖

ex1) ○ · ● ● ● · ○    → 어느쪽으로 흑돌을 놓아도 다음 백돌의 수로 막힘

ex2) ● · · ● ● ● ·  X → 왼쪽으로가도 6목이고 오른쪽은 1개의 수밖에 못두기에 흑돌을 두어도 다음 백돌의 수로 막힘

ex3)

○ ○ ● ○ ·

○ ● ○ ● ·

 ·  ●  ·  ● ·

○ ●  ·   ·  ·

●  ·   ·  ·  ·         → 중간 왼쪽과 오른쪽이 33처럼 보이지만 그곳에 수를 둔다면 가운데 지점에 44가 생기기에 금수가 아님

 

아래의 실제 예시들을 보면 쉽게 이해할 수 있을것이다.

ex1에 관한 내용이다.

5번째 수에서 33이 발생할것처럼 보이지만 대각으로 최대 5개의 돌을 꽉 채워야지만 5목을 만들 수 있기 때문에 거짓 금수이다.

ex2에 관한 내용이다.

중앙점에 33이 생겼다가 없어지는것을 볼 수 있는데 그 이유는 3을 만들고 어느 방향으로 4를 만들어도 6목이 되기에 거짓 금수이다.

ex3에 관한 내용이다.

7번째의 수에서 3개의 금수가 사라지는데 그 이유는 마지막 수 때문이다.

양측에 있던 금수가 사라진 이유는 띈 3을 칠 경우 가운데에 44로 금수가 생기기에 거짓금수이고

가운데 금수가 사라진 이유는 대각과 가로의 33이 있었는데 대각을 띈4로 만들었기에 사라진것이다.

 

이처럼 오목에서의 거짓 금수는 3을 만들었을 때 바로 백돌이 막지 않아도 되는 수라고 볼 수 있다.

 

33 버그 수정

---

맵의 끝에서 한칸 떨어진 33을 인식 못하는 버그가 있었다.

이유를 찾아보니 3을 만들었을 때 양 옆 2칸을 반드시 보고 33 처리를 했었다.

그 부분을 수정하니 잘 해결되었다.