/CarrotPickingGame

브라우저101 과정 프로젝트 중 하나인 당근 뽑기 게임입니다. 🥕

Primary LanguageJavaScript

CarrotPickingGame

순수 자바스크립트 게임

  • 객체지향 프로그래밍으로써의 자바스크립트 이해
  • this 바인딩에 대해
  • 리팩토링 개념 이해
  • 실무에서 쓰이는 다양한 방법들
  • 자바스크립트 동작 방식 이해
기술 스택
  • JavaScript
  • CSS
  • HTML
사용한 에디터
  • VScode
스크린샷

image image

게임 동작 방식
  • 게임시작 버튼 클릭 시
  • 임의의 시간초가 감소하고
  • 당근 클릭 시 카운트 감소
  • 벌레 클릭 시 패배
  • 당근이 남은 채 시간초가 0이 되면 패배
  • 임의의 시간초 내에 카운트 0이 되면(당근을 다 뽑으면 🥕) 승리
UI/UX 개선점?
  • 당근, 벌레 hover 시 크기를 늘림으로써 직관성 개선
  • 당근, 벌레 랜덤 생성 시 필드를 정함으로써 UI개선

🎮 Play. https://byungyeonkim.github.io/CarrotPickingGame/