오늘은 게임 플레이 기능 완성된 걸 확인하던 중, 불편한 기능의 대해서 좀 개선을 해보았다.
기획서
선택 컬러 표시 기능
| 명조 다채화 | Color Puzzle |
|---|---|
 |  |
- 명조의 다채화를 보면 선택된 색이 흰색 외곽선과 화살표로 표시되어 있는것을 확인할 수 있다.
- 내가 만든 Color Puzzle에는 선택된 색이 표시되지 않아 UI/UX가 불편한 것을 알 수 있다.
- 이 기능을 외곽선을 추가해서 구현하였다.
Prefab
| PaletteColor |
|---|
 |
- 외곽선은 크기가 좀 더 큰 흰색 원을 추가해서 이 원은 껏다가 켯다 하는 식으로 구현하였다.
코드
| PaletteColor |
|---|
 |
- 외곽선을 직렬화로 가져오고 SetOutLine 메서드를 통해서 이 외곽선을 통제할 수 있게 하였다.
| Palette |
|---|
 |
- 모든 컬러의 외곽선을 비활성화 하는 기능을 추가하였다.
| ColorPuzzle |
|---|
 |
- 색을 좌 클릭 시,
- 모든 색 외곽선 비활성화
- 선택된 색 외곽선 활성화
- 색 선택
- 순으로 작동될 수 있게 Delegate를 등록하였다.
Test
| Test |
|---|
 |
 |
- 선택된 색이 시각적으로 잘 표시되었다.
초기 색 선택
- 명조에서 다채화를 플레이 해보면 아무런 색이 선택된 상태가 아닌 맨위의 색이 선택되어 있는데, 해당 기능도 추가해 주었다.
코드
| Palette |
|---|
 |
- 활성화 되어 있는 모든 색 중 첫 번째 색을 선택되는 메서드를 추가하였다.
| ColorPuzzle |
|---|
 |
- 모든 기능이 추가되고 난 뒤, 해당 메서드를 실행하여 오류가 없도록 하였다.
Test
| Test |
|---|
 |
- 실행만 하여도 파란색이 선택되는 모습을 확인할 수 있다.
소감
어제 했어야 했는디 ㅠㅠ
게임 개발자가 되기 위해서 공부하는 중입니다.