일상

Show GN: 봉화대 사수 – 빌드 없이 바닐라 JS로 만든 도트 디펜스 웹게임

봉화대사사수 조회 19 댓글 1

조선의 봉수대를 지키는 타워 디펜스 웹게임을 혼자 만들어 공개했습니다.

https://bhdefence.github.io/?from=geeknews

만들면서 신경 쓴 점

- 빌드 도구 없이 바닐라 JS + Canvas. 도트 그림도 이미지 파일 없이 코드로 그립니다

- 밤 조명: 어둠 레이어를 깔고 봉수대 불·석등·화살·폭발이 빛을 뚫는 방식

- 배경음악도 파일 없이 Web Audio로 실시간 합성 (대금·가야금·장구 느낌, 장면마다 장단이 바뀜)

- 서버는 Cloudflare Workers + D1 (무료 범위): 계정, 클라우드 저장, 주간 랭킹, 첫 완주 기록

- 비밀번호·복구코드는 PBKDF2 해시, IP는 해시로만 짧게 써서 남용 방지

- 정적 파일은 GitHub Pages, 서버는 GitHub Actions로 자동 배포

- 주간 랭킹전은 시드 고정으로 모두에게 같은 상점·같은 적 순서

- 휴대폰 가로 화면 대응 (세로면 화면을 돌려서 보여줌)

피드백 환영합니다. 특히 모바일 조작감과 밸런스 의견이 궁금합니다.

댓글

  1. 21919