skycoiner

멀티플레이어 동전 수집 게임

WebSocket을 통한 실시간 통신 기능과 함께 HTML5, CSS3 및 JavaScript를 사용하여 구현된 공동 2D 멀티플레이어 게임입니다.

목차

• 특징
• 시작하기
• 게임플레이
• 사용된 기술
• 설정 지침
• 기여
• 스크린샷
• 특허

특징

• 실시간 플레이어 움직임 동기화.
• 두 명의 플레이어를 위한 점수 추적 기능이 있는 코인 컬렉션입니다.
• 코인 수집에 대한 간단한 오디오 피드백.
• 다양한 화면 크기에 적합한 반응형 디자인입니다.

게임플레이

1. 게임을 시작하고 룸 코드를 다른 플레이어와 공유하여 참여하도록 초대하세요.
2. 게임 영역에서 캐릭터를 이동하려면 화살표 키나 WASD 컨트롤을 사용하세요.
3. 게임 영역에 흩어져 있는 동전을 모아 점수를 높이세요.
4. 실시간 업데이트를 통해 두 플레이어 모두 동일한 게임 상태를 볼 수 있습니다.

사용된 기술

• 구조와 내용을 위한 HTML5 .
• 스타일과 애니메이션을 위한 CSS3 .
• WebSocket 또는 유사한 프로토콜을 통한 논리, 이벤트 처리 및 실시간 통신을 위한 JavaScript입니다 .
• P2P 연결 설정 및 플레이어 간 데이터 전송을 위한 WebSocket입니다 .

설정 지침

전제 조건

• 최신 웹 브라우저(Chrome, Firefox, Edge).
• 필요한 경우 백엔드 서버를 실행하기 위해 npm/yarn이 설치된 Node.js입니다. (선택 사항: 정적 파일 서버를 사용하지 않는 경우)

설치 단계

1. 이 저장소를 로컬 머신에 복제합니다.

   git clone [email protected]:AlexZ005/skycoiner.git

2. 프로젝트 디렉터리로 이동합니다. 개발 목적으로 게임 파일을 제공하려면 로컬 웹 서버를 시작해야 할 수도 있습니다. 백엔드가 관련되지 않은 경우 live-server(npm 패키지)와 같은 간단한 HTTP 서버를 사용하십시오.

   npm install -g live-server # Install live-server globally
   live-server .            # Start the server in this directory

또는 index.html을 브라우저의 새 탭으로 이동하세요.

스크린샷

게임의 스크린샷은 릴리스 페이지에서 찾을 수 있습니다.

기여

기여를 환영합니다! 개선 사항, 버그 수정, 새로운 기능 등에 대한 풀 요청을 제출하십시오. 기존 코드 스타일을 따르고 적절한 경우 테스트를 포함하십시오.

특허

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.