[📜일지] TCG 티르 나 노그(가제) 개발 일지 - 17: 편의 기능 구현

[다누(arep6p925yyh)]

1. 개요

 오늘 일지에서는 몇 가지 편의 기능 구현에 대해 소개하겠습니다.

2. 데이터 수정 중 탭 닫기

<그림 1. 프로필 수정 중 탭 닫기>

<그림 2. 덱 수정 중 탭 닫기>

 프로필이나 덱을 수정 중일 때 저장 버튼을 누르지 않고 현재 탭을 벗어나는 버튼을 누르는 경우가 있습니다.

이럴 때를 대비해서 현재 탭을 벗어나는 기능을 하는 버튼이 작동하지 않게하는 방법도 있지만, 좀 더 유연하게 처리해서 저장 선택지 창이 출력되도록 구현했습니다.

각 버튼 기능은 다음과 같습니다.

네: 현재 정보 저장하고 클릭한 탭으로 이동, 아니오: 현재 정보 저장 없이 클릭한 탭으로 이동, 취소: 이동 없음.

추가적으로 현재 프로필, 덱과 수정 중인 프로필, 덱의 정보를 비교해서 차이가 있을 때만 저장 선택지 창이 출력되도록 구현했습니다.

3. 카드 확대

 

<그림 3. 보관함에서 카드 확대>

<그림 4. 게임 중 카드 확대>

 게임을 진행하면서 카드를 자세히 확인해야하는 순간이 존재합니다. 

보관함에서 카드의 정보를 자세히 확인하거나, 상대와 게임을 플레이하는 중에 상대방이 꺼낸 카드를 확인하는 등 여러 경우가 있습니다.

보관함에서는 카드에 마우스 포인터가 올라갔을 때, 카드의 크기를 확대하도록 구현했습니다.

게임 중에서는 특정 구역의 카드에 마우스 포인터가 올라갔을 때, 마우스 포인터 주변에 카드를 확대해서 출력하도록 구현했습니다.

확대된 카드가 화면 밖으로 나가지 않도록, 현재 마우스 포인터의 위치값에 따라서 확대된 카드가 출력되는 위치가 변경됩니다.

<그림 5. 카드 우클릭 시 현재 카드 정보>

 

 게임 중 카드를 좀 더 확실하게 확인하고 싶다면, 카드를 우클릭 하는 것으로 크게 확대해서 출력할 수 있습니다.

<그림 6. 카드 우클릭 시 원본 카드 정보>

 아래 쪽의 원본 카드 보기 버튼을 사용해서 카드 원본의 정보도 확인할 수 있습니다.

 읽어주셔서 감사합니다.

[태보미(taebomi)]

[다누(arep6p925yyh)]

[카퍠인(happys96)]

[다누(arep6p925yyh)]