Team Scramble

팀 스크램블의 웹 캐치마인드 게임 제작 프로젝트입니다. 스크램블로 친구들과 함께 창의력을 겨루어보세요!

게임 설명

• 출제자가 되어 제시된 단어를 그림으로 표현해보세요. 또 그림을 통해 제시된 단어가 무엇일지 맞춰보세요.
• 나만의 룰을 적용한 게임룸을 만들 수 있습니다. 링크를 공유하여 게임룸에 접속할 수 있습니다.
• 내가 그린 그림을 실시간으로 친구들과 함께 볼 수 있습니다. 실시간 채팅으로 친구들과 소통하고, 문제를 맞출 수 있습니다.
• 모든 라운드가 종료되면, 순위가 산정되고 다시 게임 대기실로 돌아갑니다.

주요 기술

• React.js : 잦은 상태변화를 빠르게 반영하고, UI를 컴포넌트 단위로 개발하기 위해 사용합니다.
• Socket.io : 실시간 채팅, 그림 데이터 송수신을 위해 사용합니다.
• CanvasAPI : 화면에 그림을 그리기 위해 사용합니다.
• ContextAPI : 게임에 필요한 상태를 전역적으로 관리하기 위해 사용합니다.