Skip to content

thlee/document_breaker

Repository files navigation

📄 문서 파괴자 (Document Breaker)

Document Breaker

사무실 서바이벌 게임 - 문서를 터트리고 살아남으세요!

Play Now


🎮 게임 소개

문서 파괴자는 HTML5 Canvas 기반의 실시간 웹 게임입니다. 플레이어는 끊임없이 생성되는 문서들을 클릭하여 파괴하고, 문서가 너무 많이 쌓이기 전에 처리해야 합니다. 상사가 나타나기 전에 살아남으세요!

🎯 게임 목표

  • 나타나는 문서를 클릭해서 터트리세요
  • 작고 빠른 문서일수록 높은 점수를 얻습니다
  • 문서가 너무 쌓이면 상사가 나타납니다... 😰

🎮 게임 요소

  • 📄 문서: 클릭하면 터져서 점수 획득
  • 👨‍💼 신입사원: 클릭하면 문서 5개 추가 (피하세요!)
  • 📧 메일: 클릭하면 이직! 쌓인 문서 제거
  • 😡 상사: 클릭하면 블럭 깨기 모드 시작

💡 게임 팁

  • 경력직으로 이직할수록 업무가 늘어나니 타이밍을 잘 맞춰보세요
  • 문서가 많이 쌓였을 때 메일을 클릭하면 효과적입니다
  • 상사가 나타나면 빠르게 클릭하여 특수 모드를 활성화하세요

🚀 기술 스택

Frontend

  • HTML5 Canvas: 게임 렌더링
  • Vanilla JavaScript: 게임 로직 및 상호작용
  • CSS3: 반응형 UI 디자인
  • Web Audio API: 사운드 효과

Backend

  • Firebase Functions: 서버리스 백엔드 (Node.js)
  • Firebase Firestore: 실시간 랭킹 데이터베이스
  • Firebase Hosting: 웹 호스팅

기타 기능

  • 다국어 지원: 한국어/영어 (IP 기반 자동 감지)
  • 실시간 랭킹: 상위 50명 랭킹 시스템
  • 국가별 플래그: 플레이어 국가 표시

🎮 게임 조작법

기본 조작

  • 마우스 클릭: 문서/객체 파괴
  • 스페이스바 또는 P키: 게임 일시정지
  • 음소거 버튼: 배경음악 및 효과음 끄기/켜기

특수 모드

  • 블럭 깨기 모드: 상사를 클릭하면 활성화되는 특수 모드 (10초간)
  • 이직 시스템: 별을 클릭하여 쌓인 문서 제거 및 배경 변경

🎯 게임 특징

다이나믹 난이도 조절

  • 점수가 높아질수록 문서 생성 속도 증가
  • 문서 생존 시간 단축
  • 신입사원 출현 빈도 증가

실시간 랭킹 시스템

  • 상위 50명 랭킹 실시간 업데이트
  • 국가별 플래그 표시
  • 점수 중복 방지 시스템

🌐 다국어 지원

게임은 사용자의 IP 위치를 기반으로 자동으로 언어를 설정합니다:

  • 한국 (KR): 한국어 인터페이스
  • 기타 국가: 영어 인터페이스

🐛 알려진 이슈

  • 일부 모바일 브라우저에서 음성 자동 재생 제한
  • 네트워크 불안정 시 랭킹 로딩 지연
  • 고해상도 디스플레이에서 이미지 품질 저하

📝 라이선스

이 프로젝트는 LICENSE 파일의 조건에 따라 라이선스가 부여됩니다.


즐거운 게임 되세요! 🎮

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •