일상
Show GN: 봉화대 사수 – 빌드 없이 바닐라 JS로 만든 도트 디펜스 웹게임
조선의 봉수대를 지키는 타워 디펜스 웹게임을 혼자 만들어 공개했습니다.
https://bhdefence.github.io/?from=geeknews
만들면서 신경 쓴 점
- 빌드 도구 없이 바닐라 JS + Canvas. 도트 그림도 이미지 파일 없이 코드로 그립니다
- 밤 조명: 어둠 레이어를 깔고 봉수대 불·석등·화살·폭발이 빛을 뚫는 방식
- 배경음악도 파일 없이 Web Audio로 실시간 합성 (대금·가야금·장구 느낌, 장면마다 장단이 바뀜)
- 서버는 Cloudflare Workers + D1 (무료 범위): 계정, 클라우드 저장, 주간 랭킹, 첫 완주 기록
- 비밀번호·복구코드는 PBKDF2 해시, IP는 해시로만 짧게 써서 남용 방지
- 정적 파일은 GitHub Pages, 서버는 GitHub Actions로 자동 배포
- 주간 랭킹전은 시드 고정으로 모두에게 같은 상점·같은 적 순서
- 휴대폰 가로 화면 대응 (세로면 화면을 돌려서 보여줌)
피드백 환영합니다. 특히 모바일 조작감과 밸런스 의견이 궁금합니다.
댓글