포켓몬 같은 그림 찾기 미니게임

프로젝트 정보

---

• next 14를 사용해 개발한 같은 그림 찾기 미니 게임입니다.

개발 기간

---

• 2024.06 ~

기술 스택

---

환경(Environment)

개발(Development)

시작 가이드

---

요구사항(Requirements)

• Next.js : 14 이상
• Node.js : 14.6.0 이상

설치(Installation)

$ git clone https://github.com/kimgorok/next14.git
$ cd poke-card

$ npm install
$ npm run dev

게임 설명

---

카드 게임 화면	출현한 포켓몬 도감 화면

같은 그림이 그려진 한 쌍의 카드를 찾으며, 모든 쌍을 찾으면 클리어하는 포켓몬 같은 그림 찾기 게임입니다.

• 카드 게임의 일러스트는 Poke API에서 제공한 움직이는 gif 이미지가 적용되어 있습니다.
• framer-motion을 사용해 카드를 뒤집는 듯한 애니메이션을 추가했습니다.
• 모든 쌍을 찾은 뒤, 다음 버튼을 눌러 이번 게임에 출현한 포켓몬의 정보를 확인할 수 있습니다.
• 게임은 오직 마우스를 통해서 진행됩니다.

게임 실행 링크

https://poke-card-game-fawn.vercel.app/