Skip to content

95hyun/mugunghwa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌺 무궁화 꽃이 피었습니다

모임에서 순서를 정하거나, 추첨을 해야한다구요?

웹으로 즐기는 클래식 게임! 지인과 함께 스릴 넘치는 순서 추첨 게임을 경험해보세요.

Live Demo React TypeScript

🎮 게임 소개

전통적인 "무궁화 꽃이 피었습니다" 게임을 현대적인 웹 환경에서 재해석한 순서 추첨 게임입니다.

술래가 "무궁화 꽃이 피었습니다"를 외치는 동안 전진해서 골인하세요! 잡히면 사망!

조작할 수 없어요! 운에 맡기세요!

🔗 플레이하기

👉 mugunghwarun.netlify.app

✨ 주요 기능

  • 🏃‍♂️ 2-10명 참가자 지원 - 다양한 인원으로 게임 가능
  • 🎨 개인별 색상 및 번호 - 플레이어 구분이 쉬운 UI/UX
  • 🏆 실시간 선두 표시 - 게임 상황을 한눈에 파악
  • 📱 반응형 디자인 - 모바일/PC 모든 환경에서 최적화
  • 성능 최적화 - 부드러운 애니메이션과 빠른 반응속도
  • 🔄 빠른 재시작 - 동일 멤버로 즉시 재경기 가능

🎯 게임 규칙

  1. 이동 단계: "무궁화 꽃이 피었습니다" 외치는 동안 자유롭게 이동
  2. 정지 단계: 술래가 돌아보는 순간 움직이면 즉시 탈락
  3. 승리 조건: 가장 먼저 골인하거나 마지막까지 살아남기

🛠️ 기술 스택

  • Frontend: React 19, TypeScript, Framer Motion
  • Styling: CSS Modules, 반응형 디자인
  • Build: Create React App
  • Deployment: Netlify

🎨 주요 개선사항

성능 최적화

  • Console.log 제거로 PC 브라우저 성능 대폭 향상
  • CSS 애니메이션으로 GPU 가속 활용
  • 불필요한 리렌더링 최소화

게임 밸런스

  • 도착선 근처 플레이어 이동 확률 증가 (긴장감 극대화)
  • 단계별 확률 조정: 기본 25% → 중반 40% → 마지막 75%

사용자 경험

  • 플레이어별 고유 색상과 번호로 구분 용이
  • 실시간 선두 표시 (🥇)
  • 결과 공유 기능 및 빠른 재시작

💡 재미있게 즐기셨나요? 피드백이나 제안사항을 남겨주세요!

About

무궁화 꽃이 피었습니다 | 순서 추첨 웹서비스

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published