Pick-Px는 사용자들이 실시간으로 함께 픽셀 아트를 그릴 수 있는 협업 플랫폼입니다. 캔버스 공유, 실시간 채팅, 게임 모드 등 다양한 기능을 제공합니다.
- 배포 URL : https://pick-px.com/
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 👑 박창현 | 이유민 | 백지원 | 박성현 | 조완기 |
- 🎨 실시간 픽셀 아트 캔버스: 다중 사용자가 동시에 픽셀을 그릴 수 있는 협업캔버스
- 💬 실시간 채팅: 캔버스 내에서 실시간으로 소통할 수 있는 채팅 기능
- 🎮 게임 모드: 퀴즈를 통한 게임형 캔버스 경험
- 👥 그룹 시스템: 캔버스를 그룹 단위로 관리하고 공유
- 📱 반응형 디자인: 데스크톱과 모바일 환경 모두 지원
- 🔐 OAuth 로그인: Google 로그인 지원
- 🎵 사운드 효과: BGM 및 효과음으로 몰입감 있는 경험 제공
Git-flow 전략을 기반으로 main, develop 브랜치와 feature 보조 브랜치를 운용했습니다.
- main, develop, Feat 브랜치로 나누어 개발을 하였습니다.
- main 브랜치는 배포 단계에서만 사용하는 브랜치입니다.
- develop 브랜치는 개발 단계에서 git-flow의 master 역할을 하는 브랜치입니다.
- Feat 브랜치는 기능 단위로 독립적인 개발 환경을 위하여 사용하고 merge 후 각 브랜치를 삭제해주었습니다.
- 간편한 게스트 로그인 혹은 Google OAuth 로그인이 가능합니다.
- 마우스 휠로 확대/축소
- 클릭 후 드래그로 캔버스 이동
- 픽셀을 클릭한 후 팔레트에서 색상 선택
- 체크 버튼 클릭 -> 픽셀 칠하기
- 색을 칠하고 나면 3초간 쿨다운이 발생합니다
- 3초 후 다음 픽셀을 칠할 수 있습니다.
픽셀 아트로 그리고 싶은 이미지를 더 쉽게 완성할 수 있도록 이미지 가이드 기능을 제공
- 첫 접속시 해당 캔버스의 전체 그룹 채팅방에 입장
- 그룹 참가시 그룹원들과 소통 가능
- 지금까지 캔버스 히스토리를 확인할 수 있습니다.
