▶ Notion에서 보기

🎲 LexiOnline

렉시오 온라인, 실시간 전략 카드 게임

---

🤷 What is LexiOnline?

LexiOnline은 이런 게임입니다.

✅ 2-5명이 동시에 즐길 수 있는 온라인 보드게임

✅ 전략적 사고와 순위 시스템 기반의 경쟁

✅ 구글 로그인으로 손쉽게 시작, 실시간 플레이 가능

✅ 다양한 모드 제공

✅ Rating 시스템을 통해 유저의 실력을 반영하는 점수 시스템

---

🫵 Who use LexiOnline?

LexiOnline은 이런 분에게 적합합니다!

✅ 전략적 사고를 즐기는 보드게임 애호가

✅ 실시간으로 다른 유저들과 경쟁하고 싶은 분

✅ 순위 시스템에 따라 자기 실력을 확인하고 싶은 분

---

🛠️ 기술 스택

Frontend

• React - 사용자 인터페이스

Backend

• Colyseus - 백엔드 게임 진행
• Prisma - 데이터 관리
• Google Console Storage - 구글 로그인 관리

DB

• Postgres - 데이터베이스

---

🎮 LexiOnline의 주요 기능

[Fun 1] 게임 로비와 방 생성

손쉽게 방을 만들고 참가하세요!

✅ 구글 로그인 → 방 생성/참가 → 대기실로 이동

1. 구글 로그인을 통해 즉시 게임 시작 가능
2. 방을 만들 때 닉네임 및 방 이름 설정 후 방 생성
3. 방 코드를 입력하여 방에 참여하거나 방 목록에서 원하는 방을 찾아 참가

---

[Fun 2] 대기실에서의 방 관리 및 게임 시작

게임 대기실에서 실시간으로 준비 상태 관리

✅ 준비 상태 변경 → 실시간으로 반영

1. 방 생성자는 라운드 수 및 여러 모드들을 조정 가능
2. 모든 유저는 준비하기 버튼을 클릭하여 준비 상태로 변경
3. 준비 완료된 유저 목록은 실시간으로 동기화

---

[Fun 3] 취향에 맞는 패 종류 선택

초보 모드 또는 일반 모드로 플레이

✅ 선호하는 스타일에 따른 패 설정

1. 각 유저는 초보 모드/일반 모드 선택 가능
2. 일반 모드에서는 실제 렉시오 패를, 초보 모드에서는 보다 더 직관적인 금은동 패를 사용

---

[Fun 4] 게임 화면에서 자신만의 전략을 펼치세요!

LexiOnline_.mp4

✅ 패 정렬, 족보 보기, 모드 변경

1. 패를 오름차순이나 색상순으로 정렬하고, 드래그로 순서 변경 가능
2. 최고 조합 확인 후 족보를 이용해 전략 세우기
3. 좌측 상단 유저 배치 순서 및 하단 최고 조합 안내 휠 애니메이션 등의 UI 구현
4. PASS 스티커, 현재 진행 유저 표시, 최근 등록 패 표시 등의 기능을 통해 UX 개선

---

[Fun 5] 결과 화면과 랭킹 시스템

Result_2.mp4

실시간 결과 확인과 코인 시스템

✅ 점수 계산 → 코인 수 차이 표시

1. 각 라운드 후 결과 화면에서 유저의 코인 수와 남은 카드 수를 확인
2. 애니메이션으로 점수 계산 과정을 표시하여 초보자 친화적인 설명 제공
3. Rating 시스템을 통해 유저의 게임 결과가 실시간으로 반영
4. 게임 참여 멤버수에 따른 결과 확인 UI 차이

---

[Fun 6] 게임 모드 선택

플레이 스타일에 맞춰 원하는 게임 설계

✅ 공개 모드 / 블라인드 모드

• 공개 모드 → 모든 제출 패 정보를 항상 확인할 수 있도록 공개함으로써 낮은 난이도 구현

• 블라인드 모드 → 턴 종료 후 제출 패 정보를 뒷면 처리로 숨김으로써 집중력 및 기억 기반 전략 플레이 요구

✅ 프리 모드 / 타임어택 모드

• 프리 모드 → 별도의 제한 시간 없이 유저가 PASS를 누를 때까지 대기함으로써 여유로운 게임 흐름 제공

• 타임어택 모드 → 제한 시간 초과 시 자동으로 턴을 전환함으로써 빠른 판단과 긴박한 게임 흐름 제공

---

[Fun 7] 매칭 방식 선택 (공개방 / 비밀방)

오픈 매칭과 프라이빗 플레이를 동시에 설계한 방 선택 시스템

✅ 공개방과 비밀방을 모두 지원하여 기호에 맞게 플레이 가능

1. 공개방을 통해 접속 중인 다른 유저와 즉시 매칭하는 실시간 오픈 매칭
2. 비밀번호를 통해 원하는 유저와만 플레이할 수 있는 비밀방 운영 가능
3. 방 코드를 이용하면 빠른 참여 가능

---

[Fun 8] 유저별 전적 확인

✅ 참여 유저 → 게임 결과 → Rating 변화까지 확인 가능

1. 개인 누적 전적을 n전 n승 n패 요약으로 시각화
2. 게임별 참여 멤버와 라운드 결과, Rating 변동을 묶어 보여주는 플레이 히스토리

✅ 원하는 대로 설정하는 프라이버시 제한

1. 설정의 전적 숨기기 기능을 활용하면 타인이 내 전적을 열람하지 못하도록 방지
2. 랭킹을 통해 이동하는 계정 정보 뿐만 아니라 전적을 통해 이동하는 계정 정보에도 동일하게 반영

---

[Fun 9] 실시간 유저 랭킹 시스템

✅ Rating 기준 상위 10명 랭킹 표시

1. 상위 10명의 프로필 · 닉네임 · Rating 점수를 배치한 랭킹 보드
2. 순위권에 있는 전적 공개 유저를 대상으로 랭커들의 전적 조회 가능
3. 개인 등수 표시를 통한 경쟁 요소 심화

---

[Fun 10] 연습 모드 지원

원활한 게임 진행을 위해 준비된 LexiOnline만의 과외 선생님

🔹 트리플 관련 가이드

LexiOnline_.mp4

🔹 스트레이트 관련 가이드

LexiOnline_.mp4

✅ 조합 규칙 학습에 최적화된 튜토리얼형 개인 연습 환경

1. 제출 조합의 가능 여부 판정 및 불가능 조합의 원인 분석 안내
2. 각 조합의 우선 순위 학습을 위한 조합 규칙 집중 가이드

---