[IMAGE: https://cdn.steemitimages.com/DQmVV28EwP5LR7wxt7ubijUTvrRm8tn1v65w3mbKHTWrQ9k/thumbnail.png]

안녕하세요, 디온입니다. 어제(2월 12일) 장장 8개월에 걸친 디자인과 개발 작업 끝에 스플린터랜드 모바일 앱의 첫 번째 알파 버전이 출시되었습니다.

• 공지 링크 : Announcing the Splinterlands Mobile App (ALPHA Version)

[IMAGE: https://cdn.steemitimages.com/DQmdTWGe5MvS28YEKHRv3DRrrHDCADw47CL9J6UtWbGtC72/mobile.jpg]

오늘 포스팅에서는 스팀월렛 앱 내의 임베디드 브라우저에서 스플린터랜드를 접속하고 플레이하는 방법에 대해서 간략히 살펴보겠습니다.

#1. Steemwallet으로 접속하기

[IMAGE: https://cdn.steemitimages.com/DQmQnSy6TxnEeq3xvcoqYWvt88jHQUWaT8AvNFcFEqcusHP/steemwallet.png]

스팀월렛(steemwallet)은 @roelandp가 만든 스팀 모바일 월렛으로 스팀이나 스팀달러의 전송 뿐만 아니라 스팀엔진, 스플린터랜드 등 스팀 또는 스팀엔진 기반의 디앱들을 사용할 수 있는 댑 브라우저도 지원합니다.

• iOS 다운로드 : 바로가기

• Android 다운로드 : 바로가기

시중에 출시되어 있는 다른 암호화폐의 모바일 월렛에 비해서는 UI/UX가 조금 떨어지는 느낌도 있으나 모바일로 뭔가를 사용하셔야 할 때는 유용하게 사용할 수 있으니 다운로드를 받아보시는 것도 괜찮을 것 같습니다.

스플린터랜드 모바일 웹 앱 사이트(http://m.splinterlands.io)를 모바일 브라우저로 접속하는 경우에는 로그인할 때 직접 포스팅 키(posting key)를 입력해야 하는 관계로, 스팀월렛의 댑 브라우저를 통해 접속하는 방법을 간략히 설명드리겠습니다.

> 스팀월렛에 이미 스팀 계정 정보(프라이빗키)가 입력되어 있다고 가정하겠습니다

#1. 스플린터랜드 접속방법

[IMAGE: https://cdn.steemitimages.com/DQmUVNmFSNhqWCiVDwUKPaZiaiMi5WixsHyw248eDCbVjPp/thumbnail1.png]

(1) 스팀월렛 앱에 접속한 뒤에 상단에 보이는 Browser를 클릭하세요

(2) 그 다음 games 메뉴 하단에 보이는 Splinterlands를 터치합니다

(3) 원래의 스플린터랜드 공식 웹사이트로 접속이 되기 때문에 주소 입력창을 터치해서 m.을 넣어주세요

(4) 사이트가 새로고침 되면서 위와 같이 모바일 앱 웹으로 접속되는 것을 확인하실 수 있습니다

[IMAGE: https://cdn.steemitimages.com/DQmZdZj3oPjRUDd6w4RF3vzPv9BD9ygQ7jVnZiSECFeMD8V/thumbnail2.png]

(5) USERNAME란에 계정명을 입력하고 SIGN IN버튼을 터치해주세요

(6) 트랜잭션 승인 창이 나타나면 하단에 보이는 sign & broadcast를 터치해주세요

(7) 지문 또는 비밀번호로 확인을 하면 위와 같이 로그인이 완료되는 것을 확인하실 수 있습니다

#2. 기본적인 UI

[IMAGE: https://cdn.steemitimages.com/DQmY2XwhwoFKGmL4uD8sjV2w5XMenTjpxSTeL4d9QZ2zYYQ/thumbnail3.png]

기본적인 웹페이지는 가로 버전으로 구성이 되어 있으나, 모바일 앱 웹에서는 세로모드로 구성이 되어 있습니다.

그래서 전투 화면(두번째 이미지)을 보면 좌측 가운데를 중심으로 전투가 벌어지는 것을 확인하실 수 있습니다. 이미 웹 페이지의 UI에 익숙해져 있는 입장에서는 이 화면이 조금 불편하게 느껴지긴 합니다.

모바일에서 재미있는 점은 채팅 기능(전체 또는 길드원)을 지원한다는 점입니다.

#3. 미지원 기능들

[IMAGE: https://cdn.steemitimages.com/DQmcNhQwXZ55toiUyAj66VS8FVfcgCwbbvxEkcvRZdyR2Ff/thumbnail4.png]

• 아직까지 모바일 버전에서는 상점(Shop) / 토너먼트(Events) / 길드(Guild) 메뉴와 관련된 기능은 지원하지 않는 상태입니다.

• 모바일 앱에서 토너먼트 기능을 지원하지 않는 관계로 한동안은 일일퀘스트에서 토너먼트 1승 퀘스트가 포함되지 않습니다.

#2. 개선이 필요한 사항들

[IMAGE: https://cdn.steemitimages.com/DQmRRuGd3UogfNQBKMCmiWvvx4oxYQC7wrM8a1FLfwVNvDD/yabap.png]

야밥(@yabapmatt)이 밝힌 내용에 따르면 현재 데스크탑 웹사이트가 상당히 엉망인 상태였기 때문에 모바일 앱 웹 페이지가 제로 베이스부터 개발되느라 8개월이라는 시간이 소요되었다고 합니다. 더불어 휴대폰의 세로 모드의 화면을 기본으로 하다보니 디자인에도 많은 시간이 필요했구요.

(1) 가로모드를 기본으로 하면 어떨까?

• SuperCell의 모바일 게임들도 앱을 실행하면 가로모드로 자동 전환이 됩니다. 이미 많은 게임들이 가로모드로 픽스된 형태로 서비스되고 있는 상황에서 굳이 세로 모드에 집착할 필요는 없어 보입니다.

• 지금까지 세로모드 개발에 많은 리소스와 시간을 쓰긴 했지만, 지금부터라도 차라리 가로모드로 고정시키고 개발 및 디자인 작업을 하는게 더 낫지 않을까 싶네요.

• 세로모드에서는 스플린터랜드를 데스크탑 웹 페이지에서 플레이할 때의 느낌을 살리기가 어려워 보이고, 전투 시에 덱을 구성하는 것이 플레이어 입장에선 무조건 더 불편할 수 밖에 없습니다.

(2) 카드 선택화면 개선

• 개인적으로는 카드 선택화면에 굳이 몬스터의 이름이 표시될 필요는 없어 보입니다. 현재는 너무 많은 정보를 담고 원래의 포맷을 유지하려다 보니 카드의 크기가 너무 커서 스크롤을 많이 해야하는 문제가 있습니다.

• ALPHA와 BETA카드만 잘 구분할 수 있게 하고, 캐릭터의 클로즈업된 얼굴만 넣어 크기를 조금 줄일 필요가 있습니다.

• 카드의 레벨은 연두색의 원문자 대신에 7/8, 10/10 이런식으로 표기하는 것이 더 나을 것 같습니다. (원문자로 현재 카드 레벨만 보여주는 건 큰 의미가 없는 듯 싶습니다)

• 선택한 카드를 상단 메뉴에서 터치하면 선택취소할 수 있도록 변경할 필요가 있습니다.

• 몬스터 슬롯은 6개가 모두 한 눈에 보여야 합니다. (그래서 가로모드를 기본으로 할 수 밖에 없을 것 같습니다)

(3) 뒤로 가기 메뉴 지원

• 현재 스팀월렛에서는 휴대폰의 뒤로 가기 메뉴를 터치하면 스팀월렛 자체가 종료되는 문제가 있습니다. 그래서 실수로 뒤로가기를 누르는 경우에는 시간 초과로 패배할 수 있기 때문에 조심해야 합니다.

• 이 부분은 스플린터랜드팀이 아니라 @roelandp가 업데이트를 해 줄 필요가 있을 것 같네요.

(4) 로딩 속도 개선

• 아무래도 모바일용 UI가 완전히 별도로 작업이 되다보니, Battle Log 또는 Top battle 다시 보기의 경우 로딩 속도가 엄청나게 오래 걸립니다.

카드의 상세 정보, 스플린터랜드 가이드 메뉴 등을 살펴보면 모바일 앱의 디자인에 얼마나 세심한 노력들을 기울이고 있는지가 잘 느껴지기는 하는데, 기승전가로모드이지 않을까 싶네요.

아직 알파 버전에 아쉬운 점들이 많기는 하지만, 정말 한정된 리소스의 한계 속에서도 엄청난 노력을 하고 있는 스플린터랜드팀에 박수를 쳐 주고 싶습니다^^