본문 바로가기
웹개발

파밍RPG 보스 레이드 시간표 페이지 관련

by JeongNue 2021. 2. 8.

요새 즐기고 있는 게임인데

자꾸 레이드 타임을 놓치는데서 빡쳐서 메모장으로 시간기록을 하다가

이럴바엔 아예 알리미를 만드는게 낫지 않나... 하면서

페이지를 하나 만들어 보았다.

 

페이지 화면

넣은 기능은 아래와 같다.

 

1. 메모장 기능

가장 핵심적인 기능. 저절로 체크하는 봇을 만들 순 없었기 때문에 사람이 기입하는 형태로 하였으나

최대한 기입하기 쉽도록 입력칸, 그리고 잡힌 시간을 기록하면 저절로 다음 타임으로 업데이트 하도록 지정

 

코드가 좀 지저분한데

업데이트 버튼 클릭시 버튼쪽에 달아둔 데이터 활용해서 다음 보스레이드 시간을 계산하도록 지정

중간에 스위치 등이 하드코딩이 되어있는 이유는 딱 여기까지만 구현할거라서... 귀찮아서 저렇게 해놨다.

 

 

2.화면 자동 refresh, 알리미 기능

먼저 화면 자동 refresh.

헤드쪽에 메타태그로 '15초 간격으로 자동 refresh'를 달아주었다.

간단히 해결.

 

알리미 부분이 조금 문제가 있었는데

이부분은 브라우저 정책 때문에 사운드 자동 재생이 안되는 이슈 발생.

근데 어차피 뭐 이걸 배포할것도 아니니까

그냥 브라우저 설정에서 '사운드 권한 허용'으로 바꿔주는것으로 해결.

 

크롬 등에서 제공하는 'speechSynthesis' 함수를 활용해서 알리미 기능을 넣었다.

대강 15초마다 화면을 새로고침 하는데

다음 레이드 시간보다 대강 3분정도 남으면(163초~180초 사이. 근데 위에는 343~360으로 되어있네 멍미)

알리미 음성이 나오는 식.

 

 

만들어두니 편하긴 하다. 근데 보스레이드 뛰자고 이렇게까지 해야할 일이었나 싶기도 하고......

댓글