바나나 먹는 미니언 게임을 만들어 보자(feat. 캔버스)
프론트엔드
바나나 먹는 미니언 게임을 만들어 보자(feat. 캔버스)
두줄요약
캔버스와 React, TypeScript로 바나나를 먹는 미니언 게임을 만드는 과정을 정리한 글입니다. 이미지 로드, 이동 제어, 충돌 판정, 바나나 생성과 삭제 로직을 단계별로 설명했습니다.
핵심 내용
- Create React App + TypeScript와 캔버스를 이용한 바나나 수집 게임 구현 과정
- 이미지 로드, requestAnimationFrame, 키보드 입력, 충돌 판정, 바나나 삭제 로직 중심 설명
- 미니언 이동 제한, 바나나 랜덤 생성, 낙하 가속도 적용 등 기본 게임 루프 구성