커피 값 계산할 때 동료들과 써보세요, ‘복불복 게임 워치페이스’

안녕하세요, ‘소프트한 김군’입니다. 지난 칼럼에선 타이젠(Tizen) 소프트웨어개발도구(SDK)와 기어 S2를 활용, ‘웨딩 D데이 계산용 워치페이스(watch face)’를 만들어봤습니다. 예비 신랑이었던 제게 꼭 필요했던 워치페이스 애플리케이션을 직접 만들고 실제로 활용해보며 결혼 준비를 좀 더 수월하게 할 수 있었죠.

오늘은 비단 결혼을 앞둔 사람들뿐 아니라 모두에게 유용하고 재밌는 워치페이스 제작에 도전해보려 합니다. 지난 칼럼 말미에 살짝 언급한 것처럼 여러분의 점심 식후 커피 값을 책임질, 일명 ‘복불복 게임 워치페이스’입니다.

배경 화면 제작 시 이미지 편집 도구 ‘김프’ 활용

6월도 다 가고 어느덧 7월 후반으로 접어들었습니다. 습하고 더운 날씨 탓에 불쾌지수도 날로 높아지는 추세죠. 그와 함께 차가운 음료의 소비량도 급증하고 있습니다. 복불복 게임 워치페이스는 동료들과 점심 식사 후 아이스 커피 한 잔 할 때 ‘계산 눈치’를 덜어줄 뿐 아니라 그 과정이 흡사 게임과 같아 소소한 즐거움을 갖추고 있습니다. 자, 그럼 본격적으로 시작해볼까요?

먼저 시계 배경부터 만들어볼 건데요. 무더워지는 요즘 날씨를 반영해 조금이라도 시원하게 보일 수 있도록 배경에 회색 톤을 적용해보겠습니다. (이미지 작업엔 오픈소스 체제로 운영되는 이미지 편집 도구 ‘김프<Gimp>’를 이용했습니다.)

여기에 좀 더 밝은 회색 도형을 적용, 좀 더 시원한 느낌을 줘봤습니다.

아무 의미 없는 밝은 회색 도형처럼 보이시죠? 하지만 아래 그림처럼 각각의 도형은 시간 방향을 가리킵니다. 단순히 배경의 일부인 것 같지만 정확한 시간을 알려주는 포인터 역할도 동시에 하고 있죠(실은 이미지를 만들던 중 문득 떠올린 아이디어랍니다).

마지막으로 워치페이스의 영어명 ‘Bok.Bul.Bok(복불복을 발음 나는 대로 표기했습니다)’과 ‘타이젠 메이드(Tizen Made)’란 글귀를 더해 완전한 시계 배경 이미지를 만들어보겠습니다.

글씨까지 써넣으니 깔끔하면서도 시원한 배경이 완성됐습니다(워치페이스에서 배경 비중이 작지 않은 만큼 아무래도 만들 때 좀 더 신중을 기하게 되더라고요).

이번엔 시침과 분침, 초침을 각각 만들어볼 텐데요. 배경 색상과 무난하게 어울리면서도 단조롭게 느껴지지 않도록 아래 사진에서와 같이 파란색 그러데이션(gradation) 형태로 제작해볼까 합니다.

개별적으로 보면 다소 단조롭고 무난한 것 같지만 배경과 어우러지면 꽤 세련된 느낌을 자아냅니다.

아래 그림은 지금까지 만든 배경과 시∙분∙초침, 그리고 날짜까지의 이미지를 적용해 실제 시간대로 움직이도록 수정한 워치페이스입니다. 한여름 무더위를 날려버릴 정도로 회색과 파랑색의 조화가 한껏 시원해 보이죠? (시계 작동 원리는 지난 회차 칼럼에서 만들어본 ‘웨딩 D데이’ 워치페이스와 동일하게 구현돼 있으니 참조하세요.)

게임 알고리즘, 순서도로 시연하면 구현 시 편리

자, 그럼 지금부터 본격적으로 복불복 게임 워치페이스만의 기능을 만들어보겠습니다. 사실 복불복 게임은 사다리 타기나 박스 개봉하기 등 여러 가지 형태가 있는데요. 전 기어 S2가 원형 기기란 점에 착안, 룰렛 형식의 복불복 게임을 고안했습니다.

룰렛 복불복 게임 알고리즘을 간단하게 순서도로 표현하면 아래와 같은데요. 순서도에서처럼 워치페이스를 터치하면 게임이 본격적으로 시작됩니다.

워치페이스 화면을 손으로 터치하면 아래 그림에서처럼 게임에 참여할 인원수를 설정하는 화면이 나옵니다. 그 단계에서 원하는 만큼의 인원수를 설정한 후 ‘OK’ 버튼을 누르면 게임이 시작되죠.

인원수를 설정하면 기어 S2의 화면을 사람 수만큼 나눠 그 번호를 표시해주게 되는데요. 설정한 인원수에 따라 시계 방향으로 최소 2명에서 최대 12명까지 설정할 수 있도록 설계했습니다. 번호의 위치는 반지름과 삼각함수를 이용하면 쉽게 계산할 수 있습니다.

게임이 시작되면 아래 그림처럼 화살표가 나와 회전하도록 했습니다. 화살표는 진짜 룰렛처럼 처음엔 빠른 속도로 회전하다 점점 힘을 잃고 멈추게 됩니다. 또 게임 도중 현재 가리키는 번호가 어느 번호인지 명확하게 구분할 수 있도록 화살표와 제일 가까운 번호가 빨간색으로 바뀌도록 했습니다(제일 가까운 번호는 화살표 각도와 차이가 가장 작은 각도의 번호를 선택하도록 했고요).

화살표가 완전히 멈추면 아래 그림처럼 커피 값을 부담할 행운의(?) 당첨자 번호가 나옵니다. OK 버튼을 누르면 다시 처음의 워치페이스로 돌아오는데요, 게임을 다시 하고 싶다면 처음과 같이 화면을 터치하면 됩니다.

타이젠스토어 업로드 예정… “여러분도 해보세요”

지금까지 복불복 게임 워치페이스를 함께 만들어봤는데요. 실컷 만들고 실제로 써먹지 않으면 무용지물이겠죠? 그래서 워치페이스를 완성한 후 곧장 가까운 지인들과 식사를 마친 후 제가 만든 복불복 게임을 제안하였습니다. 그 결과, ‘당첨’의 영예를 안은 지인에게 당당히 시원한 음료를 얻어 먹을 수 있었답니다. 아래 사진은 게임 직후 인증샷인데요. 사진 맨 오른쪽, 음료를 손에 쥔 분이 이번 게임의 당첨자입니다.

오늘 칼럼은 여기까집니다. 재밌게 보셨나요? 요즘 전 이 워치페이스를 타이젠스토어(Tizen Store)에 올리기 위해 관련 작업을 진행 중입니다. 스토어에 업로드된 후엔 이 글을 읽고 계신 여러분도 제가 만든 워치페이스를 자유롭게 내려받아 사용하실 수 있겠죠? 전 그럼 다음 번 칼럼에서 좀 더 흥미로운 주제로 찾아오겠습니다. 읽어주셔서 감사합니다!