JavaScript로 간단한 3D 게임을 만들며 배운 점 저번 포스트에서 기획을 위주로 알아봤고, 이번주에는 참고자료를 보며 주요 기능을 파악하고 구현을 해봤습니다. 주요 내용 3D 게임을 만들기 위한 필요한 내용 다음과 같이 추려봤습니다. 1. 맵과 캐릭터 그리기 2. 키보드 이벤트(이동, 점프) 3. 충돌 이벤트(벽, 코인) 3D 렌더링 세팅 3D 렌더링 세팅 완성본 👇 맵을 만들기 전에 3D를 렌더링 할 화면을 구성합니다. HTML로 구조 구성 index.html viewport 3D 렌더링을 감싸주는 TV같은 녀석 camera 상하좌우 카메라 위치 scene 3D 렌더링이 될 장소 floor 렌더링 될 맵, 히어로의 시작 장소 CSS로 3D 변환 3D를 만들어 주는 부분은 CSS가 담당합니다. 그..
