Idle Timer

첫 화면: 간결한 타이머

상단에는 타이머 이미지가 있고, 하단에서는 간단한 타이머 설정을 할 수 있습니다

다섯 가지 카테고리를 선택해 지금 어떠한 활동을 할지 고르고, 구체적인 타이머 이름을 입력할 수 있습니다. 이 정보는 추후에 History에서 열람이 가능합니다. 굳이 입력하지 않더라도 기본 내용으로 저장됩니다. 타이머 시간을 시간과 분 단위로 설정하고, Start를 누르면 타이머가 시작됩니다.

최소한의 동작으로 모든 기능에 접근할 수 있도록 최대한 간단하게 화면을 구성했습니다. 단순히 시간을 재는 용도가 아니라, 자기 계발을 위한 생산성 기능을 극대화하고자 다양한 정보를 입력할 수 있도록 했습니다. 참고로 Idle Timer의 게임적 요소는 상단의 정사각형 모양의 이미지 틀 안에서 구현됩니다.

타이머 진행: 애니메이션

상단의 이미지는 움직이기 시작하고, 하단에서는 설정한 타이머의 내용을 볼 수 있습니다

점점 줄어드는 숫자와 움직이는 이미지는 타이머가 현재 진행중이라는 것을 알려줍니다. 아래에는 기본 정보와 함께 설정한 시간에 따라 얻게 되는 Coin을 알려줍니다. Coin은 아이템을 소비할 때 사용됩니다.

타이머 시간이 완료되면 타이머는 정지하고 Coin을 얻을 수 있지만, Cancel을 눌러 취소하거나 앱 밖으로 나가면 타이머는 종료됩니다. 타이머 실행은 이렇게 성공과 실패로 나뉘어 모두 기록됩니다.

게임적 요소: 아이템 구매

타이머를 실행해 얻은 Coin으로 타이머 디자인을 변경시킬 아이템을 구매합니다

타이머의 테마를 바꾸는 개념으로 하나씩만 선택이 가능하며, 아이템을 사용할 때마다 Coin을 소비하게 됩니다. 추후에는 독자적으로 움직이는 캐릭터와 업그레이드 기능을 추가해 Idle 게임적 요소를 넣을 예정입니다.

자기계발 요소: 사용 내역

실행한 모든 타이머의 기록이 표시됩니다

총 성공과 실패 횟수를 보여주며, 최신 기록이 가장 상위에 나타납니다. 카테고리와 날짜 등의 정보를 활용한 다양한 통계 기능을 추가할 예정입니다.

감사합니다

자기 계발을 위한 다양한 기록 기능, 그리고 더 재미있고 이쁜 게임 디자인 요소를 차차 더해나갈 예정입니다.

Contact

Idle Timer의 이미지 디자인, 게임 디자인 개발에 관심 있는 분들은 연락 주세요!

2016-2 고급 인터페이스 프로그래밍