기억력 게임

배포 주소 : hun2zz.github.io

프로젝트 정보

단체 : 중앙정보처리학원 데이터융합 자바(JAVA) 응용 SW개발자 취업과정 2조

목적 : 웹 표준에 대한 이해와 숙달

개발 기간 : 2024.04.04 ~ 2024.04.15

목차

1. 프로젝트 소개
2. 팀원 소개
3. 환경
4. 개발
5. 메인페이지
6. 개발 기간

프로젝트 소개

• html5, css, js 를 직접 써보며 학습하기 위한 프로젝트입니다.
• 기억력 게임을 웹으로 즐길 수 있습니다.

팀원 소개

• 진상훈
  • https://github.com/hun2zz
  • PM
  • 게임 플레이 - 랜덤박스 보여주기, 보여지는 동안 클릭 금지
  • 난이도 올라갈 때 마다 제한시간 증가하는 타이머
  • 게임 종료 후 닫기 버튼 클릭시 재시작
  • 깃헙 관리
• 김한솔
  • https://github.com/hansolkim9
  • 게임 실행 페이지 HTML5, css로 전체적인 구조 구현
  • 게임 순서 바뀔 시 PC,User turn 구현
  • 게임 종료 시 스코어 기능
• 김은지
  • https://github.com/eeungji
  • 게임 선택 페이지 html5,css로 구조 구현
  • 게임 시작 전 카운트다운 기능
  • ppt 제작
• 김수빈
  • https://github.com/SoobihnKim
  • 사용자와 컴퓨터 클릭값 비교 후 정답 오답 비교
  • 사용자가 클릭박스에 효과
  • 게임 종료 시 재시작 버튼

환경

개발

메인 페이지

• ✅ 처음 사이트 접속 시 나오는 화면 스크롤 다운

  

• ✅ 게임 클릭 시 페이지 이동 후 게임 시작

  

• ✅ 게임 시작 전 5초의 카운트 다운

  

• ✅ 카운트 다운 종료 후 pc 차례일 때 순서대로 박스를 출력해서 보여줌

  

• ✅ pc 차례 종료 후 유저 차례로 변경 시 기억해둔 박스를 순서대로 클릭

  

• ✅ 정답 클릭 시 자동으로 다음 단계로 넘어감

  

• ✅ 오답 클릭 시 게임 종료 후 재시작 닫기 버튼 클릭 가능

• ✅ 재시작 버튼 클릭 시 게임 재시작

  

  • ✅ 오답 클릭 시 나오는 창에서 닫기 버튼 클릭시 재시작 버튼 생성

개발 기간