j2p / typing Goto Github PK

사용자 점수를 저장해서 순위를 확인 할수 있게 구현한다.

점수를 트위터로 보내기

전체 적으로 background 추가.

Facebook Oauth 지원

게임에서 승리한 사람이 트위터나, 페이스북에 포스팅을 할수 있게 구현

마일스톤은 마침표라고도 하는데요.

2주 동안 할 수 있는 메인 목표를 설정하고 그 목표를 위해 구현해야 할 상세 기능을 이슈로 등록하세요.

게임 시작 전 화면 구현

• 로그인 후 게임시작 버튼을 통해서 게임시작

OAuth구현

• passport(https://github.com/jaredhanson/passport) 모듈을 사용해서 구현

1. 문서화
2. 테스트 케이스 작성

문서화는 REAMDE 로 작성하겠지만 이런 프로젝트는 API 형태로 제공되지 않는 앱이기 때문에
Wiki 를 통해서 정리하는 것도 나쁘지 않습니다.

간단한 게임에 대한 소개와 구현과정, 구현 기술등에 대해서 설명하죠.

위키에 정리된 자료를 통해서 저희 마지막 해카톤 행사에서 발표를 하면 되겠죠.

그리고 또 하나는 테스트 케이스 작성입니다.
현재 개발중인 타자 게임의 코드 품질을 측정해보면서 향후 계속적인 구현과 릴리즈에 있어서
신뢰성 있는 소프트웨어를 만드는데 토대가 됩니다.

물론 초기에 이런것들을 스킬셋이 없는 상태에서 진행하는 것은 어렵습니다.
만약 테스트 코드 작성에 대한 경험이 있다면 전체가 아닌 단 몇개라도 짜보면 좋습니다.

그래도 최우선은 현 상황에서 기능 구현입니다. ^-^ 시간이 오래 걸린다면 문서화와 테스트 케이스 작성은 보류하시구 차차 진행해주세요.

우선 간단히 생각해 본 것은

첫 화면에서 트위터 OAuth 인증하는게 좋을 것 같은데요. 시간이 오래 걸리까요?
간단하다면 이슈로 등록하고 처리하면 될것 같구요.

다른 아이디어가 있으면 코멘트 주세요. ^-^

그리고 v0.1.0 버젼은 일단 시작 전 처리와 종료 처리까지만 완료하고 릴리즈 하는 것으로 하시죠. :-)

처음시작할때 화면에 단어 뿌려주기

마크업 작업이 완료되면 아래 스펙을 구현해주세요.

var words = [ '산성비', '세종대왕', '동해물과', ..............., '으헤헤' ];

위와 같이 단어는 이미 정의된 배열을 하나씩 shift 해서 산성비 방식으로 떨이지는 것만 구현한다.

1. 산성비처럼 순차적으로 떨어지는 것을 구현한다.
2. 떨어지는 속도는 자바스크립트 변수로 조절할 수 있어야 한다.
3. 일단 모든 단어가 바닥까지 떨어지는 것만 구현한다.
   • 떨어지면 게임이 종료되는 처리와 같은 그 이상의 예외처리는 일단 고려하지 않는다.

기존에 틀린 갯수로 사용하던 progress bar 를 timer로 변경

1. 우측 영역에 에너지를 표시하는 마크업을 추가한다.
   (마크업이 복잡하거나 시간이 소요된다면 우선 숫자로 표시하는 정도가 좋겠음)
2. 단어가 바닥에 닿는 순간 에너지 수치에서 1개를 제거한다.
3. 모든 에너지가 소멸되는 순간 "게임 오버" 다이얼로그 박스를 표시한다.
4. 다이얼로그 박스에는 "다시하기"만 와 "순위 보기", "점수를 트위터로 보내기" 를 표시한다. (순위 보기는 구현하지 않는다.)

파이어폭스에서 단어를 입력해도 단어를 찾지 못하는 문제.

게임 종료시 최고점의 사람이 우승자로 보여준다.

디자인땜에 css수정을 좀 했는데요.

이것은 따로 이슈를 잡아서 올려야 하나요?

v0.1.0 배포

• wiki 문서화 업데이트
  • 구현한 기능과 변경사항(change log)

방장이 게임을 시작할수 있도록 방장을 정한다.

추후 멀티플레이를 위한 게임 방식 변경

기존 게임 방식

• 소나기 타자게임처럼 위에서 단어가 내려오면 그 단어를 맞추는 방식
• 해당점수가 되면 레벨이 올라가는 방식
• 10번을 틀리게 되면 게임이 종료

변경된 게임 방식

• 단어들이 미리 모두 나와 있는 상태에서 단어들을 맞춰 나가는 방식
• 시간이 지날수록 단어들이 위에서 한칸씩 밑으로 내려오는 방식
• 주어진 시간동안 최대한 많은 단어를 맞춰서 많은 점수를 얻는것이 목적

여러명이서 게임을 하기 위한 방구현.

방에 사람이 들어오면 다른 사람들에게 보여주기 위한 목록 구현.

입력을 해서 단어를 맞출 경우 단어를 삭제한다.

게임종료 규칙

• 100초가 흘렀을경우 게임종료
• 단어가 입력박스 까지 왔을경우 게임 종료

시간이 지남에 따라서 단어가 계속 추가 된다.
해당 레벨에 따라서 단어 추가 되는 시간이 더 빨라진다.

단어 색깔에 따라서 점수 계산

트위터 부트 스트랩을 이용해서 마크업 개발 해주세요.

마크업 요구사항

1. 배경 이미지를 마음에 드는 걸로 설정하세요.
2. 한메타자 게임 자체가 풀 브라우징되면 좋겠지만 시간이 오래 걸릴 것 같으면 플 브라우징은 다음 버젼에서 제공함
3. 사용자 입력 영역과 버튼이 있어야 한다.

유의 사항

마크업만 개발해주세요. 미리 기능을 구현을 할 필요는 없습니다.

단어를 맞췄을때 액션 변경작업.

input 필드에 사용자가 단어 입력 기능을 구현한다.

• 사용자가 입력 필드에 단어를 입력한다.
• 입력 후 엔터를 치면 현재 떨어지고 있는 단어들 중에 해당 단어가 있는지 찾는다.
• 있으면 해당 엘리먼트를 제거한다.

이 이슈에서는 사용자 입력과 엘리먼트 제거에 대한 부분만 다룹니다. 점수 계산등은 별도로 이슈로 등록할 예정입니다.

• 단어를 맞췄을때 점수 up
• 100점당 레벨 up
• 레벨 상승시 스피트 up
• 레벨은 5까지만 지원

한메타자의 핵심 기능은 구현 완료되었네요.

이제부터는 생각했던 아이디어를 더 나열해보고 거기서 중요도에 따라서 우선순위를 정하는 일을 먼저 진행하며 좋겠네요.

예를 들면 아래와 같이 기본 기능을 학장할 것인지 아니면 게임에 재미를 위해서 아이템이나 여러가지 액션을 추가할 것인지 등
어떤 곳에 초점을 맞출지 의견과 아이디어 알려주시면 그 방향으로 가이드 할께요. :-)

기본기능 확장

• 점수 표시
• 레벨 선택 기능
• 영어, 한글 선택 기능
• 게임 시작 전 처리
• 게임 오버 처리

아이디어 구현

• 산성비 단어에 특수 아이템 구현(5초동안 단어가 숨겨짐, 모든 단어를 위로 올림, 이번 레벨 통과, 산성비 속도가 빨라짐 등등)

꼭 필요한것들은 아니지만... 추가