게임2026. 8. 8.
3D 미로 탈출 게임
총 3단계로 이루어진 미로를 탈출하는 게임
💡 만든 동기
게임을 3d로 만든 적이 없어서 3d게임 중에 간단하다고 생각되는 미로 게임을 만들어보았다.
🤔 어려웠던 점
플레이어가 움직이지 않는 문제가 있었고 Three.js로 3d 게임을 구현할 때 벽을 통과하거나 벽에 닿았을 때 게임이 굳어지는 문제가 있었다.
🛠 해결한 방법
플레이어가 움직이지 않는 문제를 PointerLockControls로 이동하는 방법 대신 직접 카메라 위치와 시점을 계산하여 충돌 처리와 이동이 100% 확실하게 작동하도록 바꾸었다. Three.js로 3d 게임을 구현할 때 벽을 통과하거나 벽에 닿았을 때 게임이 굳어지는 문제는 이동 축을 X축과 Z축으로 분리하여 순차적으로 충돌 검사를 수행하도록 수정했습니다. 플레이어와 벽이 일정 거리 안으로 좁혀지면 해당 벽의 축을 이전 위치로 되돌리면서 플레이어가 벽에 닿아도 자연스럽게 이동하도록 수정했다.
✨ 배운 점
3d게임을 만들 때 Three.js활용한다면 제공되는 PointerLockControls만 맹신하기보다는 카메라 시점 등의 기초 원리를 이해해야 여러 버그를 처리할수 있고 플레이어가 움직이지 않는다는 문제 같은 버그가 생길 시 근본적인 코드부터 다시 제대로 검사해야한다는 것을 알았다.