roll-dice-game

JavaScript 주사위 던기지 게임

개발 요구사항

• 번갈아 가면서 주사위를 던진다 [개발완료]
• 먼저 누적 점수 50점을 만들면 이긴다 [개발완료]
• 주사위를 던졌을때 숫자가 나오면 1~2는 본인 현재 점수 초기화 후 턴 변경 [개발완료]
• 3~6은 현재 점수에 나온 주사위 숫자를 더한다 [개발완료]
• 홀드 하고 현재 점수를 누적 점수에 더하고 턴을 상대방에게 넘긴다 [개발완료]

핵심 기능

• 주사위를 던졌을때 숫자가 나오면 1~2는 본인 현재 점수 초기화 후 턴 변경
• 3~6은 현재 점수에 나온 주사위 숫자를 더한다
• 홀드를 누르면 현재 점수를 누적 점수에 더한다
• Roll Dice를 누르면 계속 주사위를 던진다
• 주사위를 계속 던질때 나오는 값은 Current에 더해져서 표시된다
• 사용자가 홀드를 누르면 Current 값이 Player의 점수에 더해져서 표시된다

개발 우선순위

• 퍼블리싱은 맨 나중에 진행한다
• html로 ui/ux 틀만 잡아두고 진행한다
• player1 과 player2의 누적점수, 현재 점수 RollDice, Hold 할 수 있는 UI/UX를 빠르게 구현한다
• Roll Dice 버튼을 클릭했을때 주사위가 굴려지고 랜덤으로 1 ~ 6 중에 숫자가 나오도록 구현
• 랜덤으로 나온 값에 따라 사용자의 CURRENT 점수가 바뀌도록 구현
• 사용자가 HOLD를 눌러야만 CURRENT 점수가 누적 점수에 더해지도록 구현
• 숫자가 1~2면 사용자의 현재 점수 초기화 후 턴 변경
• 숫자가 3~6이면 사용자의 현재 점수에 나온 주사위 숫자를 더해준다
• 턴 변경은 숫자가 1~2이거나 사용자가 HOLD를 누르면 변경되도록 구현

추가적으로 개발해보면 좋을 기능

• 반응형으로 구현하여 모바일 화면에서도 동작하도록 하기
• 주사위를 돌릴때 랜덤 값에 따라 랜덤 이미지가 보여지도록 수정하기
• 주사위를 돌리고 hold하는 UI가 Player UI에 overflow되어 보여지도록 UI 수정해보기
• alert 대신 팝업창으로 게임 결과 알려주는 UI 개발하기
• Svelte 프레임워크 연동하기
• React 프레임워크 연동하기