mini-game

Demo

• https://yeaeun23.github.io/mini-game/
  
  

Preview

• 준비 화면

  • '시작(▶)' 버튼을 클릭하면, 게임이 시작됩니다.
    
    
    
    

• 진행중 화면

  • 마우스를 클릭하면 벌레가 날아갑니다.
    
    
    
    

• 종료 화면

  • 이동한 거리와 획득한 코인 점수가 나오며, 게임이 종료됩니다.
    • 벌레가 게임 화면을 벗어나는 경우
    • 벌레가 벽에 부딪힐 경우
  • '재시작' 버튼을 클릭하면, 게임을 재시작할 수 있습니다.
    
    

Reference

• 게임 관련 이미지 - 배경

  • https://itch.io/game-assets
  • https://edermunizz.itch.io/free-pixel-art-forest
    
    
    
    

• 스프라이트 이미지 - 벌레

  • https://bevouliin.com/
  • https://bevouliin.com/purple-bug-game-asset-sprites/
    
    
    
    

• gsap CDN

  • https://cdnjs.com/libraries/gsap
    
    

• 구글 폰트 - Jua

  • https://fonts.google.com/
  • https://fonts.google.com/selection?query=jua
    
    

• 패스트캠퍼스 - '인터랙티브 웹 완전 정복' 온라인 강의 실습

  • https://fastcampus.co.kr/b2g_kdc_webmotion