장애물 충돌 감지
[JS] 바닐라 자바스크립트로 마리오 러너 게임 구현하기
[JS] 바닐라 자바스크립트로 마리오 러너 게임 구현하기
2024.05.29러너 게임(달리기 게임)은 플레이어가 자동으로 전진하면서 장애물을 회피하고, 점수를 획득하는 게임 유형이다. 간단한 러너 게임은 캔버스 없이 JavaScript, HTML, CSS 만으로도 구현할 수 있다. 러너 게임 구현은 크게 ①이동(전진), ②점프, ③장애물 배치, ④장애물 충돌 감지로 나눌 수 있다. 슈퍼 마리오는 플레이어가 캐릭터를 직접 조종하는 플랫포머 장르에 속하지만 친숙한 마리오 캐릭터와 구조물을 이용해서 러너 게임으로 만들어보자. 싱글톤 DOM 관리더보기// dom-manager.jsclass DomManager { static instance = null; constructor() { // 생성자 함수는 기본적으로 새로 생성된 인스턴스(this)를 반환하지만 명시적으로 반환 ..