—– 목차 —–
- 금주 아이디어 및 기획
- 금주 개선 및 업데이트 내용
- 다음 주 개발 및 고려 사항
- 기타 사항
1.금주 아이디어 및 기획
- 1. 토스트 팝업 개선
- 게임이 시작됐습니다. (대기방 > 게임 안으로 입장)팝업은 너무 안 어울려서 지우고 새로운 UI로 개선.
- 빙고 출발! (빙고 판 채우는 곳 > 빙고 게임)팝업 역시 삭제.
- 모든 유저 준비 완료 시 팝업창이 2개 나오는 현상 해결.
- 게임 종료. 팝업 제거
- 2. 빙고 게임 관련
- 빙고 칸 채울 때도 강퇴 버튼을 활성화 시켜 AFK 유저 방지.
- 빙고 게임 안 어색한 문구 몇 가지를 변경.
- 빙고 게임의 이벤트 횟수가 설계한 것 보다 많이 쓸 수 있던 현상을 수정.
- 3. 라이어 게임 관련
- 라이어 게임의 전체적인 UI 개편하기.
- 라이어 게임의 게임 템포를 더 편하게 변경하기.
- 라이어 게임의 참여자 목록이 확인 불가능한 버그 개선.
- 라이어 게임 투표 창 개선
- 4. 폭탄 돌리기 관련
- 폭탄 돌리기 게임에서 폭탄이 터졌을 때 남은 단어 중 하나를 랜덤으로 보여주기
- 5. 강퇴 버튼 UI/UX 개선
- 각기 다른 파일에 따로따로 선언된 강퇴 버튼을 하나의 파일에 선언하여 강퇴버튼의 UI/UX를 통일되도록 수정.
- 6. 기타 사항
- index.html에서 이모지 지정을 랜덤으로 만들기.
2. 금주 개선 및 업데이트 내용
- 1. 토스트 팝업 개선
- 게임이 시작됐습니다. 팝업이 어울리지 않다고 판단하여 새로운 UI로 변경했습니다. (사진 1)
- 빙고 출발! 팝업 역시 어울리지 않다고 판단하여 삭제했습니다.
- 모든 유저 준비 완료 시 팝업 창이 2개 나오는 버그를 수정했습니다.
- 게임 종료. 팝업이 필요 없다고 판단하여 제거했습니다.
(사진 1)
- 2. 빙고 게임 관련
- 빙고 칸 채울 때도 강퇴 버튼을 활성화 시켜 AFK 유저 방지.
- 개발 의도 : 빙고 칸 채우는 곳에 AFK 유저가 생기게 되면 게임을 진행할 수 없었기에 어떻게 할지 고민을 한 뒤, (제한 시간을 걸어두기엔 시간에 쫒기는 등의 변수가 존재.) 결국 빙고를 채우는 곳에도 강제 퇴장 버튼을 활성화 시켜 AFK 유저들 강제로 내보낸 뒤 게임을 시작할 수 있게 만들었습니다. (사진 2)
- 빙고 게임의 이벤트 횟수를 기존에 계획했던 것 보다 더 많이 쓸 수 있던 현상을 수정했습니다.
- 개발 의도 : 기존 빙고 게임의 이벤트는 3줄이 승리 조건이라면 이벤트는 최대 2번, 5줄이 승리 조건이라면 최대 4번 쓸 수 있게 설계했었는데, 그것과 상관없이 빙고를 한 줄 채울때 마다 이벤트를 쓸 수 있던 버그가 있었고 이를 수정했습니다.
- 빙고 게임 안에 어색한 문구 몇 가지를 변경하여 어색한 느낌이 들지 않게 수정했습니다.
- 빙고 칸 채울 때도 강퇴 버튼을 활성화 시켜 AFK 유저 방지.
(사진 2)
- 3. 라이어 게임 관련
- 라이어 게임의 전체적인 UI 개편했습니다. (사진 3)
- 개발 의도 : PickPlay의 UI를 좀 더 어둡게 변경했기에 이에 맞게 빙고 게임과 폭탄 돌리기 게임의 UI는 수정했지만 라이어 게임의 순위를 좀 더 뒤로 미뤘고 이번 주에 그 작업을 완료했습니다.
- 라이어 게임의 게임 템포를 더 편하게 변경했습니다. (라운드 자동으로 넘어가기)
- 개발 의도 : 라이어 게임 라운드를 넘길 때 마다 방장이 수동으로 넘겼어야 했는데 이를 자동으로 (7초) 넘어가게 개선했습니다.
- 라이어 게임의 투표 창 UI를 조금 더 세련되게 변경했습니다. (사진 4,5)
- 라이어 게임의 참여자 목록이 확인 불가능한 버그를 개선했습니다.
- 라이어 게임의 전체적인 UI 개편했습니다. (사진 3)
(사진 3)
(사진 4)
(사진 5)
- 4. 폭탄 돌리기 관련
- 폭탄 돌리기 게임에서 폭탄이 터졌을 때 남은 단어 중 하나를 랜덤으로 보여주기 (사진 6)
- 개발 의도 : 유저들이 플레이 중, 단어가 기억이 나지 않아 폭탄이 터졌을 때, “아 맞다 저런 단어가 있었지!” 라는 생각이 나게 이러한 기능을 추가했습니다.
- 폭탄 돌리기 게임에서 채팅을 치면 유저 위에 그 채팅이 나오게 만들었습니다. (사진 7)
- 개발 의도 : 폭탄 돌리기 게임에서 채팅을 쳐도 아무도 볼 수 없었고, 채팅창을 만들기에는 UI가 협소하다고 생각하여 말풍선으로 대체했습니다.
- 폭탄 돌리기 게임에서 폭탄이 터졌을 때 남은 단어 중 하나를 랜덤으로 보여주기 (사진 6)
(사진 6)
(사진 7)
- 5. 강퇴 버튼 UI/UX 개선
- 각기 다른 파일에 따로따로 선언된 강제 퇴장 버튼을 하나의 파일에 선언하여 강제 퇴장 버튼의 UI/UX를 통일되도록 수정했습니다.
- 6. 기타 사항
- index.html (시작 화면) 에서 처음 이모지가 모두 고양이(
🐱)로 지정되던 버그를 수정했습니다.
- index.html (시작 화면) 에서 처음 이모지가 모두 고양이(
3. 다음 주 개발 및 고려 사항
- 1. 빙고 게임 관련
- 빙고 게임 시작할 때, 첫 유저는 3초 가량을 날리고 시작하게 되는데 시작 알림이 꺼진 후 타이머가 돌아가게 하던가 다른 방식으로 개선을 해야할 듯.
- 2. 라이어 게임 관련
- 라이어 게임 끝나고 다시 방파면 이전 게임의 결과물이 남아있는 버그.
- 3. 폭탄 돌리기 게임 관련
- 폭탄 돌리기 단어 제출 시 타이머 즉시 일시 정지가 되지않고 흐르는 현상을 개선.
- 최근 사용 단어 피드: 스크롤바 삭제 및 우측 페이드아웃 효과 구현
- 4. 기타 사항
- 토스트 알림을 연속해서 날릴 경우 창이 다 뒤덮여서 더러워 지는 UI를 어떻게 개선할지.
- 방장이 결과창을 닫지 않으면 다른 플레이어들은 게임을 나갈 수 없는 버그 어떻게 개선할지.
4. 기타 사항
- 위 내용을 모두 Github에 Push 했고, Render가 이를 읽어 사이트를 업데이트 해 줄 것입니다.
- 빙고 게임 가이드를 업로드했습니다.
- PickPlay 링크입니다.
감사합니다.